/* CSS for 4checks home page rotations - Created December 30, 2009
------------------------------------------------------------------*/   

/** Container Styles **/
#rotations {
	background:transparent url(/Portals/4checks/Skins/4checks/images/global/subsubheader-bgleft.gif) no-repeat left top;
	}
	#rotations .subheader-arrow { z-index:100; }
	#rotations .sub-header { background:transparent url(/Portals/4checks/Skins/4checks/images/global/rotsubheader-bgright.gif) no-repeat right top; margin-right:-5px; }
	#rotations .sub-header span { margin:0 2px 0 10px; padding:10px 0 0 10px; background:transparent; text-align:left; font-size:16px; font-weight:bold; line-height:22px; }
#rotations-header { display:none; }
#rotations-footer { /* hides DNN footer in View (regular) mode while allowing edit buttons to be visible in Edit mode */
	height:1px; 
	position:relative; 
	top:-20px; 
	}

#rotations-content .column-footer-right { margin-right:0; }
#endcap {
	display:block;
	width:15px;
	height:32px;
	position:absolute;
	top:0;
	right:-8px;
	z-index:15;
	}

/** Rotations Styles **/
#feature-rotations {
	width:465px;
	padding-left:7px;
	height:189px;
	margin:0 auto 15px;
	position:relative;
	background:transparent;
	}
		
	/* Rotation Control Panel Styles 
	-------------------------------- */
	#controls {
		width:438px;
		height:22px;
		background:transparent;
		position:absolute;
		top:5px;
		left:26px;
		z-index:10;
		}
		
		/* Pause / Play Button */		
		#pause, #play {
			display:block;
			position:absolute;
			width:10px;
			height:11px;
			top:12px;
			left:12px;
			z-index:11;
			cursor:pointer;
			}
									
		#pause { background:transparent url(images/feature-pause.png) bottom no-repeat; }
		#play { background:transparent url(images/feature-play.png) bottom no-repeat; }
					
		/* Feature Buttons */
		#controls a {
			display:block;
			float:left;
			margin-left:2px;
			height:22px;
			text-indent:-9999px;
			cursor:pointer;
			}
		#controls a:focus { outline:none; }
		
			a.rotation-1-button {
				width:135px;
				background:transparent url(images/feature-1-button.png) center no-repeat;
				}
			a.rotation-2-button {
				width:147px;
				background:transparent url(images/feature-2-button.png) center no-repeat;
				}
			a.rotation-3-button {
				width:148px;
				background:transparent url(images/feature-3-button.png) center no-repeat;
				}
			
		/* Hover / Active / Focus States */
		#pause:hover, #play:hover { background-position:top; }
		
		#controls a.activeSlide { background-position:top; }
		
		#controls a:hover { background-position:bottom; }
		
		#controls a:hover.activeSlide { background-position:top; cursor:default; }
		
		#feature-rotations ul a:focus, #controls a:focus, #pause:focus, #play:focus { outline:none; }
	/* --------------------------------
	End Rotation Control Panel Styles */
	
	/* Begin Rotating Feature Styles 
	-------------------------------- */
	#feature-rotations ul { background:transparent; }
	#feature-rotations ul li { position:absolute; width:100%; height:189px; }
	
	*:first-child+html #feature-rotations ul li { background:url(images/ie7bugfixbg.gif) repeat-x; }
					
		a.feature {
			display:block;
			width:458px;
			height:189px;
			text-indent:-9999px;
			position:absolute;
			top:0;
			background:transparent;
			}
						
		#feature-1 a { background:transparent url(images/feature-1.png) left bottom no-repeat; }
		#feature-2 a { background:transparent url(images/feature-2.png) left bottom no-repeat; }
		#feature-3 a { background:transparent url(images/feature-3.png) left bottom no-repeat; }
				
		#feature-1 a:hover, #feature-2 a:hover, #feature-3 a:hover { background-position:top; }

		/* PNG Fixes 
		body{behavior: url(/csshover3.htc);}*/
		body {behavior: url(/csshover3.htc); } 
		#feature-1 a, #feature-2 a, #feature-3 a, #pause, #play {behavior:url(/iepngfix.htc);}
		a.rotation-1-button, a.rotation-2-button, a.rotation-3-button{behavior:url(/iepngfix.htc);}
		
	/* ---------------------------
	End Rotating Feature Styles */