/*                

                Colors (green):

                very light green (/): #62c997                

                greens of buttons: #209b60 , #198752 , #107243 , #065f34 , #034b29 , #02381f                                

                light blue (uppger background): #f3f3f5

    

               Colors (blue):

                very light green (/): #63bfca                

                greens of buttons: #2dadbc , #1e8e9b , #177681 , #14656f , #0e5760 , #094950                                

                light blue (uppger background): #f3f3f5

            */

            

   

.txtarea_div div:nth-child(2)

{

    background-color: white;

    

}



#detail

{

    width:500px!important;

}



            #datafrm textarea            

            {

                background-color: white;

            }

            #datafrm

            {

                border-style:dotted;

                border-width:thin;

                padding:10px;

                direction: ltr;                                       

            }

            #datafrm table td:nth-child(1)

            {

                text-align:right;  

                direction: rtl;

            }

                                     

            

            #datafrm table td:nth-child(2)

            {                

               padding-left: 20px;

                text-align:left;

            }

            

             #datafrm table td:nth-child(3)

            {                

               padding-left: 20px;

                text-align:left;

            }

            

            

.title-bk

{

    color:rgb(35, 138, 150);

}

.img-container{   

    position: relative;

    display: inline-block;    

    width:100%

}



.img-text{

    top:1%;

    width:200px;        

    position: absolute;    

    display:block;

    right: 2px;

}



.img-text2{

    top:1%;

    width:200px;        

    position: absolute;    

    display:block;    

    left: 2px;

}



/*  table */            

#mytable 

{

 

  width: 100%;

  box-shadow: 0 1px 3px rgba(0,0,0,0.2);

  font-size:1.1em;

  border-style:solid;

  border-color:#209b60;

  border-width: thin;

}   



.alt-row1 

{	

    background: #b0cbd7;	 	

    text-align: center; 

    padding-right:3px;

}

.alt-row2 

{	 	

    background-color: #cad3d7;

    text-align: center;

    padding-right:3px;

}

   

#mytable tr:hover td 

{	

    background: whitesmoke;

}



#mytable th 

{

 

    background-color: #345361;

    text-align: center;

    color:white;

    font-weight: lighter;

    

} 

 /* END ttable */

 

            .paging

{

    font-size: 1.4em!important;

    color:white!important;

    position: relative;

    top: 10px;

    background-color: #2dadbc

}

            

            .news-pnl iframe

{

    border: #aebabf solid medium;

    

}



.news-img

{

    border: #2dadbc solid medium;

    width: 100%;

}



.news-title

{    

   color:rgb(35, 138, 150);;

   font-weight: bold;

   font-size: 1.1em;

   padding-right: 20px;

   padding-top:10px;

   direction: rtl;

       

       

       

}

.dark-btn

{

   border: white solid thin;

margin: 8px;

background-color: #2dadbc;

width: 30%;

font-size: 1.1em;

height: 30px;

color: white;

padding: 4px;

margin-right: 20px;

margin-top: 10px;

-webkit-transition: background-color 100ms ease-out 0.1s; /*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]*/

-moz-transition: background-color 100ms ease-out 0.1s;

-o-transition: background-color 100ms ease-out 0.1s;

transition: background-color 100ms ease-out 0.1s;            

}



 

            

            .dark-btn:hover

            {

                background-color:#177681;

                text-decoration: none!important;

            }

            

.news-preview

{    

   color:#515C5E;

   font-size: 0.9em;

   padding-right: 20px;

   padding-left: 20px;

   padding-top:8px;

   text-align: justify

       

}

            

            

            

            .nav-nums

            {

                font-size: 20pt;

            }

            .nahrain-word

            {

                color:#29ad6e; //blue

            }

            .color-1  /*lightest*/

            {

                background-color: #2dadbc;

            }

            .color-2  /*lightest*/

            {

                background-color: #1e8e9b;

            }

            .color-3  /*lightest*/

            {

                background-color: #177681;

            }

            .color-4  /*lightest*/

            {

                background-color: #14656f;

            }

            .color-5  /*lightest*/

            {

                background-color: #0e5760;

            }

            .color-6  /*lightest*/

            {

                background-color: #094950;

            }

            

            @font-face {

                font-family: "my font";

                src: url('../font/JF-Flat-regular.eot');

                src: url('../font/JF-Flat-regular.eot?#iefix') format('embedded-opentype'),

                     url('../font/JF-Flat-regular.svg#JF Flat Regular') format('svg'),

                     url('../font/JF-Flat-regular.woff') format('woff'),

                     url('../font/JF-Flat-regular.ttf') format('truetype');

                font-weight: normal;

                font-style: normal;

            }

            

            .facebook-icon 

            {

                background-image: url(../images/social_facebook.png);

            }

            

            .twitter-icon 

            {

                background-image: url(../images/social_twitter.png);

            }

            

            .youtube-icon 

            {

                background-image: url(../images/social_youtube.png);

            }

            

            .rss-icon 

            {

                background-image: url(../images/social_rss.png);

            }

            

            .twitter-icon:hover, .facebook-icon:hover, .rss-icon:hover, .youtube-icon:hover 

            {

                background-color: #2dadbc;

            }

            

            .twitter-icon, .facebook-icon, .rss-icon, .youtube-icon 

            {

                width: 31px;

                height: 31px;

                -webkit-border-radius: 99%;

                -moz-border-radius: 99%;

                -o-border-radius: 99%;

                border-radius: 99%;

                display: block;

                -webkit-transition: all 0.3s ease-in-out;

                -moz-transition: all 0.3s ease-in-out;

                -o-transition: all 0.3s ease-in-out;

                -ms-transition: all 0.3s ease-in-out;

                transition: all 0.3s ease-in-out;

                background-repeat: no-repeat;

                background-position: center;

                background-color: #c5c5c5;

                cursor: pointer;

            }

            

            html, body 

            {

                width: 100%;

                height: 100%;

                margin: 0px;

                padding: 0px;

                direction: rtl;

                text-align: right;

                font-family: "my font";

            }

            

            a

            {

                color:black;

                text-decoration: none;

                font-style: none;                

                -webkit-transition: color 150ms ease-out 0.2s; /*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]*/

                -moz-transition: color 150ms ease-out 0.2s;

                -o-transition: color 150ms ease-out 0.2s;

                transition: color 150ms ease-out 0.2s;

            }

            

            a:hover

            {

                color:#63bfca;

                text-decoration: none!important;

            }

            

             .main-menu-link

             {

                color:black;

                text-decoration: none;

                font-style: none;                

                

             }

             

             .main-menu-link:hover

             {

                  text-decoration: none!important;

                  color:black!important;

             }

             

            .white-link

            {

                color:white;

                text-decoration: none;

                font-style: none;                

                -webkit-transition: color 200ms ease-out 0.2s; /*transition: [transition-property] [transition-duration] [transition-timing-function] [transition-delay]*/

                -moz-transition: color 200ms ease-out 0.2s;

                -o-transition: color 200ms ease-out 0.2s;

                transition: color 200ms ease-out 0.2s;

            }

            

            .white-link:hover

            {

                color:#63bfca;

                text-decoration: none!important;

            }

            

            #page

            {              

                width:100%;                 

                background-color: #106069;

            }

            

            #main-up-wrapper

            {

                width:100%;

                background-color: #f3f3f5;

            }

            

            #main-bottom-wrapper

            {

                width:100%;

                background-color: white;

            }

                      

            #header

            {

                width:100%;

                background-color: #ffffff;

                position: relative; /*to make shadow appear above other divs*/                

                box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);

                -moz-box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);

                -webkit-box-shadow:0 1px 2px 1px rgba(0, 0, 0, 0.2);

            }

            

            #head-up

            {

                background-color: #2dadbc;

                height: 40px;  

                padding: 0px;                

            }

            

            #head-middle

            {

                background-color: #ffffff;

                height: 120px; 

                padding: 0px;

            }

            #head-bottom

            {

                background-color: #ffffff;

                height: 54px;

                background: url(../images/dot_border_h.png) repeat-x top left;

                position: relative;

                padding: 0px; 

                z-index: 99999999;

            }

            

            #head-up-inner

            {

                padding-top: 10px;

                padding-right: 1%;

                padding-left:1%;

                font-size: 10pt;

                color:white

            }

            

            #head-middle-inner

            {

                padding: 5px; 

                padding-right:25px;

                padding-left:25px;

                font-size:30pt

            }

            

            #head-bottom-inner

            {

                 

            }

            

            #slider

            {                

                width:100%;

                background-color: white;                

                box-shadow: 0 1px 2px 1px rgba(0, 0, 0, 0.2);

            }

            

            #big-buttons

            {

                background-color: #2dadbc;

                width:100%;

                

            }

            

            #body

            {

                width:100%;                                

                background-image: url(../images/dot_border_v.png),url(../images/dot_border_v.png);

                background-position: top left, top right;

                background-repeat: repeat-y;

            }

            

            #footer

            {

                width:100%;

                height: 60px;

                position: relative;

                top:0px;

                background-color: #2dadbc;

            }

            

            .light-green

            {

                color:#63bfca;

            }

            

            .middle-green

            {

                color: #2dadbc;

            }

            

            .phone-icon

            {

                background: url(../images/phone_icon_01.png) center left no-repeat;

                padding: 0 20px 0 15px;

                min-height: 14px;

            }

             

            .email-icon

            {

                background: url(../images/email_icon_01.png) center left no-repeat;

                padding: 0 20px 0 15px;

                min-height: 14px;

            }

            

            .icon_ul

            {

                list-style: none;             

                width: auto;

                float: left;

            }

            

            .icon_ul li

            {

                float: right; 

                display: list-item;

                text-align: -webkit-match-parent;                

                clear: left; 

            }

            

            .phone-icon 

            {

                background: url(../images/phone_icon_01.png) center left no-repeat;

                padding: 0 20px 0 15px;

                min-height: 14px;

            }

            

            #banner-right

            {

                float:right;

                text-align: right;

                width:50%;                

            }

            

            #banner-middle

            {

                float:right;

                width:0px;

            }

            

            #banner-left

            {

                float:left;                

                width:49%;                

               

                

            }

            .img-circular

            {

                width: 100px;

                border-style: solid;

                border-color: #2dadbc;

                height: 100px;

               

                background-size: cover;

                display: block;

                border-radius: 100px;

                -webkit-border-radius: 100px;

                -moz-border-radius: 100px;

            }

            #inner-big-buttons

            {

                width: 100%;

               

                background-color: transparent;

                display: block;

            }

            .big-button

            {

             

                width: 16.66%;

                padding: 3.5% 0;

                float: left;

                text-align: center;

                color: #fff;

                font-weight: 400;

                font-size: 18px;

                -webkit-transition: all 0.1s ease-in-out;

                -moz-transition: all 0.1s ease-in-out;

                -o-transition: all 0.1s ease-in-out;

                -ms-transition: all 0.1s ease-in-out;

                transition: all 0.1s ease-in-out;

                zoom: 1;

                cursor: pointer;

             }

             

             .big-button:hover

             {

                 padding: 2.5% 0 7% 0;

                 margin: -2.5% 0 0 0;

             }

             .big-button img

             {

                 margin: 0 0 0px 0;

             }

             

             .big-botton-text

             {

                 font-size: 13pt;

                 position: relative;

                 top: 16px;

             }

             #sidebar-left

             {

                 width:20%;                 

                 float:left;

                 background: url(../images/dot_border_v.png) repeat-y top right;

             }

             

             #sidebar-right

             {

                 width:20%;                 

                 float:right;

                 background: url(../images/dot_border_v.png) repeat-y top left;   

             }

             

             #body-middle

             {

                 width:80%;                 

                 float:left;

                 background: url(../images/dot_border_v.png) repeat-y top left;   

             }

             

             #inner-body

             {

                 

             }

             

             .content-block 

             {

                    /*background: url(../images/dot_border_h.png) repeat-x bottom left;*/

                    padding: 15px;

                    zoom: 1;

             }

             .block-title

             {

                color: #fff;

                font-size: 14px !important;

                padding: 10px;

                margin: 0 0 18px 0 !important;

                background: #2dadbc;

                

             }

             

             .events-ul

             {

                 margin: 0px;

                 list-style: none;

                 padding:0px;

             }

             

             .menu-link

             {

                 list-style-image: url(../images/list_05_rtl.png);

                 font-size: 14px;

                 margin: 0 0 12px 15px;

                 line-height: 130%;

             }

             

             .event-item

             {

                line-height: 130%;   

                list-style: none !important;

                margin: 0 0 0 0 !important;

                padding-top:5px;

                

             }

             .event-date

             {

                 float: right;

                 width: 26%;

                 margin: 0 0px 0 0;

             }

             .event-m 

             {

                color: #fff;

                text-align: center;

                font-size: 13px;

                text-transform: uppercase;

                padding: 5px 0;

                background: #2dadbc;

             }

             .event-d 

             {

                background: #fff;

                color: #424242;

                text-align: center;

                font-size: 18px;

                border-left: #e3e3e3 1px solid;

                border-right: #e3e3e3 1px solid;

                border-bottom: #e3e3e3 1px solid;

                padding: 3px 0;

             }

             

             .event-info 

             {

                float: left;

                width: 72%;

                

                font-size: 9pt;

             }

             

             .block-text

             {

                 font-size: 14px;

                 line-height: 160%;

                 margin: 0 0 20px 0;

             }

             .dark-button

             {

                 background-color: #2dadbc;

                 border-color: #2dadbc;

                 border-radius: 3px;

                 -webkit-transition: all 0.1s ease-in-out;

                 -moz-transition: all 0.1s ease-in-out;

                 -o-transition: all 0.1s ease-in-out;

                 -ms-transition: all 0.1s ease-in-out;

                 transition: all 0.1s ease-in-out;

             }

             

             .dark-button:hover

             {

                 background-color: #2eb976;

                 border-color: #2eb976;                

             }

             

            

             

             

/* 3.0 - Navigation */

#main-menu {

	z-index: 999;

	width: 100%;

}	



#main-menu ul {

	margin: -1px 0 0 0;

}



#main-menu ul ul {

	margin: 0;

}



#main-menu li {

	background: url(../images/dot_border_v.png) repeat-y top right;

	line-height: 1;

	font-size: 14px;

	font-weight: 600;

	border-top: transparent 3px solid;

}



#main-menu li a {

	padding: 17px 10px 20px 15px

}



#main-menu li.current_page_item,

#main-menu li:hover {

	border-top: 3px solid;

}



#main-menu li li.current_page_item,

#main-menu li li:hover {

	border-top: none;

}



#main-menu-wrapper {

	background: url(../images/dot_border_h.png) repeat-x top left;

	position: relative;

}



#main-menu li li {

	background: url(../images/dot_border_h.png) #fff repeat-x top left;

	border-top: none;

	font-size: 14px;

	font-weight: 400;

}



#main-menu li li li:first-child {

	background: #fff;

}



#main-menu li li li:first-child:hover {

	background: #fbfbfb;

}



#main-menu li li:hover,

#main-menu li li li:hover {

	background: url(../images/dot_border_h.png) #fbfbfb repeat-x top left;

	border-top: none;

}



#main-menu li li a {

	padding: 15px 30px 15px 30px;

}



#main-menu li ul {

	box-shadow: 0 3px 3px 1px rgba(0, 0, 0, 0.2);

}



#main-menu li .sf-sub-indicator {

    background: url(../images/arrow_down.png) no-repeat left center;

    display: block;

    height: 7px;

    overflow: hidden;

    position: absolute;

    right: 1.5em;

    text-indent: -999em;

    top: 1.5em;

    width: 20px;

}



#main-menu li li .sf-sub-indicator {

	background: url(../images/arrow_right.png) no-repeat left center;

	height: 10px;

	top: 1.3em;

	right: 0.5em;

}



#main-menu a.sf-with-ul {

	padding-right: 45px;

	min-width: 1px;

}



#main-menu li ul li a.sf-with-ul {

	padding-right: 2.25em;

}



#main-menu li:last-child {

	/*background: none;      CHANGE the direction of the menu (arabic, english) */

}



#main-menu li li:last-child {

	background: url(../images/dot_border_h.png) #fff repeat-x top left;

}



#main-menu li li:last-child:hover {

	background: url(../images/dot_border_h.png) #fbfbfb repeat-x top left;

}



/*** ESSENTIAL STYLES ***/

#main-menu, #main-menu * {

	margin:			0;

	padding:		0;

	list-style:		none;

}

#main-menu {

	line-height:	1.0;

}

#main-menu ul {

	position:		absolute;

	top:			-999em;

	width:			17em; /* left offset of submenus need to match (see below) */

}

#main-menu ul li {

	width:			100%;

}

#main-menu li:hover {

	visibility:		inherit; /* fixes IE7 'sticky bug' */

}

#main-menu li {

	float:			right; /*CHANGE the direction of the menu (arabic, english) */

	position:		relative;

}

#main-menu a {

	display:		block;

	position:		relative;

}

#main-menu li:hover ul,

#main-menu li.sfHover ul {

	/*left:			0.01em;  CHANGE the direction of the SUB menu (arabic, english) */

	top:			52px; /* match top ul list item height */

	z-index:		99;

}

ul#main-menu li:hover li ul,

ul#main-menu li.sfHover li ul {

	top:			-999em;

}

ul#main-menu li li:hover ul,

ul#main-menu li li.sfHover ul {

	left:			17em; /* match ul width */

	top:			0;

}

ul#main-menu li li:hover li ul,

ul#main-menu li li.sfHover li ul {

	top:			-999em;

}

ul#main-menu li li li:hover ul,

ul#main-menu li li li.sfHover ul {

	left:			17em; /* match ul width */

	top:			0;

}



#main-menu li.current_page_item,

#main-menu li:hover {

	border-color: #2dadbc;

}





.menu-search-button {

background: url(../images/search_icon.png) ;

background-position: center -18px, top left;

background-repeat: no-repeat, repeat-y;

background-color: #fff;

width: 50px;

height: 53px;

position: absolute;

left: 1px;

top: 1px;



-webkit-transition: all 0.3s ease-in-out;

-moz-transition: all 0.3s ease-in-out;

-o-transition: all 0.3s ease-in-out;

-ms-transition: all 0.3s ease-in-out;

transition: all 0.3s ease-in-out;

}



.menu-search-button:hover {

background: url(../images/search_icon.png) ;

background-position: center -106px, top left;

background-repeat: no-repeat, repeat-y;

background-color: #fff;

cursor: pointer;

}



        .news_img

        {

                width: 170px;

                border-width: medium;

                border-style: solid;

                border-color: #2dadbc;

                height: 170px;                               

                display: block;

                border-radius: 10px;

                -webkit-border-radius: 10px;

                -moz-border-radius: 10px; 

        }

        

        .date-text

        {

            color: #999;

            font-size:10pt;

        }

        

        .news-tbl

        {

           

        }