﻿@font-face {
    font-family: 'gotham-bold';
    src: url('/Style Library/fonts/gothmbol-webfont.eot');
    src: url('/Style Library/fonts/gothmbol-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/gothmbol-webfont.woff') format('woff'),
         url('/Style Library/fonts/gothmbol-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/gothmbol-webfont.svg#gotham-boldgotham-bold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'interstateregular';
    src: url('/Style Library/fonts/interreg-webfont.eot');
    src: url('/Style Library/fonts/interreg-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/interreg-webfont.woff') format('woff'),
         url('/Style Library/fonts/interreg-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/interreg-webfont.svg#interstateregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'gothamrounded-light';
    src: url('/Style Library/fonts/gothamrounded-light-webfont.eot');
    src: url('/Style Library/fonts/gothamrounded-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/gothamrounded-light-webfont.woff') format('woff'),
         url('/Style Library/fonts/gothamrounded-light-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/gothamrounded-light-webfont.svg#gothamrounded-light') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'gothamrounded-medium';
    src: url('/Style Library/fonts/gothamrounded-medium-webfont.eot');
    src: url('/Style Library/fonts/gothamrounded-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/gothamrounded-medium-webfont.woff') format('woff'),
         url('/Style Library/fonts/gothamrounded-medium-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/gothamrounded-medium-webfont.svg#gothamrounded-light') format('svg');
	font-weight:normal;
    font-style: normal;
}


@font-face {
    font-family: 'gotham_roundedbook';
    src: url('/Style Library/fonts/gothamrnd-book-webfont.eot');
    src: url('/Style Library/fonts/gothamrnd-book-webfont.eot?#iefix') format('embedded-opentype'),
         url('/Style Library/fonts/gothamrnd-book-webfont.woff') format('woff'),
         url('/Style Library/fonts/gothamrnd-book-webfont.ttf') format('truetype'),
         url('/Style Library/fonts/gothamrnd-book-webfont.svg#gotham_roundedbook') format('svg');
    font-weight: normal;
    font-style: normal;

}



#s4-bodyContainer{height:100%;}
.AdminContentBlock{margin: 20px; padding: 10px; border: solid black; color: black; background-color: yellow;
}
a#TopNavAdmin.TopNavAdmin{color:#FFF;}
#contingency_warn{position:relative;width:100%;font-size:12px;color:#333;background-color:#F5F5F5;padding:10px 0px; text-align:center; border:1px solid #F5F5F5;margin:0 auto 0px; color:#000;}
#browser_warn{position:relative;width:100%;font-size:12px;color:#333;background-color:#F5F5F5;padding:10px 0px; text-align:center; border:1px solid #F5F5F5;margin:0 auto 0px; color:#000;}
/*#zz1_TopNavigationMenu{margin-left:120px!important;}*/
.ms-core-listMenu-horizontalBox .dynamic-children.additional-background {background-image:none; padding-right:0px;}
/* top nav mouseover tooltip starts */
ul.dynamic span.menu-item-text{color:#949dA6; font: 12px 'interstateregular', Helvetica, sans-serif;}
ul.dynamic {
  list-style-type:none;
  background: none repeat scroll 0 0 #F6F8FA;
  -moz-border-radius: 15px;
  border-radius: 5px;
  top: 60px !important; 
  width:165px;
  margin-left:0px!important;
}

ul.dynamic:after {
  -moz-border-bottom-colors: none;
  -moz-border-image: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  border-color: rgba(246, 248, 250, 0) rgba(246, 248, 250, 0) #F6F8FA;
  border-style: solid;
  bottom: 100%;
  height: 0;
  left: 50%;
  pointer-events: none;
  position: absolute;
  border-width: 10px;
  margin-left: -10px;
  content: "";
}

/* top nav mouseover tooltip ends */

li.dynamic{text-align:center;margin-top:-10px; margin-left:-15px;}
.DefaultContentBlock{background:rgb(0, 114, 198); color:white; width:100%; padding:8px; height:64px; overflow:hidden;}
.ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:link, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected:visited, .ms-core-listMenu-horizontalBox .ms-core-listMenu-selected, .ms-tv-selected:link{
	color:#2CACD9;
}

.logo{
	margin-left:60px;
}

#ContentPlaceHolderMain{ /*targets IE 7, 8 browsers*/
	margin-top : 102px;
}
/*#ContentPlaceHolderMain:not(#via){  for all other browsers 
	margin-top:102px;
}
*/

.PageTitleLight{color:#FFF; }
.PageTitleDark{color:#1ea8dd;}
.PageTitleLight, .PageTitleDark{font:62px 'gothamrounded-light', Geneva, Helvetica, Arial, sans-serif; text-align:center; padding:65px 0px 30px 0px; font-weight:lighter;}
.blackbg{background-color:#000;}
#LinkToAnotherPage, #LinkToAnotherPage a{background-color:#7e8a94; color:#FFF; text-transform:uppercase; font: 15px 'interstateregular', Helvetica, sans-serif; text-align:center; padding:25px 0px;}
#LinkToAnotherPageLeft{width: 350px; overflow: hidden; margin-left: 17%; margin-top: 10px;}
#LinkToAnotherPageDivider{margin-left: 20%; border-right: 1px solid #FFF; margin-top: -60px; width: 350px; height: 115px;}
#LinkToAnotherPageRight{overflow: hidden; margin-left: 30%; margin-top: -72px;}


#ms-help{
	display:none;
}
.ms-siteactions-root > span > a.ms-core-menu-root{
	width:40px;
}
.page-header {
  background-color: #2cacd9;
  color: white;
  margin: 0px 0 auto auto;/*previously 70px 0 auto auto*/
height: 110px;
  padding-top:30px;
}
.page-header .container {
  padding-top: 80px;
}

.page-header2 {
  background-color: #2cacd9;
  color: white;
  margin: 0 0 auto auto;
  padding-bottom: 40px;
}


.page-header2 .container2 {
  padding-top: 10px;
  min-height: 350px;
  margin-left:auto;
  margin-right:auto;
  
}

.navbar-fixed-top{
	width:100% !important;
	/*left:-15px;*/
}
.navbar-inner{
  background-color: #1a1a1a;
  border: none;
  background-image: none;
  min-height:102px;
  height:102px;
}

#WebPartWPQ2{overflow:hidden!important;}
.navbar-inner .container {/*width:975px;*/ position: relative; /*top:25px; */}
.navbar .nav ul li { list-style-type: none; display: inline; padding:0px 24px 0px 0px;}
#DeltaTopNavigation li:last-child{padding-right:0px;}
.ms-core-listMenu-item:visited, .ms-core-listMenu-item:link {
  font: 14px 'interstateregular', Helvetica, sans-serif;
  color: #FFF;
  float: none;
  text-decoration: none;
  margin-left:20px;
  margin-top:15px;
}
ul.static{margin-left:-10px;}
/*#DeltaTopNavigation ul.static{vertical-align:-5px;}*/
a.ms-core-listMenu-item:hover,a .ms-core-listMenu-item:focus {color: #7e7e7e !important;text-decoration: none;}

.ms-core-listMenu-horizontalBox li.static > .ms-core-listMenu-item{margin-right:0px;}
/*.navbar .nav ul li:nth-child(6) a, .navbar .nav ul li:nth-child(7) a, */

li a.external, li.static a.static span.additional-background span.external{color:#7e7e7e !important;}  
li a.external:focus, li a.external:hover{color:#FFF !important;}

.viacommunityLogo{padding-right:25px; margin-left:-25px;}
.viacommunityLogo img{margin-top: 0px; margin-left:10px;}
#zz2_RootAspMenu{margin-left:-25px;}
.hideText {
  text-indent: -999em;
  letter-spacing: -999em;
  overflow: hidden;
}

.hide {display: none;}

.sharefont{color:white;font-size:13px;text-align:center;margin-top:auto;padding-top:20px;}
.shareIcon{display: inline-block;}
.shareOn{height:60px;margin: 0 0 auto auto;background: #1ac0e6; 
background: -moz-linear-gradient(left,  #1ac0e3 0%, #1ac0e3 1%, #2dbeba 35%, #2dbeba 38%, #4abc7c 100%); 
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#1ac0e3), color-stop(1%,#1ac0e3), color-stop(35%,#2dbeba), color-stop(38%,#2dbeba), color-stop(100%,#4abc7c));
background: -webkit-linear-gradient(left,  #1ac0e3 0%,#1ac0e3 1%,#2dbeba 35%,#2dbeba 38%,#4abc7c 100%); 
background: -o-linear-gradient(left,  #1ac0e3 0%,#1ac0e3 1%,#2dbeba 35%,#2dbeba 38%,#4abc7c 100%);
background: -ms-linear-gradient(left,  #1ac0e3 0%,#1ac0e3 1%,#2dbeba 35%,#2dbeba 38%,#4abc7c 100%); 
background: linear-gradient(to right,  #1ac0e3 0%,#1ac0e3 1%,#2dbeba 35%,#2dbeba 38%,#4abc7c 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#1ac0e3', endColorstr='#4abc7c',GradientType=1 ); 
}

#allrights{text-align:center; }
#FooterPublishingControls{background-color:#F6F8FA;}
#FooterPublishingControls .ms-signInLink{color:#FFF;}
#FooterPublishingControls .ms-signInLink:hover {color:#7E7E7E;}
.footerseparator {
  line-height: 5px;
  min-height: 5px;
  background-color: #FFF;
}
#footer{height:200px;}
#footer .container{margin-top:40px;}
#footer a, #footer a.active, #footer a.visited {color: #7e7e7e; text-decoration:none;}
#footer small {color: #8c8c8c;}
#footer li{color:#bababa; line-height:8px; vertical-align:top}
.stayConnected, .legal, .footerViacomLogo, .footerViacommunityLogo{margin-left:60px;} 
.footerHeader{font-weight:bold;}
#footer p{font-size:12px; color:#7e8a94;}
.arrow_box {
	position: relative;
	background: #2babd8;
	border: 4px solid #2babd8;
	/*margin-top:-20px;*/
	margin-top:0px;

}
.arrow_box:after, .arrow_box:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;

}

.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #2babd8;
	border-width: 30px;
	left: 50%;
	margin-left: -30px;

}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #2babd8;
	border-width: 36px;
	left: 50%;
	margin-left: -36px;

}

/*history timeline*/

h1.year {
	text-align: left;
	color: #000000;
	margin-bottom: 5px;
	font:30px 'gothamrounded-light', Geneva, Helvetica, Arial, sans-serif; text-transform:uppercase; color:#333333; font-weight:bold;}
		}
	
	
	a.history {
	color: #bababa;
	text-decoration: none;
	-webkit-transition: 0.5s;
	-moz-transition: 0.5s;
	-o-transition: 0.5s;
	-ms-transition: 0.5s;
	transition: 0.5s;
}
	a.history:hover{

	color: #bababa;
	text-decoration: none
	}
	a.selected {
		color: #2badd8;
		text-decoration: none
	}
	
	.sociales {
	text-align: center;
	margin-bottom: 20px;
}

#timeline {
		width: 1000px;
		/*height: 600px;
		overflow: hidden;*/
		margin: 0px auto;
		position: relative;
		background: url('../../../../../../../../../../../images/dot.gif') 3px top repeat-y;
	}
		#dates {
            width: 400px;
            float: right;
            background: #e4e4e4;
            border-left: 20px solid #000000;
            
            /*height: 600px;
			overflow: hidden;*/
		}
		
		#dates ul{
	
	margin-left:0px!important;
	margin-bottom:0px!important;
}

			#dates li {
				list-style: none;
				width: 100px;
				height: 0px;
				line-height: 0px;
				font-size: 19px;
				padding-left: 10px;
				/*margin-top:50px;*/
				margin-top:30px;

			
			}
				#dates a {
					line-height: 0px;
					padding-bottom: 10px;
				}
				#dates .selected {
			        font-size: 19px;
				}

                .arrow_history {
                    position: relative;
                    background: #ffffff;
                    /*new*/
                    margin-left: -23px; 
                    
                }
                .arrow_history:after {
                    left: -30%;
                    border: solid transparent;
                    content: " ";
                    height: 0;
                    width: 0;
                    position: absolute;
                    pointer-events: none;
                }
ul.static li.dynamic-children{position:relative;}
.dynamic-children.hover > ul.dynamic, .dynamic-children.hover-off > ul.dynamic {left: 50% !important;margin-left: -83px !important;}
.arrow_history:after {border-color: rgba(213, 166, 205, 0);border-left-color: #ffffff; border-width: 20px;top: 50%; margin-top: -20px;}
#issues li {width: 800px;height: 25px;list-style: none;}
#issues li.selected img {-webkit-transform: scale(1.1,1.1);-moz-transform: scale(1.1,1.1);-o-transform: scale(1.1,1.1); -ms-transform: scale(1.1,1.1);  transform: scale(1.1,1.1);}
#issues li img {float: left;margin: 10px 30px 10px 50px;-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE 8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);zoom: 1;}
#issues li h1 {color: #000000;font-size: 30px;text-align: left;margin-left: -40px;}
#issues li p {font-size: 14px;margin: 10px 20px;font-weight: normal;line-height: 22px;}
#grad_top,#grad_bottom {width: 500px;height: 80px;position: absolute;}
#grad_top {top: 0;}
#grad_bottom {bottom: 0;}
#next,
#prev {position: absolute;left: 55%;font-size: 102px;width: 38px;height: 22px;background-position: 0 -44px;background-repeat: no-repeat;text-indent: -9999px;overflow: hidden;}
#next:hover,
#prev:hover {background-position:  0 0;}
#next{	bottom: 0;background-image: url('../../../../../../../../../../../images/next_v.png');}
#prev {top: 0;background-image: url('../../../../../../../../../../../images/prev_v.png');}		
.historytext{{font: 20px 'interstateregular', Helvetica, sans-serif!important;width:700px;/*	margin-top: 370px;margin-left: 20px;*/}
.linehistory{width:700px;}			
.block{display:block;}
td.changecolor {
  color: #bababa;
}
td.changecolor :active {
  color: #2badd8!important;

}

.selected {
		color: #2badd8;
		text-decoration: none
	}

