/* Import the style sheet that resets all browsers. */
@import url("reset.css");

/* General content-wrapping containers */
#allWrap	{background:#fff url(../img/bg-body.jpg) no-repeat center top; min-width:1046px;}
.wrapStandard, .wrapWide, #bodyBottom, #footer {margin:0 auto; width:980px;}
.wrapWide	{width:990px;}
#bodyBottom	{width:946px;}
#footer		{width:920px}
/* ----------------------------------- */

/* General items */
.visibleHr {
	background: transparent url(../img/hr.png) no-repeat center center;
	border: none;
	display: block;
	height: 19px;
}
.clearBoth {
	clear: both;
	display: block;
}
.fauxRed {
	color: #3A8CBF;
}
/* ----------------------------------- */

/* Header */
#header p {
	background-color: #f6f6f6;
	border: 2px solid #d4d4d4;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	border-top: none;
	color: #aaa;
	float: right;
	font-size: 1.2em;
	margin: 0;
	padding: .25em 1em;
	-moz-border-radius-bottomleft: 5px;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
}
	#header p a, #header p a:visited {
		color: #aaa;
		padding: 0 .25em;
	}
#header h1, #header h2 {
	float: left;
	margin: 14px 0;
}
#header h1, #header h1 a, #header h1 a:visited {
	height: 60px;
	width: 317px;
}
	#header h1 a, #header h1 a:visited {
		background: transparent url(../img/bg-ui15-logo.png) no-repeat left top;
		display: block;
	}
		#header h1 a span {
			left: -999em;
			position: absolute;
		}
#header h2 {
	clear: right;
	float: right;
	font-size: 2.2em;
	font-weight: normal;
	text-align: right;
	width: 600px;
}
/* ----------------------------------- */

/* Top-nav & sneak preview */
#topNav {
	background: #e1e1e1 url(../img/bg-top-nav.png) repeat-x left top;
	height: 5em;
	padding-left: 10px;
}
	#topNav ul {
		list-style: none;
		margin: 0;
		padding: 0;
	}
		#topNav ul li {
			float: left;
			margin: 12px 20px 0 0;
		}
		#topNav ul li#homeLink {
			margin-top: 13px;
		}
		@media screen and (-webkit-min-device-pixel-ratio:0) {
			#topNav ul li#homeLink {
				margin-top: 15px;
			}
		}
			#topNav ul li a, #topNav ul li a:visited {
				color: #888;
				font-size: 1.8em;
				font-weight: bold;
			}
			#topNav ul li a:hover, #topNav ul li a:focus {
				color: #333;
				text-decoration: none;
			}
			#topNav ul li#homeLink a, #topNav ul li#homeLink a:visited {
				background: transparent url(../img/bg-home-icon.png) no-repeat left top;
				display: block;
				height: 19px;
				width: 22px;
			}
				#topNav ul li#homeLink a span {
					left: -999em;
					position: absolute;
				}
/* ----------------------------------- */

/* Home Page (as Proceedings) */
#procOrderSamples {
	float: right;
	margin-left: 40px;
	width: 300px;
}
	.generalContent .procOrder {
		color: #888;
		text-align: center;
	}
	#optionOne .procOrder {
		margin-top: 35px;
	}
		.procOrder a, .procOrder a:visited {
			background-color: #3a8cbf;
			border: 4px solid #acd7e8;
			border-radius: 8px;
			color: #fff;
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
			padding: 10px 10px 7px;
			text-transform: uppercase;
			text-shadow: 1px 1px 2px #666;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.procOrder a:hover {
			background-color: #3c70a0;
			text-decoration: none;
		}
		#procSamples {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			#procSamples li {
				border-bottom: 1px solid #ddd;
				font-size: .9em;
				margin-bottom: 10px;
				padding: 0 5px 10px;
			}
			#procSamples li:last-child {
				border-bottom: none;
				margin-bottom: 0;
				padding-bottom: 0;
			}
				#procSamples li h5 {
					font-size: 1.1em;
					margin: 0 0 5px;
				}
#introBullets {
	width: 580px;
}
	#youWillGet {
		float: left;
		width: 220px;
	}
	#learnTopics {
		float: right;
		width: 310px;
	}
		#youWillGet h4, #learnTopics h4 {
			font-size: 1.4em;
			margin: 0 0 .75em;
		}
		#youWillGet ul, #learnTopics ul {
			margin: 0;
			padding-left: 0;
		}
/* ----------------------------------- */

/* Red topics box */
#topics {
	background: transparent url(../img/bg-topics.png) no-repeat left bottom;
	min-height: 88px;
	margin: 0;
	padding: 20px 0;
	text-align: center;
	width: 990px;
}
	#topicID, #topicPC, #topicVT, #topicVD,
	#topicSID, #topicCS, #topicWF, #topicEP {
		color: #ddb8b6;
		display: block;
		float: left;
		font-size: 1.14em;
		margin: 0 52px 0;
	}
	#topicAPM {
		color: #fff;
		display: block;
		font-size: 1.71em;
		position: relative;
		text-align: center;
		text-shadow: 1px 1px 3px #333;
		top: 3px;
	}
	/*#topicTD, #topicIEE, #topicFDW {
		color: #fff;
		display: block;
		float: left;
		font-size: 1.71em;
		margin: 3px 38px 0;
		text-shadow: 1px 1px 3px #333;
	}*/
	#topicSID, #topicCS, #topicWF, #topicEP {
		margin: 3px 49px 0;
	}
	#topics .hide {display:none;}
/* ----------------------------------- */

/* Workshops & Featured Talks on the Home page */
.titleOnHr {
	margin: 25px 0 0 0;
	position: relative;
}
	.titleOnHr hr {
		
	}
	.titleOnHr h2 {
		background-color: #fff;
		display: inline-block;
		font-size: 1.8em;
		left: 50px;
		margin: 0;
		padding: 0 5px;
		position: absolute;
		top: -6px;
	}
.wrapStandard {
	position: relative;
}
	.workshopsIntro {
		font-size: 1.45em;
		margin: 0 30px;
	}
		.workshopsIntro em {
			font-size: .925em;
		}
	.workshop {
		float: left;
		margin: 15px 0 15px 38px;
		width: 420px;
	}
	.workshop.wsLeft {
		clear: left;
		margin-left: 88px;
		margin-right: 0;
		width: 400px;
	}
		#fdTime1, #fdTime2 {
			background-color: #a6a6a6;
			color: #fff;
			float: left;
			left: 62px;
			margin: 0;
			padding: 5px 0; 
			position: absolute;
			text-align: center;
			top: 670px;
			transform: rotate(-90deg);
			transform-origin: 0% 100%;
			width: 569px;
			-moz-transform: rotate(-90deg);
			-moz-transform-origin: 0% 100%;
			-o-transform: rotate(-90deg);
			-o-transform-origin: 0% 100%;
			-webkit-transform: rotate(-90deg);
			-webkit-transform-origin: 0% 100%;
		}
		#fdTime2 {
			background-color: #a6a6a6;
			top: 692px;
			width: 590px;
		}
		.linkOnHr {
			background-color: #fff;
			display: inline-block;
			float: right;
			font-size: 1.2em;
			padding: 0 5px;
			position: absolute;
			right: 50px;
			top: -1px;
		}
			.linkOnHr a {
				background-color: #3a8cbf;
				border-radius: 8px;
				color: #fff;
				font-weight: bold;
				padding: 6px 10px 4px;
				text-shadow: 1px 1px 1px #555;
				-moz-border-radius: 8px;
				-webkit-border-radius: 8px;
			}
			.linkOnHr a:hover, .linkOnHr a:focus, .linkOnHr a:active {
				background-color: #3c70a0;
				text-decoration: none;
				text-shadow: none;
			}
		.workshop h4 {
			font-size: 1.6em;
			margin: 0;
		}
		.workshop .wsSlider {
			float: right;
			margin: 10px 0 0 20px;
			position: relative;
			width: 80px;
		}
			.workshop .wsSlider img {
				position: absolute;
				top: 0px;
				left: 0px;
				padding: 0;
				display: none;
			}
		.workshop img, .featuredTalk img {
			float: right;
			margin: 10px 0 0 20px;
		}
		.workshop p {
			font-size: 1.4em;
		}
		.workshop .author {
			color: #888;
			font-size: 1.3em;
			margin: 0;
		}*/
		
		/* How distinct is the workshop from the talk? */
		
		/*.distincttalk {font-style: italic; background-color: #dae9f2;}*/
		
		/* .distilledtalk {font-style: italic; background-color: #ffffcc;} */
		
		.workshop .learnMore a, .workshop .learnMore a:visited {
			background-color: #3a8cbf;
			border-radius: 8px;
			color: #fff;
			font-size: .85em;
			font-weight: bold;
			padding: 6px 10px 4px;
			text-shadow: 1px 1px 1px #555;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.workshop .learnMore a:hover, .workshop .learnMore a:focus, .workshop .learnMore a:active {
			background-color: #3c70a0;
			text-decoration: none;
			text-shadow: none;
		}
		.featuredBlock {
			border-bottom: 1px dashed #aaa;
			margin: 15px 30px;
			padding-bottom: 15px;
			position: relative;
		}
		.featuredBlock.lastChild {
			border-bottom: none;
			margin-bottom: 40px;
			padding-bottom: 0;
		}
			.featuredBlock h3 {
				color: #fff;
				float: left;
				left: 32px;
				margin: 0;
				padding: 5px 0; 
				position: absolute;
				text-align: center;
				top: 138px;
				transform: rotate(-90deg);
				transform-origin: 0% 100%;
				width: 165px;
				-moz-transform: rotate(-90deg);
				-moz-transform-origin: 0% 100%;
				-o-transform: rotate(-90deg);
				-o-transform-origin: 0% 100%;
				-webkit-transform: rotate(-90deg);
				-webkit-transform-origin: 0% 100%;
			}
			#ftTime1 {background-color:#a6a6a6;}
			#ftTime2 {background-color:#999999;}
			#ftTime3 {background-color:#8c8c8c;}
			#ftTime4 {background-color:#808080;}
			#ftTime5 {background-color:#737373;}
			#ftTime6 {background-color:#666666;}
			#ftTime7 {background-color:#595959;}
			.featuredTalk {
				float: left;
				margin-left: 38px;
				width: 420px;
			}
			.featuredTalk.ftFirst {
				margin-left: 58px;
				width: 400px;
			}
			.fbFull .featuredTalk {
				float: none;
				margin-left: 58px;
				min-height: 175px;
				width: auto;
			}
				.featuredTalk h4 {
					font-size: 1.6em;
					margin: 0;
				}
				.featuredTalk p, .featuredTalk ul {
					font-size: 1.4em;
				}
				.featuredTalk .author {
					color: #888;
					font-size: 1.3em;
					margin: 0;
				}
				.featuredTalk .fakeSpace {
					display: block;
					height: 24px;
				}
				.featuredTalk .learnMore a, .featuredTalk .learnMore a:visited {
					background-color: #3a8cbf;
					border-radius: 8px;
					color: #fff;
					font-size: .85em;
					font-weight: bold;
					padding: 6px 10px 4px;
					text-shadow: 1px 1px 1px #555;
					-moz-border-radius: 8px;
					-webkit-border-radius: 8px;
				}				
				.featuredTalk .learnMore a:hover, .featuredTalk .learnMore a:focus, .featuredTalk .learnMore a:active {
					background-color: #3c70a0;
					text-decoration: none;
					text-shadow: none;
				}

/* Materials Page */
#mediaPlayer {
	float: right;
	margin-left: 50px;
	width: 402px;
}
	#mediaPlayer h4 {
		margin-bottom: 15px;
	}
	#mpBorder {
		border: 1px solid #999;
	}
	#mpPlaceholder {
		background-color: #fcc;
		font-size: 1.4em;
		padding: 10px;
	}
.materialsPage #sneakPreviewOffer {
	display: none; /* This is being hidden because a) it's not necessary on this page, and b) because it was also mucking with the floats below. */
}
#materialsDay1, #materialsDay2, #materialsDay3 {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	border-radius: 8px;
	float: left;
	margin: 0 35px 35px 0;
	padding: 1px 20px;
	width: 242px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
#materialsDay3 {
	margin-right: 0;
}
	.materials h3, .materials h4 {
		text-shadow: 1px 1px 1px #fff;
	}
	.generalContent .materials h4 {
		font-size: 1.4em;
		margin-top: 1.5em;
	}
	.materials dl {
		font-size: 1.4em;
	}
	#materialsDay2 dl {
		margin-top: 0;
	}
		#materialsDay1 .startSpeaker,
		#materialsDay2 dl dt,
		#materialsDay3 .startSpeaker {
			border-top: 1px solid #ddd;
			padding-top: 15px
		}
		#materialsDay1 .startSpeaker:first-child,
		#materialsDay2 dl dt:first-child,
		#materialsDay3 .startSpeaker:first-child {
			border-top: none;
			padding-top: 0
		}
		#materialsDay2 dl dt {
			margin-top: 1em;
		}
		.materials dl dd {
			color: #777;
			font-size: .9em;
			margin-bottom: 15px;
			padding-left: 22px;
		}
		#materialsDay2 dl dd {
			margin-bottom: 0;
			padding-left: 0;
		}
		.materials dl a[href$=".zip"] {
			background: url("../img/page_white_zip.png") no-repeat 0 1px;
			display: block;
			padding: 0 0 0 22px;
		}
		.materials dl a[href$=".mp3"] {
			background: url("../img/icon-audio.png") no-repeat 0 1px;
			display: block;
			padding: 0 0 0 22px;
		}
		.materials dl a[href$=".pdf"] {
			background: url("../img/page_white_acrobat.png") no-repeat 0 1px;
			display: block;
			padding: 0 0 0 22px;
		}
		.materials dl a.comingSoon[href$=".pdf"] {
			background: url("../img/chart_line.png") no-repeat 0 1px;
			color: #999;
			cursor: default;
		}
		.materials dl a.comingSoon[href$=".pdf"]:hover {
			text-decoration: none;
		}
		.materials dl a.comingSoon[href$=".pdf"]:focus {
			outline: none;
			text-decoration: none;
		}
	#jrSketches {
		background-color: #fff;
		border: 1px solid #ddd;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		border-radius: 8px;
		float: right;
		padding: 1px 20px;
		width: 242px;
	}
		#jrSketches h4 {
			font-size: 1.6em;
		}
		#jrSketches small {
			color: #777;
			font-size: .85em;
		}
/* ----------------------------------- */

/*
* jQuery Nivo Slider v2.1
* http://nivo.dev7studios.com
*
* Copyright 2010, Gilbert Pellegrom
* Free to use and abuse under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 
* March 2010
*/
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
}
.nivoSlider img {
	position:absolute;
	top:0px;
	left:0px;
}
.nivoSlider a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:60;
	display:none;
}
.nivo-slice {
	display:block;
	position:absolute;
	z-index:50;
	height:100%;
}
.nivo-caption {
	position:absolute;
	left:0px;
	bottom:0px;
	background:#000;
	color:#fff;
	opacity:0.8;
	width:100%;
	z-index:89;
}
.nivo-caption p {
	padding:5px;
	margin:0;
}
.nivo-caption a {
	display:inline !important;
}
.nivo-html-caption {
    display:none;
}
.nivo-directionNav a {
	position:absolute;
	top:45%;
	z-index:99;
	cursor:pointer;
}
.nivo-prevNav {
	left:0px;
}
.nivo-nextNav {
	right:0px;
}
.nivo-controlNav a {
	position:relative;
	z-index:99;
	cursor:pointer;
}
.nivo-controlNav a.active {
	font-weight:bold;
}
/* ----------------------------------- */

/* OnDemand Details page */
.procDetailsTalkHalf, .procDetailsTalkThird {
	background-color: #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	float: left;
	margin: 15px 30px 15px 0;
	padding: 20px;
	width: 405px;
}
.procDetailsTalkThird {
	width: 246px;
}
	.procDetailsTalkHalf h5, .procDetailsTalkThird h5 {
		font-size: 1.5em;
		margin-top: 0;
	}
	.procDetailsTalkHalf img, .procDetailsTalkThird img,
	.procDetailsTalkHalf .wsSlider, .procDetailsTalkThird .wsSlider {
		float: right;
		margin: 0 0 20px 20px;
	}
	.quoteTitle {
		color: #666;
		font-family: Georgia, serif;
		font-weight: normal;
		margin-bottom: 5px;
	}
	.procDetailsTalkHalf blockquote, .procDetailsTalkThird blockquote {
		color: #666;
		font-family: Georgia, serif;
		font-style: italic;
		padding-left: 0;
	}
		.procDetailsTalkHalf blockquote p, .procDetailsTalkThird blockquote p {
			margin: 0;
		}
/* ----------------------------------- */

/* Workshop / Full description page */
.generalContent .workshop {
	float: none;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	width: auto;
}
	#wsWatchPreview {
		margin: 0;
		position: absolute;
		right: 90px;
		top: 72px;
	}
		#wsWatchPreview a:focus {
			outline: none;
		}
			#wsWatchPreview a img {
				border: none;
				float: none;
				margin: 0;
				padding: 0;
			}
	#wsSlidesPreview {
		background-color: #555;
		border-bottom: 2px solid #333;
		border-radius: 8px;
		color: #fff;
		display: none;
		padding: 20px;
		position: relative;
		width: 880px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	.homePage #wsSlidesPreview {
		margin: 0 0 40px 35px;
	}
		#wsHideSlidesPreview {
			background: #363636 url(../img/bg-hide-slides-preview.png) repeat-x left top;
			cursor: pointer;
			float: right;
			font-family: "Lucida Grande", sans-serif;
			font-size: 1.2em;
			padding: 6px 10px;
			text-shadow: #444 1px 1px 2px;
		}
		#wsHideSlidesPreview:hover {
			background-color: #363636;
			background-image: none;
		}
		#wsClickToPlay {
			background: transparent url(../img/bg-click-play-button.png) no-repeat left top;
			height: 53px;
			left: 680px;
			position: absolute;
			text-indent: -99999px;
			top: 140px;
			width: 163px;
		}
		#wsSlidesPreview div {
			margin: 0 auto;
		}
		.homePage #wsSlidesPreview div {
			width: 640px;
		}
			#wsSlidesPreview div strong {
				position: absolute;
				top: -99999px;
			}
			#wsSlidesPreview div strong a, #wsSlidesPreview div div {
				display: none;
			}
	.generalContent .workshop h1 {
		margin-bottom: .15em;
	}
		.generalContent .workshop h1 span {
			font-size: .85em;
			font-style: italic;
			font-weight: normal;
		}
	.generalContent .workshop h2, .generalContent .workshop h4 {
		margin-top: 20px;
	}
	.generalContent .workshop #imgAuthor {
		float: left;
		margin: 0 20px 20px 0;
	}
	.generalContent .workshop #tagline {
		font-size: 1.6em;
		margin: 0 0 8px;
		width: 680px;
	}
	.generalContent .workshop #imgBook {
		border: none;
		float: left;
		margin: 0 20px 0 0;
		padding: 0;
	}
	.generalContent .workshop #author {
		font-size: 1.4em;
		line-height: 1.25;
		margin: 0;
		padding-top: 6px;
		width: 600px;
	}
		.generalContent .workshop #author strong {
			font-size: 1.4285em;
		}
	.powerpress_player {
		margin-top: 5px;
	}
		.playerIntro {
			color: #888;
			font-size: 1.3em;
			margin-right: 6px;
			position: relative;
			top: -5px;
		}
	#dayBreakdown {
		float: right;
		margin: 20px 0 20px;
		width: 570px;
	}
		#dayBreakdown h2 {
			margin: 0 0 1em;
		}
		#dayBreakdown h4 {
			color: #666;
			font-size: 1.4em;
			margin: 1.25em 0 0;
		}
		#dayBreakdown #firstHeader {
			margin-top: .5em;
		}
		#dayBreakdown p {
			margin: .5em 0;
		}
	#teamProblems {
		float: left;
		margin: 20px 0 20px;
		width: 290px;
	}
		#teamProblems h2 {
			margin: 0 0 1em;
		}
		#teamProblems ul {
			margin: 0;
			padding-left: 0;
		}
			#teamProblems ul li {
				margin: .75em 0;
			}
		#teamProblems p {
			margin: 1em 0 0;
		}
	.wsTeaserMain, .wsTeaserSub {
		float: left;
		margin-bottom: 20px;
		margin-right: 20px;
		width: 450px;
	}
	.wsTeaserMain {
		margin-top: 20px;
	}
	.wsTeaserMain.alt, .wsTeaserSub.alt {
		margin-right: 0;
	}
		.wsTeaserMain a, .wsTeaserSub a,
		.wsTeaserMain a:visited, .wsTeaserSub a:visited {
			background: #347bab url(../img/bg-blue-button-gradient.gif) repeat-x left top;
			border-radius: 20px;
			box-shadow: 1px 1px 2px #666;
			color: #fff;
			display: block;
			min-height: 10px;
			padding: 1px 25px;
			text-shadow: 1px 1px 2px #666;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
			-moz-border-radius: 20px;
			-webkit-border-radius: 20px;
			-moz-box-shadow: 1px 1px 2px #aaa;
			-webkit-box-shadow: 1px 1px 2px #aaa;
		}
		.wsTeaserMain a:hover, .wsTeaserSub a:hover,
		.wsTeaserMain a:focus, .wsTeaserSub a:focus {
			background-color: #3c70a0;
			background-image: none;
			box-shadow: none;
			text-decoration: none;
			-moz-box-shadow: none;
			-webkit-box-shadow: none;
		}
			.generalContent .workshop .wsTeaserMain h3,
			.generalContent .workshop .wsTeaserSub h3 {
				margin: .7em 0 .6em;
			}
			.generalContent .workshop .wsTeaserSub h4 {
				font-size: 1.5em;
				margin: 0;
			}
			.wsTeaserMain p, .wsTeaserSub p {
				margin: .5em 0 0;
			}
	.generalContent .wsCallOut {
		background-color: #eee;
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-radius: 8px;
		float: right;
		font-family: Georgia, serif;
		font-size: 2em;
		margin: 0 0 25px 25px;
		padding: 20px 25px;
		text-shadow: 1px 1px 1px #fff;
		width: 235px;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
	#learnElsewhere {
		float: left;
		width: 420px;
	}
	#otherSessions {
		float: right;
		width: 420px;
	}
	#learnElsewhere ul, #otherSessions ul {
		padding-left: 0;
	}
	#whatsNext {
		background-color: #dae9f2;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
		border-radius: 8px;
		font-family: Georgia, serif;
		font-size: 1.1em;
		margin: 30px 0;
		padding: 10px 30px;
		text-shadow: 1px 1px 1px #fff;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
/* ----------------------------------- */

/* Options (register now or get an email) */
#optionOne {
	float: left;
	margin: 0 0 0 40px;
	width: 290px;
}
#optionTwo {
	float: right;
	margin: 0 40px 0 0;
	width: 290px;
}
	#optionOne h3, #optionTwo h3,
	#optionOne h5, #optionTwo h5 {
		margin-bottom: 0;
		text-align: center;
	}
	#optionOne h5, #optionTwo h5 {
		font-size: 1.3em;
		font-weight: normal;
		margin-bottom: 1em;
		margin-top: 0;
	}
	.procMoreDetails {
		text-align: center;
	}
		.procMoreDetails a, .procMoreDetails a:visited {
			background-color: #fff;
			border: 4px solid #acd7e8;
			border-radius: 8px;
			color: #3a8cbf;
			display: block;
			font-weight: bold;
			margin-bottom: 5px;
			padding: 10px 10px 7px;
			text-transform: uppercase;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
		.procMoreDetails a:hover {
			background-color: #3c70a0;
			color: #fff;
			text-decoration: none;
			text-shadow: 1px 1px 2px #666;
		}
#optionOr {
	display: block;
	font-family: Georgia, serif;
	font-size: 3em;
	font-weight: bold;
	margin-top: 40px;
	text-align: center;
}
/* ----------------------------------- */

/* General content area(s) */
.generalContent {
	padding: 30px;
	width: 920px;
}
	.generalContent h1 {
		font-size: 2em;
		margin-top: 0;
	}
	.generalContent h3 {
		font-size: 1.7em;
		margin-bottom: 0;
	}
	.generalContent h4 {
		font-size: 1.5em;
		margin-bottom: 0;
	}
	.generalContent p {
		font-size: 1.4em;
		margin-top: .5em;
	}
	.generalContent .register {
		font-size: 1em;
	}
	.generalContent ul, .generalContent ol {
		font-size: 1.4em;
		margin: 1em 0;
		padding-left: 3em;
	}
		.generalContent ol h3 {
			font-size: 1.2em;
		}
		.generalContent ol p, .generalContent ol ol,
		.generalContent ul table, .generalContent ol table {
			font-size: 1em;
		}
	.generalContent table {
		border-left: 1px solid #ddd;
		border-top: 1px solid #ddd;
		font-size: 1.4em;
		margin-top: .25em;
	}
		.generalContent table th, .generalContent table td {
			border-bottom: 1px solid #ddd;
			border-right: 1px solid #ddd;
			padding: 6px 12px;
		}
		.generalContent table thead th {
			background-color: #333;
			color: #fff;
		}
		.generalContent table tbody tr:nth-of-type(2n+2) th,
		.generalContent table tbody tr:nth-of-type(2n+2) td {
			background-color: #e5e5e5;
		}
		.tdFee {
			text-align: right;
		}
	/*#tocOne, #tocTwo {
		float: left;
		margin-top: .25em;
		padding-left: 20px;
		width: 430px;
	}
	#tocOne {
		margin-right: 20px;
	}
#iPadLarge {
	float: right;
	margin: 0 0 0 50px;
}*/
/* ----------------------------------- */

/* Registration system */
#regSystem h3, #regSystemReview h3 {
	margin-bottom: .5em;
	margin-top: 1.5em;
}
#regSystem .regSystemNotice {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-radius: 8px;
	border-right: 1px solid #ddd;
	color: #000;
	margin: 1.5em 0;
	padding: .5em 2em .75em;
	text-shadow: 0 1px 1px rgba(255,255,255,.75);
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	#regSystem .regSystemNotice ul {
		list-style: disc;
		padding-left: 2em;
	}
#regSystem fieldset {
	border: none;
	padding: 0;
}
	#regSystem fieldset table, #regSystem fieldset table th, #regSystem fieldset table td {
		background-color: transparent;
		border: none;
	}
	#regSystem fieldset {
		background-color: #eee;
		border-bottom: 1px solid #ddd;
		border-radius: 8px;
		border-right: 1px solid #ddd;
		color: #000;
		margin-top: 30px;
		padding: .5em 0 .75em;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
	}
		#regSystem fieldset legend span {
			background-color: #fff;
			border: 1px solid #ddd;
			border-radius: 8px;
			font-size: 1.4em;
			font-weight: bold;
			left: 25px;
			padding: .5em 1em;
			position: relative;
			-moz-border-radius: 8px;
			-webkit-border-radius: 8px;
		}
	#regSystem dl, #regSystemReview dl {
		font-size: 1.4em;
	}
		#regSystem dl dt, #regSystemReview dl dt {
			float: left;
			font-weight: normal;
			margin-right: 10px;
			padding: 2px 0 1px;
			text-align: right;
			width: 14.25em;
		}
		#regSystemReview dl dt {
			padding: 0;
			width: 12em;
		}
		#regSystem dl dd, #regSystemReview dl dd {
			margin-bottom: 1em;
		}
			#regSystem dl dd em {
				font-size: .9em;
				color: #999;
			}
			#regSystem dl dd input,
			#regSystem #hhtext {
				border: 1px solid #ccc;
				color: #666;
				font-family: Helvetica, arial, sans-serif;
				font-size: 1.1em;
				margin: 0;
				padding: 2px;
				width: 16em;
			}
			#regSystem dl dd input#cccid {
				width: 40px;
			}
	#regSystem fieldset p {
		margin-left: 45px;
		margin-right: 45px;
		margin-top: 1.25em;
	}
/*
#regSystem .payment-type {
	background-color: #eee;
	border-bottom: 1px solid #ddd;
	border-radius: 8px;
	border-right: 1px solid #ddd;
	margin: 1.5em 0;
	padding: 1em 2em .75em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}
	#regSystem .payment-type dl dt {
		width: 9em;
	}
*/
#regSystem #email-options input {
	float: left;
}
#regSystem #email-options label {
	display: block;
	margin-left: 26px;
}
#regSystem ul {
	list-style: none;
	padding-left: 0;
}
#regSystem .helper {
	font-size: .9em;
	padding-left: 20px;
}
#proceedingsNext {
	margin-left: 208px;
	margin-top: 20px;
}
.editReg {
	font-size: .8em;
	margin-left: 2em;
}

/* We're hiding this one registration form element via CSS,
   because hiding it via a comment breaks the reg. system. */
#sessions-no-choice {display:none;}

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

/* Begin the Proceedings Materials page */
#proceedingsPackage {
	background-color: #eee;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	float: right;
	font-size: 1em;
	margin: 0 0 25px 25px;
	padding-left: 2em;
	padding-right: 2em;
	padding-top: 1em;
	width: 300px;
}
	#proceedingsPackage #sendByMail {
		display: none;
	}
.proceedingsItem {
	background-color: #fff;
	border-radius: 8px;
	box-shadow: 1px 1px 4px #ccc;
	clear: left;
	float: left;
	margin-bottom: 20px;
	padding: 10px 5px;
	width: 425px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 1px 1px 4px #ccc;
	-webkit-box-shadow: 1px 1px 4px #ccc;
}
.proceedingsItem.alt {
	clear: none;
	float: right;
}
.proceedingsItem .clearBoth {
	height: 0;
}
	.proceedingsItem .masterPhoto {
		float: left;
	}
	.proceedingsItem .proceedingsMaterials {
		margin-left: 90px;
	}
		.generalContent .proceedingsMaterials h4 {
			color: #666;
			font-size: 1.2em;
			margin: 0;
		}
		.proceedingsMaterials ul {
			list-style: none;
			margin: 0;
			padding: 0;
		}
			.proceedingsMaterials ul li {
				margin: .5em 0;
			}
			.proceedingsMaterials ul li.masterInfo {
				margin-bottom: .5em;
			}
			.proceedingsMaterials ul li.mp3, .proceedingsMaterials ul li.audio,
			.proceedingsMaterials ul li.pdf, .proceedingsMaterials ul li.learnMore,
			.proceedingsMaterials ul li.book {
				background: transparent url(../img/icon-save.png) no-repeat left center;
				font-size: .9em;
				padding-left: 22px;
			}
			.proceedingsMaterials ul li.audio {
				background-image: url(../img/icon-audio.png);
			}
			.proceedingsMaterials ul li.pdf {
				background-image: url(../img/icon-pdf.png);
			}
			.proceedingsMaterials ul li.learnMore {
				background-image: url(../img/icon-page-link.png);
			}
			.proceedingsMaterials ul li.book {
				background-image: url(../img/icon-book-link.png);
				background-position: 0 3px;
			}
				.proceedingsMaterials ul li.mp3 small {
					color: #999;
					font-size: .8em;
				}
/* End the Proceedings Materials page */

/* Session-choice elements */
#loginWrap {
	background-color: #eee;
	border-radius: 8px;
	box-shadow: 0 1px 3px #ccc;
	margin: 50px auto 300px;
	padding: 20px;
	width: 450px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-moz-box-shadow: 0 1px 3px #ccc;
	-webkit-box-shadow: 0 1px 3px #ccc;
}
	#login_notice {
		background-color: #fff;
		border-radius: 8px;
		box-shadow: 0 1px 3px #ccc;
		color: #888;
		display: none;
		padding: .75em 1.5em;
		text-align: center;
		-moz-border-radius: 8px;
		-webkit-border-radius: 8px;
		-moz-box-shadow: 0 1px 3px #ccc;
		-webkit-box-shadow: 0 1px 3px #ccc;
	}
	#sessionLogin dl {
		font-size: 1.4em;
	}
		#sessionLogin dl dt {
			float: left;
			font-weight: normal;
			margin-right: 10px;
			padding: 2px 0 1px;
			text-align: right;
			width: 130px;
		}
		#sessionLogin dl dd {
			margin-bottom: 1em;
		}
			#sessionLogin dl dd em {
				font-size: .9em;
				color: #999;
			}
			#sessionLogin dl dd .form_element {
				border: 1px solid #ccc;
				color: #666;
				font-family: Helvetica, arial, sans-serif;
				font-size: 1.2em;
				margin: 0;
				width: 16em;
			}
	#slSubmit, #slForgot {
		margin-left: 140px;
	}
	#slForgot {
		color: #777;
		font-size: 1.2em;
		font-style: italic;
		margin-top: 2em;
	}
#sessionSelect1 {
	float: left;
	margin: 40px 0px;
	width: 495px;
}
#sessionSelect2 {
	float: left;
	margin: 40px 0 40px 5px;
	width: 420px;
}
	#sessionSelect1 li input, #sessionSelect2 li input {
		clear: left;
		float: left;
		margin-bottom: .5em;
		position: relative;
		top: 1px;
	}
	#sessionSelect1 li span, #sessionSelect2 li span {
		float: left;
		margin-left: 5px;
		width: 450px;
	}
	#sessionSelect2 li span {
		width: 380px;
	}
	.sessionSelectLink {
		display: block;
		font-size: .9em;
		margin-bottom: 1em;
		margin-left: 26px;
	}
	#sessionForm h4 {
		margin: 0;
	}
	#sessionForm ul {
		list-style: none;
		margin: 1em 0 0;
		padding-left: 0;
	}
		#sessionForm ul label {
			cursor: pointer;
		}
	#submitWrap {
		margin: 0 0 100px;
		text-align: center;
	}
	#closedMessage {
		margin: 5px 0 0;
		text-align: center;
	}	
	.proceedingsIntro {
	font-size: 1.6em;
	line-height: 1.3;
	margin: 0 10% 1em 10%;
	padding-top: 0;	
	}
/* ----------------------------------- */

/* Body-bottom */
#bodyBottom {
	background: #fff url(../img/bg-body-bottom.jpg) no-repeat left bottom;
	padding: 12px 50px 87px;
}
	#bodyBottom h4 {
		color: #4c4c4c;
		font-size: 1.4em;
		font-weight: normal;
		margin: 0;
		text-align: center;
	}
	#sessionSelectPage #bodyBottom h4 {
		display: none;
	}
/* ----------------------------------- */

/* Footer */
#footer {
	position: relative;
	top: -40px;
}
	#footer #resourceCredit {
		float: right;
		text-align: right;
		width: 280px;
	}
	#footer p {
		color: #666;
		font-size: 1.2em;
		margin-top: 0;
	}
/* ----------------------------------- */

/* Begin mobile (iPad AND iPhone) */
@media screen and (max-device-width: 780px) {
	#materialsDay1, #materialsDay2, #materialsDay3 {
		margin-bottom: 200px;
	}
	.hideFromiOS {
		display: none;
	}
	#proceedingsPackage #download {
		display: none;
	}
	#proceedingsPackage #sendByMail {
		display: block;
	}
	.proceedingsMaterials ul li {
		margin: 15px 0;
	}
	.proceedingsMaterials ul li.mp3, .proceedingsMaterials ul li.pdf, .proceedingsMaterials ul li.learnMore {
		background-position: 0 12px;
	}
	.proceedingsMaterials ul li.audio {
		background-position: 0 0;
		display: none;
	}
		.proceedingsMaterials ul li a {
			display: block;
			font-size: 1.5em;
			padding: 5px 0;
		}
		.proceedingsMaterials ul li.book a {
			display: inline;
			font-size: 1em;
			padding: 0;
		}
		.proceedingsMaterials ul li.mp3 small {
			display: none;
		}
}
/* ----------------------------------- */

/* Begin mobile (iPhone ONLY) */
@media screen and (max-device-width: 480px) {
	#materialsDay1, #materialsDay2, #materialsDay3 {
		margin-bottom: 100px;
	}
}
/* ----------------------------------- */