@charset "utf-8";

/* MDM Top Bar for FF, Chrome and Safari
==================================================== */

#mdmContainer {
	font-family:Arial, Helvetica, sans-serif;
	margin:0;
	padding:0;
	outline: none;
}

/* SEARCH BAR */

#mdmSearchBar {
	height:58px;
	margin:0 auto;
	width:996px;	
}

/* Styles for Image/Logo replacement technique  */
#mdmSearchBar #elsevierLogo {
	float:left;
	margin-top:15px;
}
#mdmSearchBar h4.elsevierLogoText {
	width:185px;
	height:29px;
	position:relative;
	margin:0;
	padding:0;
	overflow:hidden;
}
#mdmSearchBar h4.elsevierLogoText span {
	background:url(/framework_home/images/Elsevier-Logo.gif);
	cursor:pointer;
	height:100%;
	position:absolute;
	width:100%;
	z-index:1000;
}
#mdmSearchBar h4.elsevierLogoText a {
	background-color:#fff;
	color:#f93;
	font-family:"Times New Roman", Times, serif;
	text-transform:capitalize;
	font-size:24px;
	text-decoration:none;
}
/* End of Styles for Image/Logo replacement technique  */

#mdmSearchBar #leftCurveSearchField {
	background-image:url(/framework_home/images/Search_left_component.png);
	background-repeat:no-repeat;
	float:left;
	height:24px;
	margin-left:5px;
	margin-top:18px;
	width:19px;
	
	/* To remove any webkit default styles for iPad and iPhone - added by Dennis Smit 25 aug 2011*/		
	-webkit-border-radius:0px;
}
#mdmSearchBar .searchText {
	background:#fff url(/framework_home/images/Search_middle_background.png);
	border-style:none;
	color:#000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	height:22px;
	/*padding-top:7px;*/
	margin-top:18px;
	overflow:hidden;
	outline:none;
	width:245px;
/* To remove any webkit default styles for iPad and iPhone - added by Dennis Smit 25 aug 2011*/		
	-webkit-border-radius:0px;
	-webkit-appearance: none;
	border:none;
}	
#mdmContainer #mdmSearchBar .search-button {
	background-color:#fff;
	background-image:url(/framework_home/images/Search_right_component.png);
	background-repeat:no-repeat;
	border:none;
	color:#000;
	float:left;
	height:24px;
	margin-top:18px;
	margin-left:0;
	margin-right:0;
	padding:0;
	width:37px;
/* To remove any webkit default styles for iPad and iPhone - added by Dennis Smit 25 aug 2011*/		
	-webkit-border-radius:0px;
}
#mdmSearchBar a.label {
	background-color:#fff;
	color:#00759b;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10.5px;
	font-weight:bold;
	margin-left:15px;
	margin-top:25px;
	text-decoration:none;	
}
#mdmSearchBar a.label:hover, a.label:focus {
	text-decoration:underline;
}

/* MEGA DROPDOWN MENU NAVIGATION BAR  */

#navContainer { 
	background-color:#f3f3f3;
	border:1px solid #ccc;
	height:36px;
	margin:0 auto;
	width:994px;
	position:relative;
	z-index:100;
}
ul#mdmNav {
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;	
	position: relative;
}
ul#mdmNav li {
	float:left;
	margin:0;
	padding:0;
}
ul#mdmNav li:hover>a, ul#mdmNav li:focus>a {			/* to keep the selected parent link highlighted */
	background-color:#00759b;
	color:#fff;
	display:block;
	height:16px;
	padding:0.8em 1em;
}
ul#mdmNav li a {
	background-color:#f3f3f3;
	color:#00759b;
	cursor:default;
	display:block;
	font-size:13px;
	font-weight:bold;
	margin-left:1em;
	padding:0.7em 1em;
	position:relative; /* to fix the Internet Explorer Z-Index Bug */
	text-decoration:none;
	z-index:2000; /* to fix the Internet Explorer Z-Index Bug */
}
/*ul#mdmNav li a:hover, ul#mdmNav a:focus {
	background-color:#00759b;
	color:#fff;
	height:16px;
	padding:0.8em 1em;
	position:relative;
}*/
ul#mdmNav li:hover a span, ul#mdmNav li:focus a span {
	background:url(/framework_home/images/blueNavPointer.png) no-repeat center; 
	display:block;
	height:15px;
	left:50%;
	margin-left:-13px;
	position:absolute;
	top:35px;
	width:26px;
	z-index:1500;
}


/* MEGA DROPDOWN AREA  */

ul#mdmNav li .dropdownArea {
	background-color:#f3f3f3;
	border:1px solid #999;
	float:left;
	display: none;
	left:-1px;	
	padding:20px 0 22px;
	position:absolute;
	top:36px;
	width:100%;
	z-index:1600!important;
	
	/*--Bottom right rounded corner--*/
	-moz-border-radius-bottomright: 4px;
	-khtml-border-radius-bottomright: 4px;
	-webkit-border-bottom-right-radius: 4px;
	/*--Bottom left rounded corner--*/
	-moz-border-radius-bottomleft: 4px;
	-khtml-border-radius-bottomleft: 4px;
	-webkit-border-bottom-left-radius: 4px;
}
ul#mdmNav li .right {
	left:auto;
	right:-20.61em
}
ul#mdmNav li .dropdownArea ul {
	float:left;
	list-style:none;
	margin:0;
	padding:0;
	width:185px;
	border-right:1px solid #ccc;
}
ul#mdmNav .dropdownArea ul li .right_border_spacing { /* to align the right separator line */
	display:block;
	font-size:11px;
	font-weight:bold;
	margin:0 0 4px;
	padding:0.2em 1em; 
}
ul#mdmNav li .dropdownArea ul:last-child {
	border-right:none;
}
ul#mdmNav .dropdownArea ul li {
	width:100%;
}
ul#mdmNav .dropdownArea ul li h5 {
	font-size:12px;
	font-weight:900;
	margin:7px 0 15px;
	padding:0 1.6em;
}
ul#mdmNav .dropdownArea ul li a {
	background:none;
	color:#00759b;
	display: block;
	float: none; 
	font-size:11px;
	font-weight:bold;
	height:auto;
	margin:0 0 4px;
	padding:0.2em 1.8em;
}
ul#mdmNav .dropdownArea ul li a:hover, ul#mdmNav .dropdownArea ul li a:focus {
	background-color:#00759b;
	color:#fff;
	cursor:pointer;
	display:block;
	font-size:11px;
	font-weight:bold;
	margin: 0 0 4px 0;
	padding:0.2em 1.8em;
}
.row {
	clear: both; 
	float: left; 
	width: 100%; 
	margin-bottom: 10px;
}
ul#mdmNav li .dropdownArea #view_links ul{
	border:none;
	color:#00759b;
	margin:10px 80px 5px 70px;
	width:220px;
}
ul#mdmNav li .dropdownArea #view_links ul a{
	background-color:#f3f3f3;
	color:#00759b;
}
ul#mdmNav li .dropdownArea #view_links ul a:hover{
	background-color:#f3f3f3;
	color:#00759b;
	text-decoration:underline;
}
.shadow {
	-moz-box-shadow: 3px 3px 4px #ccc;
    -webkit-box-shadow: 3px 3px 4px #ccc;
	box-shadow: 3px 3px 4px #ccc;
}