/* ==================================================== */
/* HKBU Library 
/* Slide-Down Mega Drop-Down Menus with Ajax and jQuery - CSS
/* ==================================================== */
/*
/* 2015 HKBU Library
/* 
/* source: http://www.impressivewebs.com/demo-files/mega-drop-downs/
/* ---------------------------------------------------- */

/*  courtesy of HTML5 Boilerplate  */
/*.megamenu html, .megamenu body, .megamenu div, .megamenu span, .megamenu object, .megamenu iframe, .megamenu h1, .megamenu h2, .megamenu h3, .megamenu h4, .megamenu h5, .megamenu h6, .megamenu p, .megamenu blockquote, .megamenu pre,
abbr, .megamenu address, .megamenu cite, .megamenu code, .megamenu del, .megamenu dfn, .megamenu em, .megamenu img, .megamenu ins, .megamenu kbd, .megamenu q, .megamenu samp,
small, .megamenu strong, .megamenu sub, .megamenu sup, .megamenu var, .megamenu b, .megamenu i, .megamenu dl, .megamenu dt, .megamenu dd, .megamenu ol, .megamenu ul, .megamenu li,
fieldset, .megamenu form, .megamenu label, .megamenu legend, .megamenu table, .megamenu caption, .megamenu tbody, .megamenu tfoot, .megamenu thead, .megamenu tr, .megamenu th, .megamenu td,
article, .megamenu aside, .megamenu canvas, .megamenu details, .megamenu figcaption, .megamenu figure, .megamenu  footer, .megamenu header, .megamenu hgroup, menu, .megamenu nav, .megamenu section, .megamenu summary, .megamenu time, .megamenu mark, .megamenu audio, .megamenu video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}      
*/    

#preload { background: url('http://library.hkbu.edu.hk/pic/refresh2015/arrow_blue.gif') no-repeat -99px -99px; }
#preload-cml { background: url('http://library.hkbu.edu.hk/pic/icon_cml.png') no-repeat -99px -99px; }
#preload-smcl { background: url'(http://library.hkbu.edu.hk/pic/icon_cml.png') no-repeat -99px -99px; }
#preload-sca { background: url('http://library.hkbu.edu.hk/pic/icon_sca.png') no-repeat -99px -99px; }
#preload-edc { background: url('http://library.hkbu.edu.hk/pic/icon_edc.png') no-repeat -99px -99px; }


.megamenu div, .megamenu_cross div {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}  

/*.megamenu article, .megamenu aside, .megamenu details, .megamenu figcaption, .megamenu figure, .megamenu footer, .megamenu header, .megamenu hgroup, .megamenu menu, .megamenu nav, .megamenu section { 
    display: block;
}*/
      
.megamenu header, .megamenu nav, .megamenu_cross header, .megamenu_cross nav { 
    display: block;
}

/*
.megamenu body { font: 13px/1.231 sans-serif; *font-size: small; } 

.megamenu body, .megamenu select, .megamenu input, .megamenu textarea { color: #444; }
html { overflow-y: scroll; } 
*/

/*
.megamenu a:hover, .megamenu a:active { outline: none; }
.megamenu a, .megamenu a:active, .megamenu a:visited { color: #607890; }
.megamenu a:hover { color: #036; } 
*/

/*
.megamenu ul, .megamenu ol { margin-left: 1.8em; }
.megamenu ol { list-style-type: decimal; }
*/


/* Primary Styles
	Author: Louis Lazaris
*/

/*
.megamenu p {
	padding: 0 0 20px 0;
}

#container {
	width: 960px;
	margin: 0 auto;
}

.megamenu h1 {
	font-size: 32px;
	text-align: center;
	font-family: Georgia, .megamenu "Times New Roman", .megamenu Times, .megamenu serif;
	font-weight: normal;
	text-shadow: #ddd 2px 2px 2px;
	color: #888;
	padding: 20px 0;
}

.megamenu h2 {
	font-size: 18px;
	font-weight: normal;
	text-align: center;
	padding: 0 0 20px 0;
}
*/

.megamenu ul, .megamenu_cross ul {
	list-style:none;
	font-family: 'Noto Sans', sans-serif;
	font-weight: bold;
	height: 35px;
	overflow: hidden;
/*	border-right: solid 1px #ccc; */
	width: 1200px;
	margin: 0 auto;
}

	.megamenu li, .megamenu_cross li {
		float: left;
		margin:0;
		padding:0;
		border:0;
		outline:0;
		font-size:90%;
		letter-spacing: 0.5px;
		vertical-align:baseline;
		background:transparent;
		border-top: solid 1px #08468c;
	}
	
				.megamenu_cml li, .megamenu_cml_cross li {
					border-top: solid 1px #304800;
				}

				.megamenu_smcl li, .megamenu_smcl_cross li {
					border-top: solid 1px #4f1f91;
				}

		.megamenu li a, .megamenu li a:link, .megamenu li a:visited, .megamenu_cross li a, .megamenu_cross li a:link, .megamenu_cross li a:visited {
			background: #08468c;
			background-image: url('../pic/refresh2015/line_seaprating_each_button.png');
			background-position: top right;
			background-repeat: repeat-y;
			color: #fff;
			display: block;
			height: 33px;
			padding: 0 17px;
			float: left;
			line-height: 32px;
			text-decoration: none;
		}
		
				.megamenu_cml li a, .megamenu_cml li a:link, .megamenu_cml li a:visited, .megamenu_cml_cross li a, .megamenu_cml_cross li a:link, .megamenu_cml_cross li a:visited {
					background: #304800;
					background-image: url('../pic/refresh2015/line_seaprating_each_button_cml.png');
					background-position: top right;
					background-repeat: repeat-y;
				}
				
				.megamenu_smcl li a, .megamenu_smcl li a:link, .megamenu_smcl li a:visited, .megamenu_smcl_cross li a, .megamenu_smcl_cross li a:link, .megamenu_smcl_cross li a:visited {
					background: #4f1f91;
					background-image: url('../pic/refresh2015/line_seaprating_each_button_smcl.png');
					background-position: top right;
					background-repeat: repeat-y;
				}

		.megamenu li a:hover, .megamenu li a:active, .megamenu_cross li a:hover, .megamenu_cross li a:active {
			background: #063265;
			background-image: url('../pic/refresh2015/line_seaprating_each_button.png');
			background-position: top right;
			background-repeat: repeat-y;
			color: #fff;
		}
		
				.megamenu_cml li a:hover, .megamenu_cml li a:active, .megamenu_cml_cross li a:hover, .megamenu_cml_cross li a:active {
					background: #213004;
					background-image: url('../pic/refresh2015/line_seaprating_each_button_cml.png');
					background-position: top right;
					background-repeat: repeat-y;
				}
				
				.megamenu_smcl li a:hover, .megamenu_smcl li a:active, .megamenu_smcl_cross li a:hover, .megamenu_smcl_cross li a:active {
					background: #391070;
					background-image: url('../pic/refresh2015/line_seaprating_each_button_smcl.png');
					background-position: top right;
					background-repeat: repeat-y;
				}
		
		.megamenu li a.active, .megamenu li a.active:link, .megamenu li a.active:visited, .megamenu_cross li a.active, .megamenu_cross li a.active:link, .megamenu_cross li a.active:visited {
			background: #f5fafe;
			color: #000;
			border-bottom: solid 3px #f5fafe;
		}
			
				.megamenu_cml li a.active, .megamenu_cml li a.active:link, .megamenu_cml li a.active:visited, .megamenu_cml_cross li a.active, .megamenu_cml_cross li a.active:link, .megamenu_cml_cross li a.active:visited {
					background: #f5fafe;
					border-bottom: solid 3px #f5fafe;
				}
				
				.megamenu_smcl li a.active, .megamenu_smcl li a.active:link, .megamenu_smcl li a.active:visited, .megamenu_smcl_cross li a.active, .megamenu_smcl_cross li a.active:link, .megamenu_smcl_cross li a.active:visited {
					background: #f5fafe;
					border-bottom: solid 3px #f5fafe;
				}
	
		.megamenu li a span, .megamenu_cross li a span {
			color: #ccc;
			font-size: 10px;
			_font-size: 10px; /* for IE6 */
		}
		
		.megamenu li a.active span, .megamenu_cross li a.active span {
			color: #fff;
			font-size: 10px;
			_font-size: 10px; /* for IE6 */
		}

#homeicon {
   background: url('../pic/refresh2015/home.png') no-repeat center;  
   background-size: 22px 20px;
   background-position: top 7px center;
   height: 30px;
   width: 30px;
   border-style: none;
}

#textbox_GoogleSearch {
	background-color:#3173ac;
	font-family:Calibri;
	color:#fff;
	border-style:none;
	width: 160px;
	height:25px;
	vertical-align: middle;
}

#textbox_GoogleSearch_cml {
	background-color:#6a7a35;
	font-family:Calibri;
	color:#fff;
	border-style:none;
	width: 160px;
	height:25px;
	vertical-align: middle;
}

#textbox_GoogleSearch_smcl {
	background-color:#855fb9;
	font-family:Calibri;
	color:#fff;
	border-style:none;
	width: 160px;
	height:25px;
	vertical-align: middle;
}

#button_GoogleSearch {
	background:url('../pic/refresh2015/search.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
    background-position: top 7px center;
	width:30px;
	height:30px;
	border-style: none;
	cursor: pointer;
	vertical-align: middle;
}

/*
#homeicon:hover {
   background: #08468c;
   background: url('../pic/refresh2015/home_hover_22x20.png') no-repeat center;
   height: 30px;
   width: 30px;
   border-style: none;
}
*/
	#dropdown {
		font-family: 'Noto Sans', sans-serif;
		background: #f5fafe;
		background-image: url('../pic/refresh2015/megamenu_bottom_bar_1x24.png'), url('../pic/refresh2015/ab-waves-curves.png');
		background-size: 1px 12px, 1916px 425px;
		background-position: bottom, top -100px center;
		background-repeat: repeat-x, no-repeat;
		width: 100%; /*1150px;*/
		margin: 0 auto;
	/*	border-bottom: solid 5px #ccc; */
		border-top: none;
		display: none;
		position: relative;
		overflow: hidden;
		height: 245px;
	}

	#dropdown.minheight {
		min-height: 210px;
		height: auto;
		_height: 210px; /* for I6 */
	}

		#ajax {
			width: 1120px;
			padding-left: 20px;
			padding-right: 20px;
			margin-left: auto ;
			margin-right: auto ;
		}

	#ajax {
		overflow: hidden;
	}

	#ajax ul {
		float: left;
		padding: 0 0 0 10px;
	}
	
		#ajax ul li {
			padding: 2.8px 10px;
			font-size: 13px;
			list-style-type: none;
		}

	#subgroup {
		text-indent: -20px;
		padding-left: 0px;
	}
		
	#subgroup_bullet {
		color: #c9c9c9;
		font-size: 20px;
	}
	
	#subgroup_font {
		color: #454545;
		font-weight: bold;
		font-size: 15px;
	}
	
	#subgroup_link {
		color: #004b9f;
		font-weight: bold;
		font-size: 15px;
	}
	
	.loading {
		background: transparent url('../pic/icon_loading.gif') no-repeat center center;
	}
	

/*	
	#main {
		padding: 20px 0 0 0;
	}
*/	
	.close {
		position: absolute;
		bottom: 20px;
		right: 10px;
		font-size: 11px;
	}


/*		
		.megamenu footer p {
			text-align: center;
		}
*/