/* Force the Cisco.com template to a fixed width. */
	body#libra { width:902px; }
	* html body#libra { width:expression((documentElement.clientWidth>902)?"902px":"902px"); }
	
	/* Remove extra space around the center content area. */
	body#libra #framework-content-main { margin:5px 0px 0px 0px; }

	BODY {
		font-family: arial, verdana;
		font-size: .8em;
		color: #494949;
	}
	
	#content-container h1, 
	#content-container h2, 
	#content-container h3, 
	#content-container p, 
	#content-container UL
	{
		margin: 0px;
		padding: 0px;
	}
	
	#content-container {
		background-repeat: no-repeat;
		position: relative;
		width: 902px;
		height: 531px;
		background: url(/cdc_content_elements/humannetwork/hn3/images/home_bg.jpg) no-repeat;
		background-color: #83A4B6;
	}
	
	#human-network-home #content-container, #human-network-sports #content-container, #human-network-work #content-container {
		background-repeat: no-repeat;
		position: relative;
		width: 902px;
		height: 531px;
		background: url(/web/ES/humannetwork/images/home_bg_hne.jpg) no-repeat;
		background-color: #90B4C8;
	}
	
	#content-container #col1, #content-container #col2, #content-container #col3 {
		padding-top: 52px;
		float: left;
	} 
	
	#content-container #col1 {
		padding: 52px 35px 0px 33px;
		width: 170px;
	}
	
	#content-container #col2 {
		padding: 52px 5px 0px 0px;
	}
	
	#content-container UL {
		border-left: 1px solid #fff;
		padding-left: 9px;
		margin-top: 15px;
		margin-left: 2px;
		list-style: none
	}
	
	#content-container UL LI {
		padding: 6px 0px;
		color: #19485F;
		font-size: .85em;
		
	}	
	
	#content-container UL LI A {
		color: #19485F;
		text-decoration: none;
	}	
	
	UL LI#work {
		padding-bottom: 8px;
	}
	.floatLeft {
		float:left;
	}
	
	/* home page styles*/
	#home-video-box {
		position: relative;
		width: 354px;
		height: 221px; 
		overflow: hidden;
		background: url(/web/ES/humannetwork/images/home_video_box.jpg) no-repeat;
	}
	
	#home-video {
		position: absolute;
		width: 379px;
		height: 250px;
		overflow:hidden;
		top: 2px;
		left: 2px;
	}

	#jwFLVplayer {
		position: absolute;
		top: 0px;
		left: 0px;		
	}
	#home-video-entry {
		width: 354px;
		height: 148px;
		overflow: hidden;
		margin-left: 0px;
		background: url(/web/ES/humannetwork/images/home_video_entry_bg.jpg) no-repeat;
	}

	#home-video-entry P, #home-video-entry H2 {
		margin: 0px 21px;
	}
	
	#home-video-entry P {
		font-size: .9em;
		color: #696969;
		margin-top: 6px;
	}
	
	#home-video-entry H2 {	
		font-size: 1.5em;
		font-weight: normal;
		color: #2A6681;
		margin: 4px 21px 0px 21px;
	}
	
	.thumb-entry {
		color: #2A6681;
		font-size: .85em;
		position: relative;
		width: 155px;
		height: 85px;
		overflow: hidden;
		margin-bottom: 18px;
	}
	
	.thumb-entry H3 {
		font-weight: normal;
		font-size: 1.0em;
		position: absolute;
		bottom: 31px;
		left: 81px;
		color: #1a3241;
	}
	
	.thumb-entry P {
		position: absolute;
		top: 59px;
		left: 2px;
	}
	
	.thumb-photo {
		position: relative;
	}
	
	.thumb-photo .home-thumbnail {
		width: 70px;
		height: 46px;
		overflow: hidden;
		position: absolute;
		top: 2px;
		left: 2px;
	}

	.thumb-photo .thumb-clipping-mask {
		width: 77px;
		height: 56px;
		overflow: hidden;
		position: absolute;
		top: 0px;
		left: 0px;
	}
	
	/* category pages */
	
	#human-network-sports UL LI#sports A IMG,
	#human-network-work UL LI#work A IMG,
	#human-network-community UL LI#community A IMG,
	#human-network-entertainment UL LI#entertainment A IMG {
		visibility: hidden;
	}

	#human-network-sports UL LI#sports  { 
		background: url(/cdc_content_elements/humannetwork/hn3/images/sports_highlite.gif) no-repeat;
		margin-left: -4px;
	}

	#human-network-work UL LI#work  { 
		background: url(/cdc_content_elements/humannetwork/hn3/images/work_highlite.gif) no-repeat;
		margin-left: -4px;
	}

	#human-network-community UL LI#community  { 
		background: url(/cdc_content_elements/humannetwork/hn3/images/community_highlite.gif) no-repeat;
		margin-left: -4px;
	}

	#human-network-entertainment UL LI#entertainment  { 
		background: url(/cdc_content_elements/humannetwork/hn3/images/entertainment_highlite.gif) no-repeat;
		margin-left: -4px;
	}

	#human-network-sports #content-container #col1 {
		padding: 52px 45px 0px 33px;
	}			

	P#category-description {
		width: 460px;
		overflow: hidden;
		font-size: .95em;
	}
	
	#human-network-sports #content-container #col2, 
	#human-network-work #content-container #col2, 
	#human-network-community #content-container #col2, 
	#human-network-entertainment #content-container #col2 {
		padding: 47px 5px 0px 0px;
	}
	
	
	H2.category-title {
		font-size: 1.7em;
		font-weight: normal;
		color: #4C6E80;
	}
	
	p#category-description {
		margin: 7px 0px 12px 0px;
	}
	
	#thumbnail-slider {
		width: 525px;
		margin-left: -11px;
		position: relative;		
	}
	
	.large-thumb {
		position: relative;
		width: 183px;
		height: 130px;
		overflow: hidden;
		float: left;
		margin-right: -15px;
		margin-top: -10px;
	}
	
	.large-thumb .thumb {
		position: absolute;
		top: 15px;
		left: 15px;
		width: 154px;
		height: 101px;
		overflow: hidden;
		background: #000;
	}

	.large-thumb .thumb-caption {
		position: absolute;
		bottom: 14px;
		left: 14px;
		width: 135px;
		color: #3F5F72;
		background: #e1e1e1;
		padding: 6px 10px 5px 10px;
		font-size: .9em;
		line-height: 1em;
	}
	
	.large-thumb .clipping-mask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 183px;
		height: 130px;
		overflow:hidden;
	}
	
	#thumb-nav {
		position: relative;
		width: 501px;
		height: 25px;
		background: url(/cdc_content_elements/humannetwork/hn3/images/navbar-shadow.png) no-repeat;
		padding: 3px;
		margin-left: -3px;
		margin-top: 0px;
	}	

	#viewall, #displaying {
		position: absolute;
		bottom: -10px;
		font-size: .85em;
	}
	
	#viewall a, #viewall a:link, #viewall a:visited {
		color: #494949;
		text-decoration: none;
	}
	
	#viewall {
		left: -20px;
	}
	
	#displaying {
		right: -20px;
	}
	
	#human-network-videoplayer #slider {
	  width: 445px;
	  position: relative;
	  background-color: transparent;
	  margin-left: 33px;
	}

	#human-network-videoplayer .scroll {
	  width: 455px;
	  height: 122px;
      overflow: auto;
      overflow-x: hidden;
	  position: relative; /* fix for IE to respect overflow */
	  clear: left;
	  background-color: transparent;
	}
	
	#human-network-videoplayer .scrollContainer div.panel {
	  height: 122px;
	  width: 455px; /* change to 560px if not using JS to remove rh.scroll */
	  background-color: transparent;
	}	

	#human-network-videoplayer .scrollButtons {
	  position: absolute;
	  cursor: pointer;
	  top: 40px
	}
	
	#human-network-videoplayer .scrollButtons.left {
		left: -20px;
	}
	
	#human-network-videoplayer .scrollButtons.right {
		right: -20px;
	}	

	#human-network-sports #slider,
	#human-network-work #slider,
	#human-network-community #slider,
	#human-network-entertainment #slider {
	  width: 525px;
	  margin: 0;
	  margin-left: -11px;
	  position: relative;
	  background-color: transparent;
	}
	
	#human-network-sports .scroll,
	#human-network-work .scroll,
	#human-network-community .scroll,
	#human-network-entertainment .scroll {
	  height: 365px;
	  width: 525px;
      overflow: auto;
      overflow-x: hidden;
	  position: relative; /* fix for IE to respect overflow */
	  clear: left;
	  background-color: transparent;
	}
	
	#human-network-sports .scrollContainer div.panel,
	#human-network-work .scrollContainer div.panel,
	#human-network-community .scrollContainer div.panel,
	#human-network-entertainment .scrollContainer div.panel {
	  padding-top: 10px;
	  height: 350px;
	  width: 525px; /* change to 560px if not using JS to remove rh.scroll */
	  background-color: transparent;
	}	
	
	#human-network-sports .scrollButtons,
	#human-network-work .scrollButtons,
	#human-network-community .scrollButtons,
	#human-network-entertainment .scrollButtons {
	  cursor: pointer;
	}
	
	#human-network-sports .scrollButtons.left,
	#human-network-work .scrollButtons.left,
	#human-network-community .scrollButtons.left,
	#human-network-entertainment .scrollButtons.left {
		padding-left: 12px;
	}
	
	#human-network-sports .scrollButtons.right,
	#human-network-work .scrollButtons.right,
	#human-network-community .scrollButtons.right,
	#human-network-entertainment .scrollButtons.right {
	}	
	
	ul.navigation {
	    list-style: none;
	    margin: 0;
	    padding: 0;
		border: 0px !important;
		position: absolute;
		top: -25px;
		right: 16px;
		/*
		z-index: 1000;
		*/
	}
	
	ul.navigation li {
	    display: inline;
	    margin-right: 2px;
	}
	
	ul.navigation a {
	    padding: 3px;
	    background: url(/cdc_content_elements/humannetwork/hn3/images/circle.gif) no-repeat;
		background-position: 0px 6px;
	}	
	
	ul.navigation a.selected {
	    background: url(/cdc_content_elements/humannetwork/hn3/images/circle_on.gif) no-repeat;
		background-position: 0px 6px;
	}	
	
	ul.navigation a:focus {
	    outline: none;
	}	



		/*video player*/
	#videoplayer {
		position: relative;
		width: 535px;
		height: 229px;
		margin-left: -15px;
		background: url(/cdc_content_elements/humannetwork/hn3/images/video_player_box.jpg) no-repeat;
		overflow: hidden;
	}	
	
	#videoplayer-bottom {
		position: relative;
		width: 518px;
		height: 159px;
		margin-left: -5px;
		background: url(/cdc_content_elements/humannetwork/hn3/images/video_player_box_bottom.jpg) no-repeat;
		overflow: hidden;
	}
	
	#video {
		position: absolute;
		width: 369px;
		height: 220px;
		overflow: hidden;
		top: 3px;
		left: 3px;
		padding-left: 15px;
	}
	
	#videoInfo {
		position: absolute;
		top: 3px;
		left: 387px;
		width: 141px;
		height: 217px;
		overflow: hidden;
		background: #ebebeb url(/cdc_content_elements/humannetwork/hn3/images/related_bg.jpg) repeat-x;		
	}

	#videoInfo P {
		font-size: .85em;
	}
	
	#catgory-description {
		border-bottom: 1px solid #fff;
		padding-bottom: 10px;
	}

	#related-links {
		height: 151px;
		overflow: hidden;
		background: #ebebeb url(/cdc_content_elements/humannetwork/hn3/images/related_bg.jpg) repeat-x;
	}

	#catgory-description H3,
	#catgory-description P,	
	#related-links H3 {
		margin: 10px 0px 0px 10px;
		color: #7896A8;
	}

	#videoplayer-bottom H3 {
		margin-left: 10px;
		color: #7896A8;
	}

	#related-links A, #related-links A:link ,#related-links A:visited {
		color: #7896A8;
		margin: 0px 0px 0px 10px;
		font-size: .85em;
		display:block;
		text-decoration:none;
	}
		
	#videoplayer-bottom H3,
	#catgory-description H3,
	#related-links H3 {
		color: #3E647B;
		font-size: .9em;
		font-weight:normal;
	}

	#catgory-description P,	
	#related-links P {
		margin-top: 0px;
	}

	.medium-thumb {
		float: left;
		position: relative;
		width: 97px;
		height: 116px;
		overflow: hidden;
		margin: 5px 7px 15px 7px;
	}

	.medium-thumb .thumb {
		position: absolute;
		top: 2px;
		left: 2px;
		width: 94px;
		height: 63px;
		overflow: hidden;
	}

	.medium-thumb .clipping-mask {
		position: absolute;
		top: 0px;
		left: 0px;
		width: 97px;
		height: 67px;
		overflow: hidden;
	}

	.medium-thumb .thumb-title {
		position: absolute;
		top: 70px;
		left: 0px;
		width: 96px;
		height: 40px;
		overflow: hidden;
		text-align: center;
		color: #648091;
		font-size: .8em;
	}
	.learnmore{
		color:#666666;
		font-weight:bold;
		font-size:14px;
		padding-top:25px;
	}

.thumbContainer  .thumbHeader{
	vertical-align:middle
	text-align:left;
}	
.thumbContainer  .thumbHeader H3{
	font-weight: bold;
	font-size:.85em;
	color: #1a3241;
}
.thumbContainer .thumbDescription{
	padding-bottom:13px;
}
.thumbContainer .thumbDescription p{
	color:#454545;
	font-size:.85em;
}