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

	ESPN Deportes
 	file: global.css
 	Description: defines styles for layout, as well as styles for
 	all header and footer styles.

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


/* Import all globally 
	used style sheets */
@import url("base.css");
@import url("master.css");
@import url("../3pty/fancybox/jquery.fancybox-1.3.1.css");


/*	Group: Main Containers
------------------------------------------*/
#ctl00_divMain  {
	width: 960px;
	margin: 0 auto;
    background-repeat:no-repeat;
}

/* Primary Column */
#primary {
	width: 627px;
	padding: 60px 0 0 20px;
	float: left;
	min-height: 663px;
	height: auto !important;
    height: 663px;
}
	#primary h2 { font-size: 14px }
	#primary p { width: 515px; margin-bottom: 15px; }
	#primary .video { padding-left: 18px; }
	    #primary a.video { padding-left: 0; }/* do not apply to links */
	#primary .tabbed-content { display: none; clear: both; }	
	#primary .tabbed-content ul li { list-style-type:square;margin-left:12px; }
	#primary .tabbed-content ul.marketing-materials li { list-style-type:none;margin-left:0; }
	#primary .intro {
		font-size: 18px;
		font-weight: bold;
		width: 466px;
		line-height: 24px;
		margin-bottom: 0;
	}

	/* Intro Divider */
	#primary .divider  {
		background: url("../img/structure/related-module.png") repeat-x 0 0; 
		padding: 20px 0 0 10px; 
		margin-left: -10px; 
		margin-top: 20px;
	}
		#primary .divider .media { float: left; margin-right: 20px; }
		#primary .divider p { width: auto; }
		#primary .divider p.media-summary {width:435px;float:left;}
		
/* Secondary Column */
.secondary {
	float: right;
	width: 280px;
	padding: 51px 10px 0 0;
}

/*	Group: Home Container
------------------------------------------*/
.home #ctl00_divMain { background: url("../img/bgs/home/1.jpg") no-repeat; }
.home #footer { top: -43px; }

.home-container  {
	height: 545px; 
	position: relative; 
	}
	.home-container .video-play,
	.home-container .video-play:hover {
		height: 60px; width: 60px;
		background: url("../img/icons/video-play.png") no-repeat;
		position: absolute;
		top: 322px;
		right: 52px;
		text-indent: -9999px;
		outline: none;
	}
	.home-container .video-play { background-position: 0 0; visibility:hidden; }
	.home-container .video-play:hover { background-position: 0 -60px; }
	
/* Current Opportunities Expandable Container */
.current-opps  {
	position: absolute; 
	top: 91px; left: 0px; 
	border-left: 1px solid #373634; /*old red border:#FF2A0E;*/
	border-top: 1px solid #373634;
	border-right: 1px solid #373634;
	border-bottom: 1px solid #373634;
	padding: 12px 25px 0 1px;
	background: url("../img/structure/related-module.png");
    visibility:hidden;
	}
	.current-opps h2 {
		padding-bottom: 8px;
	}	
	.current-opps .opportunity {
		padding: 5px 10px 7px 10px;
		background:url("../img/structure/current-opps-p.png");
		width: 459px;
		margin: 5px 0 15px 21px;
		display: none;	
	}
		.current-opps .opportunity a {
			display: block;
			font-weight: bold;
			text-transform: uppercase;
			outline: none;
			font-size: 14px;
		}
	
	/* Expand Arrows */
	.expand, 
	.expand-active {
		background: url("../img/icons/expand-arrow.gif") no-repeat;
		font-size: 18px;
		color: #fff;
		text-transform: none;
		font-weight: normal;
		margin-left: 8px;
		padding-left:25px;
		outline: none;
		line-height: 19px;
		display: inline-block;
	}
	.expand:hover, 
	.expand-active:hover { color: #fff; }
	
	.expand { background-position: left top }
	.expand-active { background-position: left -39px;  }
		

/*	Group: Landing Page
------------------------------------------*/
.landing #footer .links { bottom: 48px; }
.landing #primaryNav a { font-size: 11px; color: #fff; text-transform: lowercase; }
.landing #primaryNav a:hover { color: #ccc; }
.landing #primaryNav li { margin-left: 12px; }
#ctl00_divMain.landing { background: url("../img/bgs/home/1.jpg") no-repeat; }

.landingVideoWrapper {
    width:100%;
    height:100%;
    z-index:1000;
    position:absolute;
    top:0;
    left:0;
    background: rgba(69,69,69, 0.95);
	/*background:url("../img/structure/landing-video-bg.png"); */
	
    *height:expression(document.documentElement.clientHeight + "px");/*ie6 hack*/
	/*hsla for IE*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2454545,endColorstr=#F2454545)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#F2454545,endColorstr=#F2454545);   /* IE6 & 7 */
	zoom: 1;
}

.landingVideo {
    width:860px;
    position:relative;
    z-index:1001;
    top:84px;
    left:50%;
    margin-left:-430px;
}
.escape {
    height:30px;
    line-height:30px;
    padding:0 8px;
    font-weight:bold;
    color:Black;
    position:absolute;
    background:red;
    cursor:pointer;
    left:50%;
    margin-left:141px;
    top:191px;
}
.landingVideo .escape {
    top:-14px;
    left:50%;
    margin-left:422px;
    display:none;
    height:24px;
    width:25px;
    background:url("../img/structure/video-close.gif") no-repeat top left;
}

.flash-container {
	width: 860px;
	margin: 31px auto 130px auto;
}
	
	
/*	Group: Carousel
------------------------------------------*/
.carousel-main  {
	position: absolute; 
	top: 485px;  
	margin-left: 17px;
	border-top: 16px solid #000; 
	border-bottom: 1px solid #000; 
	border-left: 1px solid #000; 
	border-right: 4px solid #000; 
	z-index: 5;
    visibility:hidden;
}
		
.carousel { padding-left: 10px; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 910.8px; }
	.carousel ul {margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 3060px; left: -910.8px;}
	.carousel img { display: block; }
	.carousel a:hover { border-color: #FF2A0E; color: #ccc; } 
	.carousel li { float: left; position: relative;overflow: hidden; float: left; width: 180px; height: 126px; }
	.carousel a {
		border: 3px solid #000; 
		float: left; 
		color: #ccc; 
		font-weight: bold; 
		text-transform: uppercase;
		font-size: 11px;
	}
	.carousel span  {
		position: absolute; 
		top: 85px; left: 0; 
		display: block;
		padding: 5px 5px 2px 5px;
		margin: 0 3px;
		background:url("../img/structure/case-study-bg.png");
		width: 164px;
		line-height:1.5em;
		max-height:40px;
	}	        
	.carousel-main .previous, 
	.carousel-main .next {
		position: absolute;
		top: 48px;
		border: 0;
		z-index: 5;
	}	                
	.carousel-main .previous { left: -8px; }
	.carousel-main .next { right: -8px; }

/* Carousel Small */
.carousel-sm-main  {
	margin-top: 16px; 
    position: relative; 
    margin-left: 18px;
    float: left;
    display: inline;
    position: relative;
}
 
.carousel-sm {visibility: visible; overflow: hidden; position: relative; z-index: 2; left: 0px; width: 570px;}
.carousel-sm ul {margin: 0pt; padding: 0pt; position: relative; list-style-type: none; z-index: 1; width: 1805px; left: -570px;}
.carousel-sm li { float: left; border-top: 1px solid #000; border-bottom: 1px solid #000; overflow: hidden; float: left; width: 95px; height: 66px;}
.carousel-sm a  { border: 1px solid #000; display: block; }
.carousel-sm a:hover { border: 1px solid #FF2A0D; }
.carousel-sm img { display: block; }

.carousel-sm-main .previous, 
.carousel-sm-main .next {
	position: absolute;
	top: 18px;
	border: 0;
	z-index: 5;
}
.carousel-sm-main .previous { left: -14px; }
.carousel-sm-main .next { right: -14px; }

.carousel-sm-main .previous:hover, 
.carousel-sm-main .next:hover { border: 0; }
	

/*	Group: Listings
------------------------------------------*/
.listing {
	width: 640px;
	background: url("../img/structure/related-module.png") repeat-x 0 bottom; 
	margin: 15px 0 0 -10px;
	float: left;
	display: inline;
}
	.listing li {
		background:url("../img/structure/related-module.png") repeat-x 0 top;
		clear:both;
		float:left;
		padding:20px 5px 20px 180px;
		position:relative;
		width:455px;
		min-height: 200px;
		height: auto !important;
		height: 200px;
	}
	.listing li.shorter,
	.shorter li {
		min-height: 92px;
		height: auto !important;
		height: 92px;
	}
	.listing ul 
	{
		width: auto;
		background: none;
		margin: 0 0 0 0px;
		float: none;
		display: block;
	}
		.listing ul li 
		{
			float:none;
			list-style-type:none;
			width:455px;
			padding:0px 0px 0px 15px;
			background: url("../img/structure/list_bullet.gif") left 8px no-repeat;
			clear: none;
			position: static;
			width: auto;
			height: auto;
			min-height: 0;
			margin-bottom: 10px;
		}
			.listing ul li ul li { margin-bottom: 0; }
	
	.listing .image {
		display:inline-block;
		left:4px;
		position:absolute;
		width: 159px;
	}	
	
	#primary .listing p  {
		width: auto; 
		margin-bottom: 0; 
	}	
	.listing .name {
		position: absolute;
		top: 62px;
		left: 0px;
		width: 149px;
		font-size: 12px;
		font-weight: bold;
		line-height: 16px;
		text-transform: uppercase;
		padding: 2px 5px;
		background: url("../img/structure/case-study-bg.png");
	}
	
	/* Listing Detail Pages */
	.listing.detail { margin-top: 0; background: none; }
	#primary .listing.detail p { margin-bottom: 15px; }
	
	/* Listing Downloads Page */
	.listing.downloads li { padding: 19px 5px; width: 630px; min-height: 0; height: 0; height: auto !important; }
	
	/* Listing Media Page */
	.listing.media a.icons { margin-top: 28px; }
	
	
/*	Group: Media Icons
------------------------------------------*/
a.icons {
	background: url("../img/icons/media.png") no-repeat;
	text-transform: uppercase; 
	font-weight: bold;
	display: inline-block;
	float: left;
}

a.tv { background-position: 0 0; padding-left: 34px; line-height: 22px; }
a.radio { background-position: 0 -22px; padding-left: 24px; line-height: 24px; }
a.digital, a.online { background-position: 0 -83px; padding-left: 33px; line-height: 15px; }
a.la-revista { background-position: 0 -46px; padding-left: 20px; line-height: 17px; }
a.en-vivo { background-position: 0 -65px; padding-left: 23px; line-height: 17px; }
a.mobile { background-position: 0 -83px; padding-left: 33px; line-height: 15px; }

/* Detail Page Icons */
h2.icons { background: url("../img/icons/media.png") no-repeat; margin-bottom: 8px; display: inline-block; }

h2.tv-gray { background-position: 0 -98px; padding-left: 34px; line-height: 23px; }
h2.radio-gray { background-position: 0 -121px; padding-left: 24px; line-height: 24px; }
h2.online-gray { background-position: 0 -182px; padding-left: 33px; line-height: 15px; }
h2.la-revista-gray { background-position: 0 -145px; padding-left: 20px; line-height: 17px; }
h2.en-vivo-gray { background-position: 0 -164px; padding-left: 23px; line-height: 17px; }
h2.mobile-gray { background-position: 0 -182px; padding-left: 33px; line-height: 15px; }


/*	Group: Modules
------------------------------------------*/
.module {
	padding: 0 8px;
	border: 1px solid #373634;
	background: url("../img/structure/related-module.png");
	margin-bottom: 9px;
}
	.module h2 {
		margin-bottom: 0;
		padding: 13px 8px 11px 8px;
		margin: 0 -9px;
		border-bottom: 1px solid #373634;
		background: url("../img/structure/related-module.png");
	}	
		.module h2 span {
			text-transform: none;
			display: block;
			font-size: 13px;
			margin-top: 3px;
		}
		
/* map view */
.map { display: none; }
	.map .map-img  {
		margin: 25px 0; 
		background: url("../img/map-view/map-view.png") no-repeat 100px 20px;
		position: relative;
		height: 318px;
		font-size: 11px;
	}
	.map .close  {
		position: absolute; 
		top: 12px; left: 12px; 
		cursor: pointer; 
	}
	.map .west {
		position: absolute;
		top: 11px;
		left: 140px;
		background: url("../img/map-view/west.png") no-repeat right 9px;
		text-align: right;
		padding: 0 34px 0 0;
	}
	.map .central {
		position: absolute;
		bottom: 24px;
		left: 192px;
		background: url("../img/map-view/central.png") no-repeat 55px 0;
		padding: 40px 0 0 0;
	}	
	.map .northeast {
		position: absolute;
		top: 100px;
		right: 90px;
		background: url("../img/map-view/northeast.png") no-repeat 0 6px;
		padding: 0 0 0 34px;
	}	
	.map .southeast {
		position: absolute;
		top: 242px;
		right: 119px;
		background: url("../img/map-view/southeast.png") no-repeat 0 0;
		padding: 20px 0 0 40px;
	}

.module-expand {
	float: right;
	width: 622px;
	text-align: right;
	position: relative;
	background: url("../img/structure/related-module-expand.png");
}
	.module-expand h2 { padding-right: 20px; }
	
	.module-expand .views {
		float: right;
		border-left: 1px solid #373634;
	}
	
	/* Views */
	.module .views  {
		margin: 0 -8px; 
		height: 30px; 
	}	
		.module .views li  {
			float: left; 
			text-align: center;
			border-right: 1px solid #373634;
			border-bottom: 1px solid #373634; 
			text-transform: uppercase;
			font-weight: bold;
			display: inline-block;
			font-size: 12px;
			height: 30px;
		}		
		.module .views a {
			color: #999; 
			display: inline-block;
			height: 30px;
			line-height: 30px;
			width: 100px; 
			outline: none;
		}		
		.module .views a:hover { color: #666; }
		.module .views .empty { width: 76px; border-right: 0; }
		.module .views .active { border-bottom: 0; }
		.module .views .active a,
		.module .views .active a:hover { color: #FF2A0D; }
	
	/* Contact */
	.module .contact  {
		font-size: 11px; 
		clear: both; 
		padding-top: 4px; 
		display: block;  
	}
		.module .contact li  {
			padding: 8px 90px 7px 0; 
			border-top: 1px solid #393634; 
			position: relative; 
			width: 171px; 
		}
		.module .contact .first { border: 0; }
		.module .contact .number { position: absolute; right: 0; bottom: 7px; }
		.module .contact .email { position: absolute; right: 18px; bottom: 7px; }
		
	/* Case Studies */
	.module .other-case-studies { margin: 8px 0; }
		.module .other-case-studies li { margin-top: 21px; padding-left: 9px; }
		.module .other-case-studies img, 
		.module .other-case-studies a { display: block; margin: 10px 0; }
		
		.other-media-items img { width: 125px; height: auto; }

	/* Download Module */	
	.download {
		top: auto;
     /* border-left: #FF2A0E solid 4px; */
		padding: 10px 0;
		position: relative;
		zoom: 1;
	}
		.download .latest-doc {
			position:relative;
			z-index:10;
			line-height: 18px;
			padding-left: 83px;
			line-height: 19px;
			font-weight: bold;
			color: #ccc;
			font-size: 15px;
			text-transform: uppercase;
			display: block;
			background: url("../img/icons/download-icon.png") 41px 1px no-repeat;
		}		
		.download a.latest-doc:hover { color: #999; }
		.download .expanddownload  {
			text-indent: -9999px;
			position: absolute;
			top: 18px;
			left: 8px;
			height: 19px;
			width: 17px;
			background: url("../img/icons/expand-arrow.gif");
			z-index:1;
			}
			
			
/*	Group: Secondary Nav
------------------------------------------*/
.secondary-nav  {
	margin: 19px 0 23px -10px; 
	position: relative;
	display: inline;
	border-top: 1px solid #1A1A1A;
	border-left: 1px solid #1A1A1A; 
	text-transform: uppercase;
	font-weight: bold;
	font-size: 12px;
	float: left;
	clear:both;
}
	.secondary-nav li { float: left; }
	.secondary-nav a {
		display: inline-block;
		height: 24px;
		padding: 11px 11px 0 11px;
		border-right: 1px solid #1A1A1A;
		color: #999;
		outline: none;
	}	
	.secondary-nav a:hover { color: #666; }
	.secondary-nav .active,
	.secondary-nav .active:hover { color: #FF2A0C; cursor: default; }
	
	
/*	Group: Case Studies Detail
------------------------------------------*/
/* Marketing Materials */
.marketing-materials  {
	padding: 18px 0 0 20px; 
	width: 515px; 
}
	.marketing-materials li { margin-bottom: 16px; }
	.marketing-materials h3 { margin-bottom: 8px; }
	.marketing-materials a  {
		display: inline-block; 
	    margin-right: 6px; 
	    margin-bottom: 7px; 
	    border: 1px solid #666; 
	}


/*	Group: Intel
------------------------------------------*/
.intel-chart { margin-top: 6px; }

/* Pagination */
.pagination  {
	margin-top: 38px; 
	height: 30px; 
	float: left; 
}
	#primary .tabbed-content .pagination li  {
		text-align: center;  
		float: left; 
		height: 30px;
		list-style-type: none;
		margin: 0;
	}
	.pagination a  {
		display: inline-block; 
		text-decoration: underline; 
		color: #999; 
		width: 15px;
		line-height: 34px; 
	}	
	.pagination a:hover { color: #666; }
	.pagination .active,
	.pagination .active:hover { color: #FF2A0C; cursor: default; }
	
	/* Previous - Next Buttons */
	#ctl00_divMain .previous,
	#ctl00_divMain .next  {
		background: url("../img/icons/prev-next.png") no-repeat;
		text-indent: -9999px;
		width: 30px; height: 30px;
		display: block;
		line-height: normal;
		outline: 0;	 
		}
	#ctl00_divMain .previous { background-position: 0 0; margin-right: 5px; }
	#ctl00_divMain .next { background-position: 0 -30px; margin-left: 5px; }
		
	#ctl00_divMain .previous:hover  { background-position: 0 -60px; }
	#ctl00_divMain .next:hover  { background-position: 0 -90px; }


/*  Group: Contact Us Content
---------------------------------------------*/

.contact-table {
}
	.contact-table th {
		text-align:left;
		background:url("../img/structure/related-module.png") repeat-x scroll 0 bottom transparent;
		padding-bottom:8px;
	}
	.contact-table td {
		background:url("../img/structure/related-module.png") repeat-x scroll 0 bottom transparent;
		height:30px;
		vertical-align:middle;
		padding:8px 8px 8px 0;
	}
	.contact-table .title {
		width: 120px;
	}
	.contact-table .phone {
	    width: 100px;
	}


/* Group: Site Map
-------------------------------------------*/
.CMSSiteMapLink  {
	text-transform: uppercase; 
	font-size: 12px; 
	font-weight: bold; 
}
.CMSSiteMapList li {
    font-size:17px;
    margin-bottom:15px;
    width: 160px;
    float: left;
    margin-right: 49px;
}
.CMSSiteMapList ul li {
    font-size:12px;
    margin:5px 0 5px 0px;
    width: auto;
    float: none;
}
.CMSSiteMapList ul li a {
    font-weight: normal;
}

/*  Group: Video Archive
------------------------------------*/

#VideoWrapper {
    min-height:400px;
    height:auto !important;
    height:400px;
    width:627px;
}
#VideoContainer {
    margin-left:50px;
}