﻿/* ------------------- CSS Info start --------------------
	
	Site: King Saud University (KSU)
	URL: http://ksu.edu.sa
	CSS by: Surajit Kayal
	Email: skayal.c@ksu.edu.sa

------------------- CSS Info end -------------------- */




/* CSS for All the Menus START */
ul.ws_css_cb_menu {
	width:1000px;
	float: left;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	-moz-border-radius-topleft: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	border-top-left-radius: 0px;
}
ul.ws_css_cb_menu li {
	display:block;
	padding: 0;
	float:left;
	border: 0;

	background-image:url('http://ksu.edu.sa/sites/KSUArabic/images/images2010/top_link_sep2.png');
	background-position: right center;
	background-repeat: no-repeat;
	height: 48px;

}

ul.ws_css_cb_menum li {
	background: none;
	text-align: right;
	float: right;
}
ul.ws_css_cb_menum li a{
	text-align: right;
	float: right;
}

ul.ws_css_cb_menu a {
	text-align: right;

}
ul.ws_css_cb_menu span {
	overflow: hidden;
}
ul.ws_css_cb_menu li a:hover, ul.ws_css_cb_menu li a {
	color: #fff;
	font-size: 1.18em;
	font-weight: bold;
}
ul.ws_css_cb_menum li a:hover, ul.ws_css_cb_menum li a {
	padding:4px;
	font-weight: normal;
	color: #000
}
ul.ws_css_cb_menu ul {
	position: absolute;
	left:-1px;
	top: 0;
}
ul.ws_css_cb_menu ul ul {
}
ul.ws_css_cb_menu ul a {
	white-space:nowrap;
	text-align:left;
}
ul.ws_css_cb_menu li:hover {
	position:relative;
}

ul.ws_css_cb_menu ul, ul.ws_css_cb_menu a:hover ul ul {
	display:none;
	z-index:99999;
}
ul.ws_css_cb_menu li:hover>ul {
	display:block
}
ul.ws_css_cb_menu span {
	display:block;
}

ul.ws_css_cb_menu li span{
	border: 0;
	padding-top: 8px;
}

/* Video Menu Starts - Our Second Menu, by using the above class - this is just to change the colors and the height, width of the menu */


ul.videoCssMenu {
	font-size: 11px;
	background-image:none;
	-moz-border-radius: 0px;
	-webkit-border:0px;
	border: 0;
	position: absolute;
	top: -157px;
	padding-top: 0px;
}

ul.videoCssMenu:hover {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/trans_bg.png) no-repeat;
	width: 959px;
	height: 293px;
	position: absolute;
	border: 0;
	left: 2px;
}

/* Start Sub Menu layer adjustement */
ul.videoCssMenu ul#lmenu {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/menu_big_left.png) top no-repeat;
	top: -218px;
	width: 554px;
}
ul.videoCssMenu ul#lmenusmall {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/menu_small_left.png) left top no-repeat;
	top: -218px;
	width: 399px;
}

ul.videoCssMenu ul#rmenu {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/menu_big_right.png) top no-repeat;
	top: -218px;
	width: 554px;
}

ul.videoCssMenu ul#rmenusmall {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/menu_small_right.png) left top no-repeat;
	top: -218px;
	width: 399px;
}
/* End Sub Menu layer adjustement */


ul.videoCssMenu li a {
	padding: 0px !important;
}
.videoCssMenu .ws_css_cb_menum li a{
	float: right;
	text-align: right;
}

ul.videoCssMenu ul li {
	font-size: 16px;
	height: 27px;
	width: 146px;
	padding-top: 0px;
	padding-bottom: 4px;
	border: 0px solid cyan;
	position: relative;
	top: 32px;
	text-align: right;

}
ul.ws_css_cb_menu li:hover>a {
	background: url(http://ksu.edu.sa/sites/KSUArabic/images/images2010/main_link_bg_hover.png) bottom no-repeat;
	height: 38px;
	color: #fff;
	font-size: 1.06em;
	text-align: right;
}

ul.ws_css_cb_menum li:hover>a {
	color: #121212;
	height: 18px;
	font-size: 11px;
	/* background: #9BE4F2; */
	background: transparent;
	font-size: 1.06em;
}
ul.ws_css_cb_menum li:a {
	color: #000;
	font-size: 1.06em;
	text-align: right;
}

.ws_css_cb_menu .ws_css_cb_menum li a{
	color: #fff;
	font-size: 1.06em;
	text-align: right;

}
