
.upper_menu_div a{
color:#FFFFFF;
text-decoration:none;
}

.upper_menu_div a:hover{
color:#FC9A43;
text-decoration:none;
}
/*---------menu -------*/

.upper_menu_shadow_div ul {
padding: 0;
margin: 0;
list-style: none;
float:right;

}



.upper_menu_shadow_div ul li { /* all list items */
	float:left;
	position:relative;
	width:9em;
	}
		

.upper_menu_shadow_div ul li ul {
  	display:none;
	position:absolute;
	width:9em;
	visibility:hidden;
	z-index:15;
	background-color:#006599;
	left:0em;
		
	}

.upper_menu_shadow_div li > ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: auto;
	left: auto;
	}
	
	
.upper_menu_shadow_div ul li a {
	display: block;
	text-decoration: none;
	width:inherit;
	text-align:center;
	
	}




.upper_menu_shadow_div li:hover ul, .upper_menu_shadow_div li.over ul { /* lists nested under hovered list items */
  visibility:visible;
  display:block;
  
 }



/*---------end of menu -------*/

.left_column_div h1 {
width:145px;
height:22px;
text-align:center;
background-image:url(../images/etd/left_menu_button_bg_title_etd.jpg);
background-position:top left;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.8em;
font-style:normal;
font-weight:bold;
color:#003366;
text-decoration:none;
margin-left:0px;
margin-bottom:0px;
}

.left_column_div ul {
   width:160px; 
   margin-left:0px;
   margin-right:auto;
   text-align:left;
   float:left;
   display:block;
  
      }

.left_column_div li {
position:relative;
width:145px;
height:22px;
list-style-type:none;
margin-left:0px;
margin-top:0px;
margin-right:auto;
vertical-align:top;

}

.left_column_div a {
position:relative;
width:145px;
height:22px;
float:left;
text-align:left;
background-image:url(../images/etd/left_menu_button_bg_etd.jpg);
background-position:top center;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.7em;
font-size-adjust:inherit;
font-style:normal;
font-weight:bold;
color:#000066;
text-decoration:none;
margin-top:0px;

}



.left_column_div a:hover {
width:145px;
height:22px;
display:block;
float:left;
text-align:left;
padding-left:0.1px;
background-image:url(../images/etd/left_menu_button_bg_hover_etd.jpg);
background-position:center;
background-position:top;
background-repeat:no-repeat;
font-family:Arial, Helvetica, sans-serif, serif;
font-size:0.7em;
font-size-adjust:inherit;
font-style:normal;
text-decoration:underline;
font-weight:bold;
color:#003399;
text-decoration:none;

}


.footer_div p {
text-align:center;
font-family:"Trebuchet MS", Verdana, Arial, "Arabic Transparent", serif;
font-size:0.7em;
color:#F0F0F0;

}


/* forms into the class section1 (defined in the layout css*/

.section1 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;
padding:0.25em;
}

.section1 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section1 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section1 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section1 .boxes{
width: 1em;
}

.section1 a:normal{
color:#000066;
font-size: 1em;
}

.section1 a:visited{
color:#000066;
font-size: 1em;}

.section1 a:hover{
color:#0066FF;
font-size: 1em;
}

.section1 p {
font-size: 1em;
padding-left:0.25em;
padding-right:0.25em;

}

.section1.row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section1 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section1 .row .formw {
  width: auto;
  text-align: right;
  } 

.section1 p {
padding-left:1em;
padding-right:1em;
}

.response {
color:#006600;
margin-left:0.25em;
font-size:1.25em;
}

.alert {
color:#993366;
margin-left:0.25em;
font-size:1.25em;
}

.welcometext {
font-weight:bold;
color:#000000;
font-size:1.15em;
font-family:Arial, Helvetica, sans-serif;
}

.newsbar{
width:inherit;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.75em;
color:#000066;
}

.upperleftinfo {
font-size:0.95em;
text-align:center;
color:#000000;
text-decoration:none;
font-weight:normal;
}

/* forms into the class section2 (defined in the layout css*/

.section2 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;

}

.section2 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section2 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section2 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section2 .boxes{
width: 1em;
}

.section2 a:normal{
color:#000066;
font-size: 1em;
}

.section2 a:visited{
color:#000066;
font-size: 1em;}

.section2 a:hover{
color:#0066FF;
font-size: 1em;
}

.section2 p {
font-size: 1em;
padding-left:0.25em;
padding-right:0.25em;
}

.section2.row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section2 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section2 .row .formw {
  width: auto;
  text-align: right;
  } 

.section2 p {
padding-left:1em;
padding-right:1em;
}

.section2 image {
position:relative;
float:left;
border-style:none;
margin-left:0.25em;
margin-right:0.25em;
}

.section2 image_right {
position:relative;
float:right;
border-style:none;
}


/* forms into the class section3 (defined in the layout css*/

.section3 label.small{
float: left;
width: 6em;
margin-left:0.25em;
font-size:small;

}

.section3 input.small {
width: 6em;
margin-bottom: 5px;
height:auto;
font-size:small;
}

.section3 label.large{
float: left;
width: auto;
margin-left:0.25em;
font-size:small;

}

.section3 input.large {
width: auto;
margin-bottom: 5px;
height:auto;
font-size:small;

}

.section3 .boxes{
width: 1em;
}

.section3 a:normal{
color:#000066;
font-size: 1em;
}

.section3 a:visited{
color:#000066;
font-size: 1em;}

.section3 a:hover{
color:#0066FF;
font-size: 1em;
}

.section3 p {
font-size: 1em;
padding-left:0.25em;
padding-right:0.25em;
}

.section3.row {
  clear: both;
  padding-top: 10px;
  width:75%;
  margin-left:0.25em;
  }

.section3 .row .label {
  float: left;
  width: 30%;
  text-align: right;
  }

.section3 .row .formw {
  width: auto;
  text-align: right;
  } 




/* ------------------- butons ---*/

.logout_btn {
background-color:#0066CC;
color:#FFFFFF;
}

.login_btn {
background-color:#FFFFCC;
color:#000000;
}

/*------------------ news --*/
.news {
position:relative;
width:100%;
}


.news_row {
position:relative;
width:100%;
margin-bottom:1em;

}

.news_image {
position:relative;
width:25%;
float:left;
font-size:0.70em;
text-align:center;
padding-top:3em;
}

.news_image img {
position:relative;
width:120px;
height:90px;
border-width:thin;
border-color:#000000;
}

.news_text {
position:relative;
width:75%;
text-align:justify;
font-family: Helvetica, Arial, "Simplified Arabic", "Arabic Transparent", sans-serif;
float:left;

}

.news_arabictext {
position:relative;
font-size:1em;
float:left;
direction:rtl;

}

.news_latintext {
position:relative;
font-size:0.75em;
text-align:justify;
float:left;

}
	
.news_title_en {
position:relative;
font-size:1em;
font-weight:bold;
vertical-align:bottom;
float:left;
}

.news_title_ar {
position:relative;
font-size:1.25em;
font-weight:bold;
vertical-align:bottom;
float:left;
}

.news_info {
position:relative;
font-size:0.75em;
font-style:italic;
float:right;
padding-right:0.10em;
vertical-align:top;
padding-right:0.5em;

}

.news_separator1 {
position:relative;
width:99%;
color:#9D4F00;
border-bottom-color:#999999;
height:0.1em;
clear:left;
}

.news_separator2 {
position:relative;
width:50%;
color:#999999;
height:0.05em;
clear:both;
}

.navigation {
position:relative;
width:50%;
color:#000066;
font-size:1em;
padding:0.25em 0.25em 0.25em 0.25em;
clear:both;
text-align:center;
}


.navigation {
position:relative;
width:50%;
color:#000066;
font-size:1em;
padding:0.25em 0.25em 0.25em 0.25em;
clear:both;
text-align:center;
}

.desc {
font-size:0.75em;
}

.ar {
text-align:right;
font-size:1.35em;
direction:rtl;
}

.en {
text-align:left;
font-size:1em;
}

/* advisory */

.adv_ul_en 
{
text-align:left;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
direction:ltr;
list-style-type:none;
color:#333333;
font-size:0.75em;
 }
 
 .adv_ul_fr
{
text-align:left;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
direction:ltr;
list-style-type:none;
color:#333333;
font-size:0.75em;
 }
 
 .adv_ul_ar 
{
text-align:right;
font-family: "Simplified Arabic", "Traditional Arabic","Arabic Transparent", Arial;
direction:rtl;
list-style-type:none;
color:#333333;
font-size:1em;
font-weight:bold;

 }

.adv_title_en {
color:#9D4F00;
font-weight:bold;
font-size:1.25em;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}
.adv_title_fr {
color:#9D4F00;
font-weight:bold;
font-size:1.25em;
font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
}

.adv_title_ar {
font-family:"Traditional Arabic", "Simplified Arabic", "Arabic Transparent",  Arial;
color:#9D4F006;
font-weight:bold;
font-size:1.50em;
}



/* end of advisory */