/*
  jQuery MegaMenu Plugin Examples CSS
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

/*common css*/
/*
  jQuery MegaMenu Plugin Examples CSS
  Author: GeekTantra
  Author URI: http://www.geektantra.com
*/

/*common css*/
.content ul  li {display:block !important; width:100% !important  }
.content ul{float:left; display:block; }
/** {display:block !important
	
}*/

/*
#Link1 {background:#1e7c45; height:37px;
top:-4px; position:relative}
.hide {display:none !important; height:0px !imprtant; width:0px !important}
#Link1 span  {color:#FFF; background:#1e7c45;
height:37px; padding:0 13px; top:-4px; position:relative; line-height:45px}
*/

.top_links li.divider{
	border-right: 1px solid #252525;
    color: #666666;
    height: 9px;
    line-height: 28px;
    margin:10px 2px 0 2px;
    text-indent: -9999px;
    overflow:hidden}

.mm-item-contentBig {width:700px !important}


.megamenu div div div.half_rr
{
	float:left;
	padding-left:10px;
	display:block !important;
	width:220px;
}


#list-content, #list-content ul, div.half_l ul, div.half_rr ul{
	margin: 0;
	padding:0;
}
#list-content li,  div.half_l ul li, div.half_rr ul li {
  	margin: 0px;
  	padding: 2px 0px;
	width:220px;
	display:block;
	float:none;
}
#list-content ul ul, div.half_l ul li ul, div.half_rr ul li ul {
	margin: 0px;
	padding:0;
	padding-top:5px !important;
	display:block;
}
#list-content li li,  div.half_l ul li ul li, div.half_rr ul li ul li
{
	padding:0;
	padding-bottom:5px;
}


/** {display:block !important}*/
.linksActiveStatus{background:#1e7c45; height:37px; top:-4px; position:relative}
.linksActiveStatus span {color:#FFF; background:#1e7c45; height:37px; padding:0 13px; top:-4px;
 position:relative; line-height:45px}
ul.megamenu li.home a:hover, ul.megamenu li.home a.active{display:block; width:53px; height:44px; width:50px; padding:0 !important;
background:url("/Kfupm_dept/images/home_active_status.png") left top no-repeat !important; margin-top:10px !important; margin-left:-15px}
ul.megamenu li.home a:hover, ul.megamenu li.home a.regularStatusHome{display:block; width:53px; height:44px; width:50px; padding:0 !important;
background:url("/Kfupm_dept/images/home_icon.png") left top no-repeat; margin-top:6px; margin-left:-15px}

/*#GetNestedMenus264 {padding-left:0px !important}
#GetNestedMenus268, #GetNestedMenus270{padding-left:34px !important; width:130px !important}*/

ul.megamenu {
 
  display:block;
  color:#000;
}

ul.megamenu {
 
  margin:0px auto;
  padding:0;
  list-style: none;
  display: block;
  width:956px;
  height:46px;
  margin-top:-10px;
  font: bold 12px Verdana;
}

ul.megamenu li.mm-item {
	padding:5px 0;}

ul.megamenu li {
  margin: 0px;
  padding: 0px;
}
ul.megamenu li ul {position:relative; z-index:9999999}
ul.megamenu li.clear-fix {
  float: none;
  clear: both;
  margin: 0px;
  padding: 0px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}
/*Home Link*/
			ul.megamenu li.home
			{
				padding:0; height:46px; display:block;
				
				margin-right:4px;
				
			}
				ul.megamenu li.home a:link
				{
					display:block; width:50px; height:40px; padding:0 !important;
					background:url("/Kfupm_dept/images/home01.gif") left top no-repeat;
				}
		
				
			/*divider*/
			ul.megamenu li.divid
			{
				width:2px; height:40px; padding:0 5px;
				
				background:url("/Kfupm_dept/images/nav_divider.gif") center center no-repeat; 
				
			}
			.megamenu div.divid
			{
				width:2px; height:40px; padding:0 5px;float:left;
				
				background:url("/Kfupm_dept/images/nav_divider.gif") center center no-repeat; 
				
			}

/*Top Link*/
ul.megamenu a.mm-item-link, ul.megamenu a.mm-item-link,
ul.megamenu a.active , ul.megamenu a.active  {
  position: relative;
  display: inline-block;
  text-decoration: none;
  z-index: 10;
  float:left;
  font:bold 12px Tahoma,Arial,Helvetica,sans-serif; color:#c9c9c9; height:30px; line-height:30px;
}

ul.megamenu a.mm-item-link span, ul.megamenu a.mm-item-link span,
ul.megamenu a.active span, ul.megamenu a.active span { 
	height:30px; display:inline-block; cursor:pointer;  padding:0 22px !important; float:left; 
				background:none;
}

/**html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}*/

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited,
ul.megamenu a.active:link, ul.megamenu a.active:visited {background:#1e7c45; height:37px;
top:-4px; position:relative}

ul.megamenu a.mm-item-link-hover span, ul.megamenu a.mm-item-link-hover span,
ul.megamenu a.active span, ul.megamenu a.active span{color:#FFF; background:#1e7c45;
height:37px; padding:0 13px; top:-4px; position:relative; line-height:45px}


/*dropdown*/

ul.megamenu div.mm-item-content {
	background: #FFF;
	padding: 0px;
	position: absolute;
	border:1px solid #1e7c45;
	border-top:4px solid #1e7c45;
	z-index: 99999999999999999999!important;
	width:470px;
	padding:0;
	margin:0;
	margin-top:3px;
	display:block;
	/*top:38px;*/
}

ul.megamenu div.mm-item-content01
{
	width:240px !important;
	z-index: 99999!important;
}

.mm-content-base {
	background: #FFF;
	position: relative;
	z-index: 11;
	padding: 10px;
	margin:0;
}

.mm-js-shadow {
  background: #555;
  position: absolute;
  z-index: 10;
  display:none;
}
.megamenu div div  {
	float:left
}
.megamenu div div div.half_l
{
	float:left;
	display:block;
	width:220px
	
}
.half_l
{
border-right-color:maroon;	
}
.megamenu div div div.half_r
{
	float:left;
	padding-left:10px;
display:block !important;
width:220px;
}
.mm-content-base {
  background-color: #FFF;
}

#list-content, #list-content ul, div.half_l ul, div.half_r ul{
	margin: 0;
	padding:0;
}
#list-content li,  div.half_l ul li, div.half_r ul li {
  	margin: 0px;
  	padding: 2px 0px;
	width:220px;
	display:block;
	float:none;
}
#list-content ul ul, div.half_l ul li ul, div.half_r ul li ul {
	margin: 0px;
	padding:0;
	padding-top:5px !important;
	display:block;
}
#list-content li li,  div.half_l ul li ul li, div.half_r ul li ul li
{
	padding:0;
	padding-bottom:5px;
}


/*heading level*/
ul.megamenu div.mm-item-content div div ul
{
	list-style:none;
	padding:0;
	margin:0;
	
}
	
/*3rd level*/
ul.megamenu div.mm-item-content div div ul li
{
	
	padding:0 !important;
}
ul.megamenu div.mm-item-content div div ul a
{
	font: normal 12px verdana;
	font-weight:normal !important;
	line-height:15px;
	color:#444;
	text-decoration:none;
	display:inline;
	background:#fff url("/Kfupm_dept/images/green_arrow.gif") 3px 7px no-repeat;
	padding:5px;
	padding-left:20px;
	display:block;
	border-bottom:1px solid #cbcdcd;
}

ul.megamenu div.mm-item-content div div ul a:hover { color:#000; background:#8ad49a url("/Kfupm_dept/images/green_arrow01.gif") 3px 7px no-repeat; border-bottom:1px solid #8ad49a;}

/*4th level*/
ul.megamenu div.mm-item-content div div ul ul
{
	
	padding-bottom:10px;
}
ul.megamenu div.mm-item-content div div ul ul a {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding-left:30px;
	line-height:15px;
		font: normal 12px arial;

		color:#228E52;
	background:url('../../Kfupm_dept/images/grey_arrow.gif') no-repeat 20px 10px;
		padding-right: 0;
	padding-top: 5px;
	padding-bottom: 0;
}
ul.megamenu div.mm-item-content div div ul ul a:hover { color:#000;  background:url("/Kfupm_dept/images/grey_arrow.gif") 20px 10px no-repeat;
 border:0 none; }
 
 /*top link menu*/
 		.top_links ul{
			list-style-type: none;
			padding: 0px;
			display: block;
			height: 28px;
			z-index:100000 !important;
			position:relative;
		}
		.top_links li{
			float: right;
			display: inline;
			position:relative;
		}
		/*.top_links li.divider
		{
			line-height:28px;
			color:#6a6a6a;
		}*/
		.top_links li a{
			text-decoration: none;
			line-height:27px;
			float: left;
			display: block;
			padding:0 0 0 7px;
			color:#c3c3c3;
			font-weight:bold;
		}
		.top_links li a span
		{
			padding-right:7px;
			display:block;
			color:#6a6a6a;
			font-family:Tahoma; 
			font-size:11px

		}
		.top_links li a:hover,
		.top_links li:hover 
		{
			color:#fff;
			/*background:#4aae73;*/
			background:url("/Kfupm_dept/images/toplink_ltcorn.png") left top no-repeat;
		}
		.top_links li:hover a:hover span,
		.top_links li:hover a span
		{background:url("/Kfupm_dept/images/toplink_rtcorn.png") right top no-repeat;
		color:#fff;
		}
		.top_links li.haschild:hover a span
		{background:url("/Kfupm_dept/images/toplink_rtcorn01.png") right top no-repeat;
		}
		/*sub menu*/
		.top_links li ul{
			position: absolute; 
			margin-top:27px;
			left:0;
			width: 156px;
			
			border: none;
			display: block;
			height: auto;
			padding:0;
		margin-left:0px;
		z-index:99999999 !important
		}
		
		.top_links li ul li
		{
			float:none;
			display:block;
			
		}
		.top_links li li a{
			border-bottom:1px solid #219652;
			color:#dcffea!important;
			display:block;
			width:156px;
			background:#3fa567!important;
			text-align:left;
			font-size:11px; font-family:Tahoma;
			
				
		}
		.top_links li li a:hover
		{
			background:#219652!important;
			
		}
	
		.inaccesible li ul{
			display: none;
		}
		
		.haschild a span{

		padding-right:20px!important;
		background:url("/Kfupm_dept/images/arrow_wh.gif") no-repeat 100% 12px; 
		}
		.haschild a:hover span{
		padding-right:20px!important;
		background:url("/Kfupm_dept/images/toplink_rtcorn01.png") no-repeat right top!important; 
		}
		.haschild a span.noshow{
			visibility: hidden;
		}
		
/* DROPDOWN.VERTICAL.CSS FILE STARTS HERE
****************************************************/


ul.dropdown-vertical {
 width: 200px;
}

ul.dropdown-vertical ul {
 top: -1px;
 left: 99%;
}

ul.dropdown-vertical li {
 float: none;
}		
		
/* DROPDOWN.VERTICAL.CSS FILE ENDS HERE
****************************************************/
	

/* DROPDOWN.CSS FILE STARTS HERE
****************************************************/


	
		@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style: none;
 margin: 0;
 padding: 0;
}

ul.dropdown {
 position: relative;
 z-index: 597;
 float: left;
}

ul.dropdown li {
 float: left;
 line-height: 1.3em;
 vertical-align: middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 0%;
 left: 100%;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top: -1px;
 left: 100%;
 margin-left:-15px !important;
 z-index:9999
}

ul.dropdown li:hover > ul {
 visibility: visible;
}
 /* DROPDOWN.CSS FILE ENDS HERE
****************************************************/


 /* DEFAULT.CSS FILE STARTS HERE
****************************************************/








@charset "UTF-8";
/** 
 * Default CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Default
 * @version		0.1.1
 * @type		transitional
 * @browsers	Windows: IE5+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2008 Live Web Institute. All Rights Reserved.
 *
 * Module Classes: *.dir {} *.on {} *.open {} li.hover {} li.first {} li.last {}
 * Expected directory tag - li
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 * @structure	ul (unordered list)
 *				ul li (list item)
 *				ul li a (links)
 *				/*\.class|(li|a):hover/
 * @level sep	ul
 */


/*ul {
	visibility:visible !important; display:block !important}
}*/
ul.dropdown {
 font-weight: bold;
}

	ul.dropdown li {
	 color: #000;
	 border-bottom:1px solid #a9acad
	}

	ul.dropdown li.activeStatus{
	 background-color: #999999;}
	 
	 ul.dropdown li.hover,
	ul.dropdown li:hover {
	 }

	 
	
#nav li a:hover {text-decoration:none !important}		
ul.dropdown a {font-size:11px; font-family:Verdana; color:#333; padding: 5px 10px 5px 16px; display:block}
ul.dropdown a:link,
ul.dropdown a:visited	{color: #000; text-decoration:none}
ul.dropdown a:hover{color:#000}
ul.dropdown a:active	{ }


	/* -- level mark -- */

	ul.dropdown ul {
	 width: 191px;
	 margin-top: 1px;
	 margin-left:-17px;
	 border:1px solid #a9acad; border-width:0px 1px 0px 0px
	}
	
#nav li ul.bgNone li.borerTop {
	/*border-top:1px solid #a9acad*/
}

#nav li ul.bgNone li.borerTop ul li.borerTop ,
#nav li ul.bgNone li ul.bgNone li.borerTop
 {border-top:none !important}
ul.dropdown ul li {
		 font-weight: normal;
		 margin-left:15px !important;
		 width:165px !important; 
		 border-left:1px solid #a9acad
		}





ul.dropdown .dir {
}

*+html #nav li.transparentBg ul.bgNone li.borerTop ul.bgNone li.firstSelected
{border-bottom:2px solid #a9acad!important}

ul.dropdown li ul li a {padding-top: 3px !important; padding-bottom: 3px !important}
ul.dropdown .dir ul li a.firstHyp {padding-top: 3px !important; padding-bottom: 3px !important}

ul.dropdown .dir a#Link1,
ul.dropdown .dir a#Link2,
ul.dropdown .dir a#Link3,
ul.dropdown .dir a#Link4,
ul.dropdown .dir a#Link5,
ul.dropdown .dir a#Link6,
ul.dropdown .dir a#Link7,
ul.dropdown .dir a#Link8,
ul.dropdown .dir a#Link10,
ul.dropdown .dir a#Link11,
ul.dropdown .dir a#Link12,
ul.dropdown .dir a#Link13,
ul.dropdown .dir a#Link14,
ul.dropdown .dir a#Link15,
ul.dropdown .dir a#Link16,
ul.dropdown .dir a#Link17,
ul.dropdown .dir a#Link18,
ul.dropdown .dir a#Link19,
ul.dropdown .dir a#Link20,
ul.dropdown .dir a#Link21,
ul.dropdown .dir a#Link22,

ul.dropdown .dir a#Link263,
ul.dropdown .dir a#Link287,
ul.dropdown .dir a#Link282,
ul.dropdown .dir a#Link284  {
background-image: url("/Kfupm_dept/images/nav-arrow-down_over.png");
    background-position: 0 12px;
    background-repeat: no-repeat;
    margin-left: 6px;
    padding: 5px 10px 5px 16px;
	float:left
	
}
ul.bgNone li a.firstHyp {background-image: url("/Kfupm_dept/images/nav-arrow-down_over2423.png")}


ul.dropdown .dir a.firstHyp {
background-image: url("/Kfupm_dept/images/nav-arrow-down_over.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding: 3px 10px 3px 16px;
	
}
/*ul.dropdown .dir a.firstHyp:hover {
background-image: url("/Kfupm_dept/images/nav-arrow-down_over.png") !important;
    background-position: 0 8px !important;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding: 3px 10px 3px 16px;
	
}*/









/**+html ul.dropdown .dir a.firstHyp {background-image:/Kfupm_dept/images/nav-arrow-down_over5.png}
*+html ul.dropdown .dir a.firstHyp span {
background-image: url("/Kfupm_dept/images/nav-arrow-down_over.png");
    background-position: 0 8px;
    background-repeat: no-repeat;
    margin-left: 0px;
    padding: 3px 10px 3px 16px;
	
}
*/
#GetNestedMenus264 {padding-left:20px !important}



#GetNestedMenus264:hover{
background-image: url("/Kfupm_dept/images/nav-arrow-down.png") !important;
    background-position: 0 8px !important;
    background-repeat: no-repeat;
    margin-left: 6px;
    padding: 3px 10px 3px 16px;

}
.dir ul li a {padding: 3px 10px 3px 16px ; background:none}
.firstSelected {}
.firstSelected a:hover {background:url("/Kfupm_dept/images/arrow_selective_gray_03.png") 0% 0 no-repeat !important}
.firstSelected a {background:url('/Kfupm_dept/images/arrow_selective_03.png') no-repeat 0% 0 !important; 
margin-left:-28px !important;  
width:167px !important; border:none; position:relative; top:1px; padding-left:44px;
height:18px; overflow:hidden
}
.firstSelected a:hover {background:#a6a6a6}
.firstSelected ul li a, .firstSelected ul li ul li a, .firstSelected ul li ul li ul li a {background:none !important; margin-left:0px !important}
.firstSelected ul li a:hover, .firstSelected ul li ul li a:hover, .firstSelected ul li ul li ul li a:hover,.firstSelected ul li ul li ul li ul li a:hover {background:none !important}
.firstSelected ul li.firstSelected a {background:url('/Kfupm_dept/images/arrow_selective_03.png') no-repeat 0% 0 !important; 
margin-left:-28px !important;  
width:139px !important; border:none; position:relative; top:0px; padding-left:44px; height:17px
}
.firstSelected ul li.firstSelected a:hover {background:url("/Kfupm_dept/images/arrow_selective_gray_03.png") 0% 0 no-repeat !important}
/*#GetNestedMenus265 span {display:block; margin-left:15px}*/
#nav li.transparentBg ul.bgNone li.firstSelected a.firstHyp span {display:block; padding-left:20px !important}


/*#firstSelected {background:url(../../images/first_select_arrow.png) 0% 0 no-repeat !important; margin-left:0px !important;  width:144px !important; border:none !important}
#firstSelected:hover {background:url(../../images/right_arrow_hover_status.png) 0% 0 no-repeat !important;margin-left:0px !important}
#firstSelected a {border-top:1px solid #a9acad !important; border-width:1px 0px 0px 0px !important; margin-left:6px !important; background:#FFF; padding-left:25px !important}
#firstSelected a:hover {background:#a6a6a6}*/




ul.dropdown-upward *.dir {
 background-image: url("/Kfupm_dept/images/nav-arrow-top.png");
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url("/Kfupm_dept/images/nav-arrow-right.png") 0% 15px;

}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url("/Kfupm_dept/images/nav-arrow-left.png");
 background-position: 0 50%;
}
 /* DEFAULT.CSS FILE ENDS HERE
****************************************************/
ul.megamenu a.mm-item-link, ul.megamenu a.mm-item-link,
ul.megamenu a.active , ul.megamenu a.active  {
  position: relative;
  display: inline-block;
  text-decoration: none;
  z-index: 10;
  float:left;
  font:bold 12px Tahoma,Arial,Helvetica,sans-serif; color:#c9c9c9; height:37px; line-height:37px;
}
ul.megamenu a.mm-item-link:hover, ul.megamenu a.mm-item-link:hover,
ul.megamenu a.active:hover , ul.megamenu a.active:hover   {background:#1e7c45}
ul.megamenu a.mm-item-link {position:relative; top:-4px !important}


ul.megamenu a.mm-item-link {position:relative; top:-8px !important; display:block; padding-top:4px}
ul.megamenu a.mm-item-link span, ul.megamenu a.mm-item-link span,
ul.megamenu a.active span, ul.megamenu a.active span { 
	height:34px; display:inline-block; cursor:pointer;  padding:0 27px 4px !important; float:left;}
	
	

/**html ul.megamenu a.mm-item-link:link, *html ul.megamenu a.mm-item-link:visited {
  border-color: pink;
  filter: chroma(color=pink);
}*/

ul.megamenu a.mm-item-link-hover:link, ul.megamenu a.mm-item-link-hover:visited,
ul.megamenu a.active:link, ul.megamenu a.active:visited { height:37px;
top:-4px; position:relative}

ul.megamenu a.mm-item-link-hover span, /*ul.megamenu a.mm-item-link-hover span,*/
ul.megamenu a.active span, ul.megamenu a.active span{color:#FFF; background:#1e7c45;
height:37px; padding:0 13px; top:-4px; position:relative; line-height:45px}