/* Epocrates.com CSS: product tour */

	/* WARNING Do not edit or override these styles! The tour will break if you do. */
	div.slide  { visibility: hidden;}
	#slide0 {visibility: visible;}
	div#controls {position: absolute;}
	.handout {display: none;}
	/* end WARNING */

div.full { position: relative; }
*>html>body div.full { height: 50em; } /* ie5 mac */

/* slides */
div.presentation { 
	position: relative; 
	background: url(../img/products/tours/bg_slide.gif) 30px 0 no-repeat;
	height: 45em; 
	}
	#online { background: url(../img/products/tours/bg_slide_online.gif) 5px -10px no-repeat; }
div.slide { 
	position: absolute; 
	top: 35px; 
	width: 600px; 
	z-index: 130; 
	}
	#content h3 { 
	color: #444;
	}
	#content .slide h4 { 
	font-size: 1.5em;
	}
	.presentation>div.slide { top: 25px; }
	#online>div.slide { top: 0; }
	.slide img {
	position: absolute;
	top: 14px;
	left: 73px;
	border: none;
	margin: 0; 
	}
	.slide span { 
	position: absolute;
	top: 220px;
	left: 40px;
	margin: 0; 
	width: 250px;
	padding: 0;
	}
	#online .slide img {
	top: -18px;
	left: 34px;
	}
	#online .slide>img {
	top: 17px;
	}
	.slide>img {
	top: 25px;
	}
	.slide img#autoupdate, 
	.slide img#barber, 
	.slide img#getit {
	top: -30px;
	left: 30px;
	}
	#online .slide img#getit {
	left: 15px;
	}
	#content .presentation h3,
	#content .presentation h4,
	#content .presentation h5,
	#content .presentation p,
	#content .presentation ul,
	#content .presentation ol,
	#content .presentation dl { 
	position: relative; 
	left: 300px;
	width: 350px;
	}
	#content #online h3,
	#content #online h4,
	#content #online h5,
	#content #online p,
	#content #online ul,
	#content #online ol,
	#content #online dl { 
	position: relative; 
	left: 400px;
	width: 285px;
	}	
	#content #online ul li blockquote { font-size: 10px; line-height: 10px; margin: 5px 0 0 15px; } /* ff hack: [#content #online ul li ul] displaying way to the right */
	#content .presentation ol { 
	padding-left: 25px;
	zoom: 1;
	}	
	#content .presentation ul li ul { 
	left: 5px;
	}
		
/* -- */

/* slide controllers */
div.layout {
	position: absolute; 
	bottom: 200px; 
	left: 500px;
	color: #CCC;
	width: 200px;
	z-index: 201;
	}
	.full>div.layout { bottom: 100px; }
	#currentSlide {
	position: absolute;
	top: 10px;
	color: #666;
	font-size: 1em; 
	}
	*>html>body #currentSlide { display: none; } /* ie5 mac */
	#controls {
	text-align: right;
	top: 5px;
	}
	#controls a { 
	font-size: 2em;
	font-weight: bold; 
	padding: 0; 
	margin: 0 5px; 
	}
	div#controls form select {
	font-size: 10px;
	margin: 20px 0 0 0;
	width: ;
	}
/* -- */

/* purchase download links */
	.slide p a.button {
	display: block;
	width: 80px;
	}
/* -- */

/* purchase download mcme */
.slide div.downloader img {
	position: relative;
	top: 0;
	left: 0;
	float: none;
	border: none;
	margin: 0 10px 0 0; 
	}
	.downloader dl {
	float: none;
	}
	.downloader dt {
	float: left;
	} 
	.downloader dt img {
	display: inline;
	}
/* -- */