﻿@charset "utf-8";

@font-face {
font-family: 'BMitra';
src: url('../font/BMitra.eot?#') format('eot'),  /* IE6–8 */
url('../font/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../font/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}


@font-face {
font-family: 'BYekan';
src: url('../font/BMitra.eot?#') format('eot'),  /* IE6–8 */
url('f../font/BMitra.woff') format('woff'),  /* FF3.6+, IE9, Chrome6+, Saf5.1+*/
url('../font/BMitra.ttf') format('truetype');  /* Saf3—5, Chrome4+, FF3.5, Opera 10+ */
}

.BBardiya {
font-family: myfont,BMitra, Arial, Helvetica, sans-serif;
}

.BYekan {
font-family:  myfont,BMitra, Arial, Helvetica, sans-serif;
}


body {
}
 .adataListsearch{

             padding: 10px 0px 50px 0px;
             color: darkblue;
             text-decoration: none;
             border: none;
        

    }
        .adataListsearch:hover
        {
             color: darkcyan;
        }
    .divSearchLink
    {
        height: 65px;
        width: 100%;
        margin-top: 10px;
    }
 .divSearchLink  {

     text-align: left;
     margin-left: 10px;


          
        }
.pageTitle {
    /*height: 105px;*/
    width: 300px;
    float: right;

}


.pageTitleen {
    /*height: 105px;*/
    width: 300px;
    float: left;

}

    .pageTitle h2 {
        font-size: 22px;
        line-height: 25px;
        color: #002236;
        border-radius: 15px 50px;
        text-align:right;
  background: #fcbe19;
  padding: 20px 20px 10px 10px;
  width: 95%;
  /*height: 100px;*/
    }


        .pageTitleen h2 {
        font-size: 22px;
        line-height: 25px;
        color: #002236;
        border-radius: 15px 50px;
        text-align:left;
  background: #fcbe19;
  padding: 20px;
  width: 100%;
  /*height: 100px;*/
    }

.pageContent {
    clear: both;
    background-image: url('../../images/bg_content_wrapper.gif');
    background-repeat: repeat-x;
    width: 100%;
    /*min-height: 200px;*/
    height: auto;
}


.pageContentEN {
    clear: both;
    background-image: url('../../images/bg_content_wrapper.gif');
    background-repeat: repeat-x;
    width: 100%;
    min-height: 300px;
    height: auto;
}


.btnProjectRtl {



 margin-right: 120px;
}
    .pageContent table {
        text-align: right ;
        direction: rtl ;
    }

        .pageContent table tr td {
            text-align: right;
            direction: rtl;
        }


        .pageContent table tr {
            text-align: right;
            direction: rtl;
        }


            .pageContentEn table {
        text-align: left ;
        direction: ltr ;
    }

        .pageContentEN table tr td {
            text-align: left;
            direction: ltr;
        }


        .pageContentEn table tr {
            text-align: left;
            direction: ltr;
        }


        /*////*/

        .pageContent1 {
    clear: both;
    background-image: url('../../images/bg_content_wrapper.gif');
    background-repeat: repeat-x;
    width: 100%;
    min-height: 300px;
    height: auto;
}
.btnProjectRtl {



 margin-right: 120px;
}
        .pageContent1 table {
        text-align: center ;
        direction: rtl ;
    }

        .pageContent1 table tr td {
            text-align: center;
            direction: rtl;
        }


        .pageContent1 table tr {
            text-align: center;
            direction: rtl;
        }


        /*///////*/

.newsDetailsTd {
    direction: rtl !important;
    text-align: right !important;
    float: right;
}

.projectList {
    text-align: center !important;
    font-family: Tahoma !important;
}

    .projectList tr td {
        text-align: center !important;
        font-family: Tahoma !important;
    }

.certHolder {
    margin-right: 30px;
    clear: both;
    width: 650px;
    min-width: 70px;
    height: auto;
margin-top: 25px;
}

.projectList tr {
    text-align: center !important;
    font-family: Tahoma !important;
}

.contentAbout {
    width: 230px;
    padding-right: 10px;
    float: right;
    min-height: 600px;
    height: auto;
    margin-bottom: 100px;
    color: silver;
    margin-top: 40px;
}


.dashed {
    float: right;
    width: 600px;
    min-height: 850px;
    height: auto;
    border-right: 1px dashed silver;
    padding-right: 20px;
}

.dtlServices {
    line-height: 25px;
    /*float:left  !important;*/
}

/*.projectDiv {
    color: black !important;
    width: 250px;
  height: 100px;
     margin-left: 15px;
    margin-top: 0;
    font-size: 12px;
    line-height: 20px;
    overflow: hidden;
}*/

.projectList {
    width: 940px;
    margin: 0 auto;
    padding: 20px 5px 5px 5px;
    height: auto;
}

.dtlProjects {
	
}

#h2 {
    font: normal 230%/1.25em Arial, Helvetica, Verdana, sans-serif;
    color: #0065a4;
    margin: 0px 0px 0px -12px;
    padding: 35px 0px 25px 0px;
}

#leftContentWrapper {
    margin: 1px 0px 0px 0px;
    padding: 20px 0px 50px 0px;
    float: left;
    width: 260px;
    background-image: url(/images/bg_right_content.gif);
    background-repeat: repeat-y;
    background-position: top right;
}

#rightContentWrapper {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 35px 45px;
    float: left;
    width: 610px;
}

    #rightContentWrapper.noH2, #wideContentWrapper.noH2 {
        padding-top: 40px;
    }

.servicesChild {
    width: 380px;
    float: right !important;
    /*min-height: 600px;*/
    height: auto;
    margin-bottom: 10px;
    color: silver;
    border-left: 1px dashed silver;
    margin-top:20px;
}



.servicesProjects {
    background-position: left top;
    width: 270px;
    height: 30px;
    background-image: url('../../images/bg_left_feature2.gif');
    background-repeat: no-repeat;
    margin-top: 35px;
    padding-top: 10px;
}



    .servicesProjects strong {
        color: #0065a4;
        font-weight: bold;
        font-size: 16px;
        font-family: Tahoma;
        margin-left: 20px;
    }

    .servicesProjectsEN {
    background-position: left top;
    width: 270px;
    height: 40px;
    background-image: url('../../images/bg_left_feature2.gif');
    background-repeat: no-repeat;
    margin-top: 20px;
    padding-top: 5px;
}



    .servicesProjectsEN strong {
        color: #0065a4;
        font-weight: bold;
        font-size: 16px;
        font-family: Tahoma;
        margin-left: 20px;
    }
   
/*------------------------------------- */

#ulbullet0 {
     padding: 25px;
    margin: 10px  5px 10px 0; 
}

    #ulbullet0 li {
     
        line-height:20px;
        padding: 5px;
       
        
    }

/* انتشارات  */
#ulAbotPublications1 {
    padding: 0;
    margin: 10px 5px 70px 0;
}

    #ulAbotPublications1 li {
        line-height: 25px;
        margin-top: 15px;
        list-style-image: url('../../images/bullet-blue-icon (1).png');
       /*  list-style-position: inside; */
        padding: 5px;
        border-bottom: 1px solid #d9d8d8;
        width: 920px;
    }
/* خط تيره  */

#ulAbotPublications2 {
     padding: 0px;
    margin: 30px  30px 5px 0px; 
}

#ulAbotPublications2 li:nth-child(odd),.otherpage li:nth-child(odd) {
  background-color:  #068a97 !important;
}


    #ulAbotPublications2 li {
     /*   line-height: 25px;
        margin-top: 15px;
        list-style-position: inside; 
        width: 920px; 
        list-style-type :line; */
        line-height: 20px;
        list-style-image: url('../../images/bullet-black.png');
        padding: 5px;
       
        
    }

/*------------------------------------- */
#ulAbotPublications {
    padding: 0;
    margin: 10px 5px 70px 0;
}

    #ulAbotPublications li {
        line-height: 25px;
        margin-top: 15px;
        list-style-image: url('../../images/bullet-blue-icon (1).png');
        list-style-position: inside;
        padding: 5px;
        border-bottom: 1px solid #d9d8d8;
        width: 920px;
    }

.myClass {
    position: fixed;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 130%;
    display: block;
    opacity: 0.4;
    z-index: 9998;
    background-color: rgb(96, 100, 103);
}

#dialog {
    position: fixed;
    bottom: 20%;
    top: 15%;
    z-index: 9999;
    left: auto;
    right: auto;
    display: block;
    width: 588px;
    background-color: white;
    height: 510px;
}

.titleBar {
    height: 20px;
    background-color: #0065a5;
    color: #ffffff;
    padding: 8px 15px 2px 550px;

}

.lnkClose {
    color: white;
    text-decoration: none;
    float: left;
}


/*Chart*/


#wideContentWrapperOrg {
    font-size: 90%;
    margin: 0px;
    padding: 0px 0px 50px 10px;
    float: left;
    width: 910px;
    background-image: url(/images/bg_content_wrapper.gif);
    background-repeat: repeat-x;
}

.CertBtag {
    margin-right: 55px !important;
    display: block;
    font-family: Tahoma;
    width: 300px;
    font-size: 18px;
}

.orgBackLink2 {
    float: right;
    padding: 0;
    margin: 25px 15px 0px 0px;
}

h2.org {
    font: normal 230%/1.25em Arial, Helvetica, Verdana, sans-serif;
    color: #0065a4;
    margin: 0px 0px 0px 0px;
    padding: 25px 0px 10px 0px;
}

#president {
    width: 930px;
    float: left;
}

    #president .bio {
        width: 450px;
	position: static;
	margin-right:300px;
	float: initial;
    }

.bio {
	
    padding: 7px 0px 0px 0px;
    clear: both;
	margin:15px 15px 15px 15px;
}

.bioPhoto {
    float: right;
    margin: 0px 0px 35px 0px;
    padding: 0px 0px 0px 0px;
    border: 5px solid #e2e2e2;
}

h4.bioName {
    font: normal 130%/1.25em Arial, Helvetica, Verdana, sans-serif;
    /* color: #cc3f34; */
    /* color: #003d61; */
    color: #e6a20e;
    margin: 0px 0px 10px 0px;
    padding: 5px 0px 5px 0px;
    border-bottom: 1px solid #d7dde2;
}

.bioDetails {
    float:right;
    width: 300px;
    margin: 0px 15px 0px 10px;
    padding: 15px 0px 15px 15px;
}

    .bioDetails .showDetails {
        margin: 0px 10px 10px 10px;
        padding: 0;

    }

        .bioDetails .showDetails a.plus {
            background-position: 0px 0px;
        }
		.bioDetails .showDetails a.minus {
			background-position: 0px -13px;
		}
		.bioDetails .showDetails a.icon
		{
			height: 13px;
			width: 13px;
			display: block;
			float: right;
			margin-left: 7px;
			cursor: pointer;
			font-size: 1px;
			background: url(/images/btn_voop.gif) 0 0 no-repeat;
		}





    .bioDetails .detailContainer {
        display:none;
    }


	/*صفحه مجله*/
	.bio1 {
	
    padding: 7px 0px 0px 0px;
    clear: both;

}
	.bioDetails1 {
    float: right;
    width: 300px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 5px;

}

    .bioDetails2 {
    float: right;
    width: 1000px;
    margin: 0px 0px 0px 0px;
    padding: 5px 0px 5px 5px;

}

	 .bioDetails1 .showDetails1 {
        margin: 0px;
        padding: 0px;
		 float: right;

    }
      .bioDetails2 .showDetails1 {
        margin: 0px;
        padding: 0px;
		 float: right;

    }

        .bioDetails1 .showDetails1 a.plus {
            background-position: 0px 0px;
			
        }

         .bioDetails2 .showDetails1 a.plus {
            background-position: 0px 0px;
			
        }

		.bioDetails1 .showDetails1 a.minus {
			background-position: 0px -13px;

		}

        .bioDetails2 .showDetails1 a.minus {
			background-position: 0px -13px;

		}

		.bioDetails1 .showDetails1 a.icon
		{
			height: 13px;
			width: 13px;
			display: block;
			float: right;
			margin-left: 7px;
			cursor: pointer;
			font-size: 1px;
			background: url(/images/btn_voop.gif) 0 0 no-repeat;	 

		}

        		.bioDetails2 .showDetails1 a.icon
		{
			height: 13px;
			width: 13px;
			display: block;
			float: right;
			margin-left: 7px;
			cursor: pointer;
			font-size: 1px;
			background: url(/images/btn_voop.gif) 0 0 no-repeat;	 

		}

    .bioDetails1 .detailContainer1 {
        display:none;
		
    }


       .bioDetails2 .detailContainer1 {
        display:none;
		
    }
	/*پايان صفحه مجله*/

#olcLeadership .bioDesc, #ceoLeadership .bioDesc, #president .bioDesc {
    width: 310px;
}

#ceoLeadership {
    width: 460px;
    float: right;
}

.ceoTitle {
    width: 100%;
    background-image: url(/images/bg_arrow_yellow.gif);
    background-repeat: no-repeat;
    background-position: 12px 25px;
    height: 36px;
    margin: 0px 0px 12px 0px;
    padding: 0;
    float: left;
}

    .ceoTitle p {
        font: normal 125%/1.25em Arial, Helvetica, Verdana, sans-serif;
        color: #ffffff;
        background-color: #0065a4;
        padding: 5px 5px 6px 7px;
        margin: 0;
    }

.bio {
    padding: 7px 0px 0px 0px;
    clear: both;

}

.bioPhoto {
    float: right;
    margin: 0px 0px 35px 0px;
    padding: 0px 0px 0px 0px;
    border: 5px solid #e2e2e2;
}

.bioDesc {
    float: right;
    width: 500px;
    margin: 0px 15px 0px 0px;
    padding: 0px 10px 0px 0px;
}

#olcLeadership {
    width: 450px;
    float: left;
}

.olcTitle {
    width: 100%;
    background-image: url(/images/bg_arrow_yellow.gif);
    background-repeat: no-repeat;
    background-position: 12px 25px;
    height: 36px;
    margin: 0px 0px 12px 0px;
    padding: 0;
    float: left;
}

    .olcTitle p {
        font: normal 125%/1.25em Arial, Helvetica, Verdana, sans-serif;
        color: #ffffff;
        background-color: #0065a4;
        padding: 5px 5px 6px 7px;
        margin: 0;
    }

.bioDetails .showDetails a.plus {
    background-position: 0px 0px;

}
.bioDetails .showDetails a.minus {
	background-position: 0px -13px;
}
/*مجله*/
.bioDetails1 .showDetails1 a.plus {
    background-position: 0px 0px;
}

bioDetails2 .showDetails1 a.plus {
    background-position: 0px 0px;
}

.bioDetails1 .showDetails1 a.minus {
	background-position: 0px -13px;
}

.bioDetails2 .showDetails1 a.minus {
	background-position: 0px -13px;
}
/*مجله پايان*/
/*.bioDetails .showDetails a.icon {
    height: 13px;
    width: 13px;
    display: block;
    float: right;
    margin-left: 7px;
    cursor: pointer;
    font-size: 1px;
    background: url(/images/btn_voop.gif) 0 0 no-repeat;
	
}*/

.imgCenter {
    margin-left: auto;
    margin-right: auto;
    margin-top: 10px;
}

.headerDtlSearch {
    border-bottom: 1px solid #d7dde2;
}

.dtlSearchRes {
    text-align: justify !important;
}


.adataListsearch{

             padding: 10px 0px 50px 0px;
             color: darkblue;
             text-decoration: none;
             border: none;
        

    }
        .adataListsearch:hover
        {
             color: darkcyan;
        }
    .divSearchLink
    {
        height: 65px;
        width: 100%;
        margin-top: 10px;
    }


.titleServicesDet {


     font: 'BMitra', Arial, Helvetica, Verdana, sans-serif;
            color: #5b6268; /* pb blue */
            margin: 20px 0px 0px 0px;
            padding: 35px 0px 25px 0px;
			
            font-size: 14.8px;
}

.divContentServ {

     padding-right: 20px;
}

.divContentServEN {

     padding-left: 5px;
}

.divShowDetails {


    height: 430px;
    margin: 0 auto;
    overflow: scroll;
    padding: 15px;
    width: 555px;
}



    .divShowDetails p {

        text-align: Right;
        line-height: 18px;
         max-width: 550px;
         text-overflow:ellipsis;
         padding:10px;
    }


    .section-title{
    font-size: 14px;
    color: #da2128;
    font-weight: bold;
    text-align:right !important;

}
.section-title-page{
    font-size: 20px;
}


   .section-titleEN{
    font-size: 14px;
    color: #da2128;
    font-weight: bold;
    text-align:left !important;

}

 .news-box{
            width: 367px;
            height: 300px;

            position: relative;
            overflow: hidden;
        }
        .news-box img{
            display: block;
            width: 100%;
        }
        .news-box .news-desc{
            position: absolute;
            width: 100%;
            max-height: 100px;
            right: 0;
            bottom: 0;
            background-color: #addcff;
            transition: all .5s;
            box-shadow: inset 0px -30px 20px rgba(0, 0, 255, 0.7);
        }
        .news-box:hover >.news-desc{
            max-height: 300px;
            box-shadow: none;
        }