/*                
                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;    
    
}

.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-left: 20px;
padding-top: 10px;
direction: ltr;
text-align: left;
       
       
       
}
.dark-btn
{
   border: white solid thin;
margin: 8px;
background-color: #2dadbc;
width: 30%;
font-size: 1.1em;
height: 30px;
color: white;
padding: 4px;
 
margin-left: 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-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: ltr;
                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:left;
                 text-align: left;
                 direction: ltr;
                 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;
                text-align: left;
                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.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%;
                padding-left: 7px;
                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
        {
           
        }