/***********************************************
	 *
	 *		AOE Feature Rotator
	 *
	 **********************************************/
		
		/******************************
		 *	@imports
		 *****************************/
		 
			/* nothing */
			
		 /*****************************
		  *	Global Styles
		  ****************************/
			
			.topStory 
			{ 
				text-align: left;
				width: 640px; 
			}
		  			
				.topStory h1 
				{ 
					font-size: 2.4em; 
					line-height: 1.0em; 
					padding-bottom: 5px;
				}
			
				.topStory h2 
				{ 
					font-size: 1.5em; 
					line-height: 1.1em;
				}
			
				.topStory h3 
				{ 
					font-size: 0.7em; 
					font-weight: bold;
					height: 15px;
					overflow: hidden; 
					text-align: right; 
					text-transform: uppercase;
				}
				
				.topStory p { font-size: 0.8em;}
				
				.topStory a:active,
				.topStory a:link,
				.topStory a:visited
				{ 
					color: #fff;
					text-decoration: none;
				}
				 
				.topStory a:hover { text-decoration: underline; }
				 
				.topStory h1 a:hover { text-decoration: none; }
				
				.topStory h2 a:hover { text-decoration: none; }

				
				.topStory .lightBackground
				{ 
					color: #000000;
				}
				
					.topStory .lightBackground .bullet li
						{
							overflow: hidden;
							white-space:nowrap;
							width: 210px;
						}
			
				.topStory .darkBackground
				{ 
					color: #FFFFFF;
				}
					
					.topStory .darkBackground .whiteBullet
					{
						*padding-left: 17px;
					}
				
						.topStory .darkBackground .whiteBullet li
						{
							background: url("http://nursing.advanceweb.com/sharedresources/Graphics/feature_rotator/white_bullet.gif") no-repeat scroll left 5px transparent;
							overflow: hidden;
							white-space:nowrap;
							width: 210px;
						}
						
						
						.topStory .darkBackground .whiteBullet li a
						{
							overflow: hidden;
							white-space:nowrap;
							width: 680px;
						}

			
		 /*****************************
		  *	Specific Styles
		  ****************************/
		  
			.CarouseOutside { text-align: left; }
		  
			/***************************
			 *	feature Rotator Controls
			 **************************/
			 
				.topStory .navButtons
				{
					background: #6b7c84;
					height: 22px;
					text-align: center;
					width: 100%;
					padding: 3px 0 0 0;
				}
				
					.navButtons 
					{
						
					}
				
					.topStory .prevButton
					{
						background: transparent url(http://advanceweb.com/sharedresources/Graphics/feature_rotator/white_btnPrev.jpg) no-repeat 0 0;
						color: transparent;
						*color: #E4E4DC;
						padding: 0px 20px;
						height: 25px;
					}
					
					.topStory .pauseButton
					{
						background: transparent url(http://advanceweb.com/sharedresources/Graphics/feature_rotator/white_btnPause.jpg) no-repeat 0 0;
						color: transparent;
						*color: #E4E4DC;
						padding: 0px 20px;
						height: 25px;
					}
					
					.topStory .playButton
					{
						background: transparent url(http://advanceweb.com/sharedresources/Graphics/feature_rotator/white_btnPlay.jpg) no-repeat 0 0;
						color: transparent;
						*color: #E4E4DC;
						padding: 0px 20px;
						height: 25px;
					}
					
					.topStory .nextButton
					{
						background: transparent url(http://advanceweb.com/sharedresources/Graphics/feature_rotator/white_btnNext.jpg) no-repeat 0 0;
						color: transparent;
						*color: #E4E4DC;
						padding: 0px 20px;
						height: 25px;
					}
			 
			/***************************
			 *	feature Rotator Content
			 **************************/
			 

				/************ IMAGE ONLY TEMPLATES ***********************/

				.topStory .imageOnlyTemplates
				{
					background-color: #666666;
					background-position: center;
					background-repeat: no-repeat;
					height: 220px;
					*cursor: pointer;
					width: 640px;
				}

					.topStory .imageOnlyTemplates a:active,
					.topStory .imageOnlyTemplates a:link,
					.topStory .imageOnlyTemplates a:visited
					{
						display: block;
						height: 220px;
						width: 640px;
					}


				/************ MULTIPLE LINK TEMPLATES ***********************/
				
				.topStory .multipleLinkTemplates
				{
					height: 220px;
					width: 640px;
				}
				
				.topStory .multipleLinkTemplates .leftColumn 
				{ 
					float: left;
					padding: 10px 10px 10px 15px;
					_padding-bottom: 8px;
					height: 200px;
					width: 295px;
				}

					.topStory .multipleLinkTemplates .leftColumn .main_link a:active,
					.topStory .multipleLinkTemplates .leftColumn .main_link a:link,
					.topStory .multipleLinkTemplates .leftColumn .main_link a:visited
					{
						display: block;
						padding: 70px 10px;
					}

					.topStory .multipleLinkTemplates .leftColumn .main_link a:hover
					{
						text-decoration: none;
					}
				
				.topStory .multipleLinkTemplates .rightColumn
				{ 
					float: left;
					height: 220px;
					*cursor: pointer;
					width: 320px;
				}

					.topStory .multipleLinkTemplates .rightColumn a:active,
					.topStory .multipleLinkTemplates .rightColumn a:link,
					.topStory .multipleLinkTemplates .rightColumn a:visited
					{
						display: block;
						height: 195px;
					}

				.topStory .multipleLinkTemplates h1 
				{ 
					margin: 10px 0px 2px 0px;
					height: expression( this.scrollHeight > 80 ? "80px" : "auto" );
					max-height: 80px;
					overflow: hidden;
				}
				
				.topStory .multipleLinkTemplates h2 
				{ 
					margin: 10px 0px 4px 0px;
					height: expression( this.scrollHeight > 80 ? "82px" : "auto" );
					max-height: 80px;
					overflow: hidden;
				} 
				
				.topStory .multipleLinkTemplates p
				{
					margin: 0px 0px 3px 0px;
					height: 35px;
					overflow: hidden;
				}

				.topStory .multipleLinkTemplates .bullet
				{
					padding-left: 15px;
				}
				
				.topStory .multipleLinkTemplates.lightBackground h3
				{
					color:#333333;
				}
				
				.topStory .multipleLinkTemplates.darkBackground h1 a:active,
				.topStory .multipleLinkTemplates.darkBackground h1 a:link,
				.topStory .multipleLinkTemplates.darkBackground h1 a:visited
				{
					color:#FFFFFF;
				}
				
				.topStory .multipleLinkTemplates.darkBackground h3
				{
					color:#FFFFFF;
				}
				
				.topStory .multipleLinkTemplates.darkBackground a:active,
				.topStory .multipleLinkTemplates.darkBackground a:link,
				.topStory .multipleLinkTemplates.darkBackground a:visited
				{
					color:#FFFFFF;
				}