/*----------------------------------------------------------------------------
[Furniture stylesheet]

This stylesheet should only contain furniture styles only. All styles
should be separated with a heading.

Project:	    	Webstructure.NET
Version:	    	1.0.0 [http://semver.org/]
Primary use:		For use of styling the FURNITURE
Original Author: 	Qasim Alyas
Last change:		24/Mar/10 []
Last Assigned to:	Qasim Alyas

-----------------------------------------------------------------------------*/

/* Skip Links */
#skiplinks, #skiplinks li {
	display: inline;
	margin: 0;
	padding: 0;
	height: 0;
	list-style: none;
}
	#skiplinks a {
		z-index: 10;
		position: absolute;
		top: 154px;
		left: -9999px;
		border: 2px solid #D3CEC7;
		-moz-border-radius: 13px;
		-webkit-border-radius: 13px;
		padding: 7px 5px;
		background: #FFF;
		font-size: 1em;
		text-decoration: none;
		outline: none;
	}
	#skiplinks a:focus, #skiplinks a:active {
		left: 250px;
	}
	#skiplinks a:hover {
		border-color: #9DCDEA;
		text-decoration: underline;
	}

	/* Mast Styles */
	/*User states */
	.user {
		background:#99D344 url(/magazine/graphics/decoration/userLeft.png) no-repeat left top;
		color:#FFF;
		margin:14px 0 7px;
		padding:0 0 4px;
	}
	.subscribed {
		background:#FDBE02 url(/magazine/graphics/decoration/userSubLeft.png) no-repeat left top;
		color:#27446E;
	}
		.userSleeve {
			background:url(/magazine/graphics/decoration/userRight.png) no-repeat right top;
		}
		.subscribed .userSleeve  {
			background:url(/magazine/graphics/decoration/userSubRight.png) no-repeat right top;
		}
		.userSleeve:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
			.user ul {
				float:left;
				padding:9px 10px 4px;
				font-size:1.154em;
				line-height:1.467;
				margin:0;
			}
			.subscribed ul {
				background:url(/magazine/graphics/icons/userSubscribed.png) no-repeat 0 9px;
				padding-left:27px;
				margin-left:10px;
			}
			.professional ul {
				background:url(/magazine/graphics/icons/userSubscribedPro.png) no-repeat 0 9px;
				padding-left:45px;
				margin-left:10px;
			}
				.user li {
					background:0;
					float:left;
					padding:0;
				}
					.user li span {
						padding:0 10px;
					}
					.user li a {
						color:#FFF;
					}
					.user .individual,
					.user .institution {
						background:url(/magazine/graphics/icons/sprite.subscriber.png) no-repeat;
						font-size: .933em;
						font-weight: bold;
						line-height: 1.429;
						padding: 1px 0 1px 25px;
					}
					.user .institution {
						background-position: 0 -48px;
					}
					.subscribed li a {
						color:#27446E;
					}
					.user a.launchCalendar {
						float:right;
						background:url(/magazine/graphics/buttons/launchCalendar.png) no-repeat;
						width:216px;
						height:27px;
						margin:7px 7px 0;
					}
					.professional a.launchCalendar {
						margin:15px 7px -8px;
					}
					.professional p {
						clear:both;
						margin:0 0 0 55px;
					}

	#logo {
		float: left;
		padding: 19px 27px 0 23px;
	}
		#logo img {
			display: block;
		}
	.tagline {
		background:url(/magazine/graphics/tagline.png) no-repeat;
		width:321px;
		height:17px;
		margin-top:40px;
		float:left;
		text-indent:-9999em;
	}

	/* Top navigation */
	#topnav {
		clear: both;
		float: right;
		padding-top: 5px;
	}

	/* Crumb Trail */
	#crumbtrail {
		margin: 7px 0 0;
	}
	#crumbtrail:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}
		#crumbtrail ul {
			margin: 0;
			padding: 0;
			font-size:.846em;
			line-height:1;
		}
			#crumbtrail li {
				float: left;
				padding: 0 12px 0 5px;
				background: url(/magazine/graphics/decoration/crumb.png) no-repeat right 1px;
			}
			#crumbtrail li.first {
				padding-left: 0;
			}
			#crumbtrail li.last {
				background-image: none;
				padding-right: 0;
			}
				#crumbtrail li a {
					float: left;
					color:#88BE38;
				}
				#crumbtrail li a:hover,
				#crumbtrail li a:focus {
					color:#27446E;
					text-decoration:underline;
				}
				#crumbtrail li.current a {
					color:#27446E;
				}

	/* Mast search */
	#mastsearch {
		float: right;
		width: 304px;
		margin-top:25px;
	}
		#mastsearch .formbox {
			margin-bottom: 0;
			border: 0;
			padding: 0;
			background-color: transparent;
		}
		#mastsearch fieldset:after {
			content: ".";
			clear: both;
			display: block;
			height: 0;
			visibility: hidden;
		}
		#mastsearch label {
			position: absolute;
			left: -9999px;
		}
		#mastsearch .text {
			background:transparent;
			float: left;
			margin-top: 2px;
			padding:5px;
			border: 0;
			width: 206px;
			font-size:1.154em;
			line-height:1.4;
			color: #000;
			outline:0;
		}
		#mastsearch .button {
			margin-left: 0;
		}
		#mastsearch .searchCategory a {
			background: url(/magazine/graphics/decoration/arrowWhiteOnBlue.png) no-repeat right;
			color:#FFF;
			float:right;
			font-size:1em;
			line-height:1.231;
			padding:0 12px 0 0;
			margin:3px 25px 0 0;
		}

	/* Side Nav */
	#leftcolumn .sideNav .current a {
		color: #f60
	}
	.sideNav {
		margin-bottom: 15px;
		border: solid #ccc;
		border-width: 0 2px 2px 0;
		background-color: #fff;
	}
		.sideNav h2 {
			position: absolute;
			left: -9999px;
		}
		.sideNav ul {
			margin-bottom: 0;
		}
			.sideNav li {
				border-bottom: 1px solid #ccc;
				padding: 0;
				background: none;
			}
			.sideNav li.last {
				border-bottom: 0;
			}
				.sideNav li a {
					display: block;
					padding: 3px 10px;
					font-weight: bold;
					color: #066;
					text-decoration: none;
				}
				.sideNav li a:hover {
					color: #FF6500;
					text-decoration: underline;
				}
					.sideNav li ul a {
						padding-left: 19px;
					}
					.sideNav li ul .subNav a {
						background: url(/magazine/graphics/decoration/open.gif) no-repeat 8px 8px;
					}

			/* Open state */
			.sideNav li.subNav a {
				color: #000;
			}
				.sideNav li.subNav li a {
					color: #066;
				}
				.sideNav li.subNav li a:hover {
					color: #FF6500;
				}
			.sideNav .nav5.open a {
				padding-bottom: 19px;
			}
				.sideNav .nav5.open li a {
					padding-bottom: 3px;
				}

	/* Sidenav colours */
	.sideNav .nav1 {
		border-bottom-color: #666;
	}
		.sideNav .nav1 a {
			background-color: #666;
			color: #fff;
		}
		.sideNav .nav1 a:hover {
			color: #fff;
		}
	.sideNav .nav2 {
		border-bottom-color: #a7a6aa;
	}
		.sideNav .nav2 a {
			background-color: #a7a6aa;
			color: #fff;
		}
		.sideNav .nav2 a:hover {
			color: #fff;
		}
	.sideNav .nav3 {
		border-bottom-color: #c6c6c6;
	}
		.sideNav .nav3 a {
			background-color: #c6c6c6;
			color: #fff;
		}
		.sideNav .nav3 a:hover {
			color: #fff;
		}
	.sideNav .nav4 {
		border-bottom-color: #e0e0e0;
	}
		.sideNav .nav4 a {
			background-color: #e0e0e0;
			color: #666;
		}
		.sideNav .nav4 a:hover {
			color: #666;
		}

	.sideNav .nav5.open a {
		color: #000;
		padding-top: 5px;
	}
		.sideNav .nav5.open ul {
			border-top: 1px solid #ccc;
		}
			.sideNav .nav5.open li a {
				color: #066;
				padding-top: 3px;
			}

	.sideNav .open {
		border-bottom-color: #fff;
	}

		/* Overrides subnav color styles */
		.sideNav .open li a {
			background-color: #fff !important;
			color: #066;
		}
		.sideNav .open li a:hover {
			color: #ff6500 !important;
		}


	/* Storytext Styles */
	.storytext:after {
		content: ".";
		clear: both;
		display: block;
		height: 0;
		visibility: hidden;
	}


	/* Footer Styles */
	#footer {
		clear: both;
		width: 100%;
	}
		#footer_sleeve ul:after, #footer_sleeve:after, #footerNav:after {
			content: ".";
			visibility: hidden;
			height: 0;
			display: block;
			clear: both;
		}
			#footer a {
				color:#FFF;
			}
			#footer_sleeve ul {
				margin: 0;
			}
			#footerBlockOne {
				background:#D0ECF8 url(/magazine/graphics/decoration/footerAdTopLeft.png) no-repeat 0 0;
				margin-bottom:30px;
				width:940px;
			}
				.footerAd {
					background:url(/magazine/graphics/decoration/footerAdTopRight.png) no-repeat 100% 0;
				}
					.footerAdSleeve {
						background:url(/magazine/graphics/decoration/footerAdBottomLeft.png) no-repeat 0 100%;
					}
						.footerAdSubSleeve {
							background:url(/magazine/graphics/decoration/footerAdBottomRight.png) no-repeat 100% 100%;
							padding:10px 20px 0 160px;
							height:82px;
						}
							.footerAdSubSleeve h2 {
								font-size:1.538em;
								line-height:1.2;
								color:#27446E;
								margin-bottom:10px;
							}
							.footerAdSubSleeve p {
								font-size:1.154em;
								line-height:1.333;
								color:#27446E;
								margin:0;
							}
								#footer .footerAdSubSleeve a {
									color:#27446E;
									text-decoration:none;
								}
								#footer .footerAdSubSleeve a:focus,
								#footer .footerAdSubSleeve a:hover {
									text-decoration:underline;
								}
								.footerAdSubSleeve p a span {
									text-decoration:underline;
								}
							.footerAdImage {
								position:absolute;
								width:122px;
								height:122px;
								background:url(/magazine/graphics/decoration/footerAdImage.png) no-repeat;
								margin:-25px 0 0 -150px;
								text-indent:-9999em;
							}
						
			#footerBlockTwo {
				height:108px;
				background:#27446E url(/magazine/graphics/decoration/footerBkg.jpg);
				padding:16px 20px 14px;
				margin-bottom:25px;
				width:900px;
			}
				#footerNav ul {
					float:left;
					width:121px;
					background:url(/magazine/graphics/decoration/opaqueLine.png) repeat-y right;
					padding-right:15px;
					margin-right:15px;
				}
				#footerNav ul.last {
					background:0;
					margin:0;
					width:136px;
				}
					#footerNav li {
						padding:0 0 5px;
					}
					#footerNav li.last {
						padding: 0;
					}
			.footerText {
				float:right;
				margin:-27px 0 0;
				width:295px;
				height:113px;
				padding-top:56px;
				background:#FFF url(/magazine/graphics/decoration/footerTextBkg.png) no-repeat;
			}
				.footerText p {					
					font-size:.923em;
					line-height:1.333;
					padding:0 23px 0;
				}
					#footerNav .footerText p a {
						color:#27446E;
						text-decoration:underline;
					}
					#footerNav .footerText p a:hover,
					#footerNav .footerText p a:focus {
						text-decoration:none;
					}
					#footerNav .footerText p a.allClick {
						display:inline-block;
						margin:-56px -13px -21px -21px;
						padding:56px 13px 21px 21px;
						text-decoration:none;
					}
				#footerNav .footerText p a.logoClick {
						display:block;
						height:30px;
						margin:-40px 0 14px 0;
					}
						#footerNav .footerText p a.logoClick span {
							height:1px;
							overflow:hidden;
							position:absolute;
							top:-10px;
							width:1px;
						}					
			
			#footerBlockThree {
				width: 940px;
				background:#99D344 url(/magazine/graphics/decoration/footerLeft.png) no-repeat left bottom;
			}
			#footerEnd {
				background:url(/magazine/graphics/decoration/footerRight.png) no-repeat right bottom;
			}
				#footerEnd ul {
					display: block;
					width: 100%;
					font-size:.846em;
					line-height:1;
					font-family: Arial, Helvetica, sans-serif;
					padding:6px 20px 7px;
				}
					#footerEnd li {
						display: inline-block;
						padding: 8px 0 0;
					}
						#footerEnd a,
						#footerEnd span {
						display: inline-block;
						width: auto;
					}
					#footerEnd .portal {
						float: right;
						padding: 0;
					}
						#footerEnd .portal a {
						background:url(/magazine/graphics/buttons/b_portal.png) no-repeat 0 0;
						display: block;
						height: 26px;
						margin-right: 40px;
						padding: 0;
						text-indent: -9999px;
						width: 124px;
					}

#footer ul {
	color:#FFF;
}
#footer ul:after {
	content: ".";
	visibility: hidden;
	height: 0;
	display: block;
	clear: both;
}
	#footer ul li {
		background:0;
	}
	
.webvision {
	color:#999;
	font-size:.769em;
	line-height:1.3;
	margin:14px 0 0;
	text-align:center;
}
	.webvision a,
	.webvision a:visited,
	.webvision a:focus,
	.webvision a:hover {
		color:#999;
	}