/*==========================================================================================================
                                              STATS.com
============================================================================================================
Author: Matt Charoenrath
Version: 1.0
Creation Date: May 20, 2011 - August 2011
============================================================================================================*/


/*===================================================================================================
                                     UNIVERSAL SITE ELEMENTS
====================================================================================================*/

body {
	font-family:  Arial, Tahoma, Verdana, Sans-serif;
	font-size: 14px;
	line-height: 24px;
	color:#2e2e2e;
	background: #f4f2f3 url(../images/backgroundtile_x.jpg) repeat-x 0 0;
	text-align: center;
}

p {margin: 15px 0 15px 0;}

b {font-weight:bold;}


h1{}

h2,h3,h4,h5,h6 {
	font-family: "myriad-pro-1","myriad-pro-2", "myriad-pro-1","myriad-pro-2", Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
	font-weight: bold;
	color: #313131;
	letter-spacing:-1px;
}
h2 {font-size: 30px; width:720px; height:35px; line-height:30px; border-bottom:1px solid #959494;} /*-----Page Titles---------*/

body.standalone h2{width:900px;}

h3 {font-size: 20px;}
h3.subunderline{border-bottom:1px solid #cccbcb;}

h4 {font-size: 16px; letter-spacing:0;}
h5 {font-size: 22px; margin-top:10px;}
h6 {font-size: 20px; margin-bottom:15px;}

h6{margin:5px 0 5px 0;}

a img{border:none;}

a {text-decoration: none; color: #d80b28;}
a:hover {color: #f50224;}




/*====================================================================================================
                                     PAGE CLASS CONTROLLER - BODY CLASSES
====================================================================================================*/
/*First class controls Top Nav (data, products, etc..) 
Second class controls Side Nav Section selection (Web, Mobile etc..)

The body tag will edit the following elements:

Navigation - appears in active state
Background - Changes Home and Content pages to accomadate for full width slider and side fade heights

*/

body.home{background: #f4f2f3 url(../images/backgroundtile_home_x.jpg) repeat-x 0 0;}

/*----Makes Navigation appear in active state depending on what section----*/
body.data {}
body.products {}
body.ssg {}
body.sportvu {}
body.tracking {}
body.about{}
body.language {}

/*====================================================================================================
                                               WRAPPER
====================================================================================================*/


/*Controls outer wrapper elements and fade height of side gradients...Two types - home and everything else*/

#outerwrapper{width:1000px;	margin: 0 auto;	background: url(../images/outerwrappertile_y.jpg) repeat-y 0 0; z-index:-1;}
body.home #outerwrapper {width:1000px; margin: 0 auto; background: url(../images/outerwrappertile_y.jpg) repeat-y 0 0;}

#outerwrappertop{margin: 0 auto;background: url(../images/outerwrappertop.jpg) center 0 no-repeat;}
body.home #outerwrappertop{	margin: 0 auto;	background: url(../images/outerwrappertop_home.jpg) no-repeat center 0;}


/*====================================================================================================
                                               HEADER
====================================================================================================*/

header {
	height: 171px;
	width:960px;
	margin:0 auto;
	position: relative;
	background: url(../images/header.jpg) no-repeat 0 0;
	border-top:1px solid #ffffff;
	z-index:20;
	
}

header h1 {
	margin: 0;
	padding: 0;
	font-family: Tahoma, Verdana, Arial, Sans-serif;
	font-weight: normal;
	border: none;
}
header h1 a {
	display: block;
	position: absolute;
	width: 225px;
	height:70px;
	top:20px;
	left:10px;
	line-height:70px;
	text-indent: -99999px;
	background: url(../images/stats_logo.png) no-repeat 0 0;
}
header h1 a:hover {
	background-position: 0 -70px;
}

/*---------------facebook,twitter & contact buttons / languages------------------*/

#head_contact {position: absolute; right: 15px;	top: 61px;	height:35px;}

#head_contact ul li{float:right; margin:0 0 0 3px;}

#head_contact a {display:block;	height:35px; width:35px; text-indent: -999999px;}

#head_contact  a.twitter {background: url(../images/nav_twitter.png) no-repeat 0 0;}
#head_contact  a.twitter:hover {background-position: 0 -35px;}
#head_contact  a.twitter:active {background-position: 0 -70px;}

#head_contact  a.facebook {background: url(../images/nav_facebook.png) no-repeat 0 0;}
#head_contact  a.facebook:hover {background-position: 0 -35px;}
#head_contact  a.facebook:active {background-position: 0 -70px;}

#head_contact  a.contact {width: 125px; background: url(../images/nav_contact.png) no-repeat 0 0;}
#head_contact  a.contact:hover {background-position: 0 -35px;}
#head_contact  a.contact:active {background-position: 0 -70px;}


#head_languages {
	position: absolute;
	right: 10px;
	top: 30px;
	height:30px;
	font-size:12px;
}

#head_languages ul li{
	float:left;
	margin:0 5px 0 0;
	text-align:center;
}
#head_languages ul li a{color: #000000;}
#head_languages ul li a:hover{color: #f50224;}
#head_languages ul li a:active{color: #666565;}


/*====================================================================================================
                                         NAVIGATION
====================================================================================================*/

nav {

	margin: 110px auto;

	z-index: 10;
}

ul#topnav {
	margin:0;
	padding: 0;
	width:960px;
}
ul#topnav li {
	float: left;
	height: 50px;
	width:192px;
	line-height: 50px;
	position:relative;
}

ul#topnav li a{
	display: block;
	text-align: center;
	color: #eeecec;
	font-family: "myriad-pro-1","myriad-pro-2", "myriad-pro-1","myriad-pro-2", Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 400;
	font-size: 18px;
	letter-spacing: 0px;
	text-transform: none;
	text-shadow: 1px #000;
	background: url(../images/nav_button.png) no-repeat 0 0;
}
ul#topnav li:hover a{	background-position: 0 -50px; color:#ffffff;}
ul#topnav li:active a {background-position: 0 -100px; color: #fffff;}

/*------NAV Section Activation (body controls when nav stays in active state)------------*/
body.data nav ul#topnav li.data{background: url(../images/nav_button.png) no-repeat 0 -50px ;}
body.products nav ul#topnav li.products{background: url(../images/nav_button.png) no-repeat 0 -50px ;}
body.ssg nav ul#topnav li.ssg{background: url(../images/nav_button.png) no-repeat 0 -50px ;}
body.tracking nav ul#topnav li.tracking{background: url(../images/nav_button.png) no-repeat 0 -50px ;}
body.about nav ul#topnav li.about{background: url(../images/nav_button.png) no-repeat 0 -50px ;}


/*----------------------------Drop Down Styling-----------------------------------------*/
ul#topnav li .sub {
	z-index: 10;
	position: absolute;	
	top: 50px; left: 0px;
	background: #212020 url(../images/subnavbackground_x.jpg) repeat-x 0 0;
	float: left;
	display: none;
	overflow:hidden;
}

/*-----------Sets widths/heights/positions for columns and drop downs------------------*/

ul#topnav li.data .sub{width:490px; height:220px; left:0px;}
ul#topnav li.data .sub ul{width: 160px;}

ul#topnav li.products .sub{width:510px; height:220px; left:-125px;}
ul#topnav li.products .sub ul{width: 160px;}

ul#topnav li.ssg .sub{width:260px; height:140px; left:-35px;}
ul#topnav li.ssg .sub ul{width: 120px;}

ul#topnav li.tracking .sub{width:192px; height:180px; left:0;}
ul#topnav li.tracking .sub ul{width: 192px;}

ul#topnav li.about .sub{width:300px; height:200px; left:-107px;}
ul#topnav li.about .sub ul{width: 140px;}

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

ul#topnav li .sub #subbottom{
	background: #212020 url(../images/subnavbottom_x.jpg) repeat-x 0 0; 
	position:absolute; 
	bottom:0; 
	height:10px; 
	width:100%; 
	display;block;
}


ul#topnav li .sub ul{
	list-style: none;
	margin: 0 0 0 10px; padding:0;
	float: left;
	width:150px; /*--use main li class to size col--*/
	display:block;
}

ul#topnav .sub ul li {
	display:block;
	width:100%;
	color: #fff;
	height: 20px;
	line-height:20px;
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	display: block;
	color: #d8d8d8;
	font-size: 12px;
	font-weight: 400;
	font-family: Arial, Verdana, Tahoma, Sans-Serif;	
	text-align: left;
}

ul#topnav .sub ul li.main {
	padding: 0;
	margin:10px 0 0 0;
	height:30px;
	line-height:30px;
}
ul#topnav .sub ul li.main a {
	padding:0;
	color: #e9e7e7;
	font-size: 14px;
	font-family: "myriad-pro-1","myriad-pro-2",Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 600;
}


ul#topnav .sub ul li a:hover {color: #fff; background-position: 5px 12px ;}
ul#topnav .sub ul li a:active {color: #f50224; background-position: 5px 12px ;}




/*====================================================================================================
                                 FULL PAGE CONTENT WRAPPER
====================================================================================================*/

#wrapper {width:960px;	margin: 0 auto;	background: #fffff;	padding:0 10px;}

#content {
	width:920px;
	margin:0 auto;
	background:#fffff;
	text-align: left;
}


/*====================================================================================================
                                         FOOTER
====================================================================================================*/


footer {
	background: #0b0b0b url(../images/footertile_x.jpg) repeat-x 0 0;

	margin: 0 auto;
	border-top: 1px solid #ccc;
}

#footer_content{
	width:960px;
	margin: 0 auto;
	height:290px;
}

#footer_nav{width:960px; height:250px;}

#footer_nav ul li{
	float:left;
	width:192px;
	text-align:center;
	height: 49px;
	line-height: 49px;
}

#footer_nav ul li a{
	display: block;
	color: #eeecec;
	font-family: "myriad-pro-1","myriad-pro-2",Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 600;
	font-size: 16px;
	letter-spacing: 0;
	text-transform: none;
	text-shadow: 1px #000;
	background: url(../images/footer_button.png) no-repeat 0 0;
}
#footer_nav ul li a:hover{	background-position: 0 -49px; color:#ffffff;}
#footer_nav ul li a:active{background-position: 0 -49px; color: #f50224;}

#footer_nav ul.sub{margin:10px auto 0 auto;}
#footer_nav ul.sub #data{position:relative; left:45px;}
#footer_nav ul.sub #products{position:relative; left:65px;}
#footer_nav ul.sub #ssg{position:relative; left:44px;}
#footer_nav ul.sub #tracking{position:relative; left:43px;}
#footer_nav ul.sub #about{position:relative; left:65px;}


#footer_nav ul.sub li {text-align: left; height:auto; width:192px;}
#footer_nav ul.sub li a{color: #eeecec; font-family: Arial, Tahoma, Verdana, sans-serif; font-size: 12px; line-height:25px; font-weight: bold; background: none;}
#footer_nav  ul.sub li a:hover{color:#f50224;}
#footer_nav  ul.sub li a:active{color:#fd0827;}

#footer_copyright {width:960px; height:40px; margin:0 auto; color:#eeecec; font-size:11px; line-height:40px; }
#footer_copyright img{float:left; margin:5px 5px 0 0;}

/*=======================================================================================================
                                         SLIDER
====================================================================================================*/

body.home #sliderbox{display:block; background:url(../images/slider_background.jpg) no-repeat 0 0; width:960px; height:460px; margin: 0 auto; z-index:-10;}

#sliderbox{display:block; background: url(../images/sliderbox_background.jpg) no-repeat 0 0; width:720px; height:350px; margin: 0 auto; z-index:-10;}

.slides div{display:none; position:absolute;} 


/*================================HOME SLIDER=====================================*/

body.home #sliderbox .Homeslider a.forward, 
body.home #sliderbox .Homeslider a.backward{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	margin-top:175px; 
	z-index:10; 
	background: url(../images/slider_arrow.png) no-repeat 0 0;
}

body.home #sliderbox .Homeslider a.backward{margin-left:0px; background-position:0 0;}
body.home #sliderbox .Homeslider a.backward:hover{background-position:0 -40px;}
body.home #sliderbox .Homeslider a.backward:active{background-position:0 -80px;}

body.home #sliderbox .Homeslider a.forward{margin-left:920px; background-position:-40px 0;}
body.home #sliderbox .Homeslider a.forward:hover{background-position:-40px -40px;}
body.home #sliderbox .Homeslider a.forward:active{background-position:-40px -80px;}

body.home #sliderbox .Homeslider{width:960px; height:400px; margin:0 0 0 0;}

body.home #sliderbox .Homeslider #fadeleft{width:40px; height:395px; display:block; position:absolute; background: url(../images/sliderfade_leftright.png) no-repeat 0 0; 	z-index:10; }
body.home #sliderbox .Homeslider #faderight{width:40px; height:395px; display:block; position:absolute; background: url(../images/sliderfade_leftright.png) no-repeat -40px 0; right:0;	z-index:10; }

/*---------Tab button controls----------------*/

body.home #sliderbox .homeSlidernav{width:960px; height:42px; margin:0 0 0 0;}
body.home #sliderbox .homeSlidernav a{
	display:block;
	float:left;
	width:160px; 
	height:40px;
	border:1px solid #acabab; 
	border-right:none; 
	font-size:12px;
	font-family:Arial, Tahoma, Verdana, sans-serif;
	font-weight:bold;
	line-height:40px;
	text-align:center;
	color:#3d3d3d;
	cursor:pointer; 
	z-index:200; 
	padding:0; 
	margin-right:-4px;
	background: url(../images/homeSliderNav.jpg) no-repeat 0 0;
}

body.home #sliderbox .homeSlidernav a:hover{background-position: 0 -40px; color: #000;}
body.home #sliderbox .homeSlidernav a:active{background-position: 0 -80px; color: #1c1c1c;}

body.home #sliderbox .homeSlidernav a.current{background-position: 0 -40px; color: #1c1c1c;}


body.home #sliderbox .homeSlidernav a.last{border-right:1px solid #acabab;}

body.home #sliderbox .homeSlidernav img{z-index:0}

/*=============================================CONTENT IMAGES SLIDER=====================================================*/


#sliderbox .slider a.forward,
#sliderbox .slider a.backward{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	margin-top:130px; 
	z-index:10; 
	background: url(../images/slider_arrow.png) no-repeat 0 0;
}
#sliderbox .slider a.backward{margin-left:0px; background-position:0 0;}
#sliderbox .slider a.backward:hover{background-position:0 -40px;}
#sliderbox .slider a.backward:active{background-position:0 -80px;}

#sliderbox .slider a.forward{margin-left:680px; background-position:-40px 0;}
#sliderbox .slider a.forward:hover{background-position:-40px -40px;}
#sliderbox .slider a.forward:active{background-position:-40px -80px;}

#sliderbox .slider{width:720px; height:300px; margin:0 0 0 0;}

#sliderbox .slider #fadeleft{width:40px; height:300px; display:block; position:absolute; background: url(../images/slider2fade_leftright.png) no-repeat 0 0; z-index:10; }
#sliderbox .slider #faderight{width:40px; height:300px; display:block; position:absolute; background: url(../images/slider2fade_leftright.png) no-repeat -40px 0; right:0;	z-index:10; }

#sliderbox .slidernav{height:40px; text-align:center; margin:10px 0 0 0; overflow:hidden;}
#sliderbox .slidernav button{
	width:20px; 
	height:20px;
	font-size:12px;
	cursor:pointer; 
	border:none;
	z-index:200; 
	padding:0; 
	margin-right:10px;
	text-align:center;
	background: url(../images/slider_button.png) 0 0 no-repeat;
}

#sliderbox .slidernav button:hover{background-position: 0 -20px;}
#sliderbox .slidernav button:active{background-position: 0 -40px;}

#sliderbox .slidernav button.current{background-position: 0 -20px;}

#sliderbox .slidernav img{z-index:0}



/*================================CONTENT PRODUCT CAROUSEL=====================================*/

.box#productSlider {width:720px;}
.box#productSlider #boxcontent{height:250px; background: #fff url(../images/productslider_backgroundtile_x.jpg) repeat-x 0 0; padding:0; overflow:hidden;}

.productSlider ul{overflow:hidden;}

.productSlider ul li{margin:10px 30px 0 29px; height:218px; border:1px solid #989898; background: #fefefe url(../images/productslider_card_x.jpg) repeat-x 0 0; padding:0;}

.productslider ul li a{display:block; cursor:pointer; width:178px; height:218px;}

.productSlider ul li img{width:178px; height:125px; padding:0; margin:0;}
.productSlider ul li a .caption{
	width:178px; 
	height:70px;
	display:block;
	cursor:pointer;
	background: #000 url(../images/productslider_cardcaption_x.jpg) repeat-x 0 0; 
	margin: 0;
	font-size:16px; 
	font-weight:bold; 
	color:#fff; 
	text-align:center; 
	padding-top:20px;
	line-height:24px;
	}


.productSlider button{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	margin-top:110px;
	z-index:10;
	background: url(../images/slider_arrow_products.png) 0 0 no-repeat;
}
.productSlider button.prodprev{margin-left:5px; background-position:0 0;}
.productSlider button.prodprev:hover{background-position:0 -40px;}
.productSlider button.prodprev:active{background-position:0 -80px;}

.productSlider button.prodnext{margin-left:673px; background-position:-40px 0;}
.productSlider button.prodnext:hover{background-position:-40px -40px;}
.productSlider button.prodnext:active{background-position:-40px -80px;}

/*================================HOME PRODUCT CAROUSEL=====================================*/

.box#productsHome {width:640px;}
.box#productsHome #boxcontent{height:260px; background: #fff url(../images/productslider_backgroundtile_x.jpg) repeat-x 0 0; padding:0; overflow:hidden;}

.box#productsHome .productSlider {width:638px;}

.box#productsHome .productSlider li{margin:10px 16.5px 0 16px;}

.box#productsHome.productSlider button{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	margin-top:100px;
	z-index:10;
	background: url(../images/slider_arrow_products.png) 0 0 no-repeat;
}
.box#productsHome button.prodhomeprev{margin-left:5px; background-position:0 0;}
.box#productsHome button.prodhomeprev:hover{background-position:0 -40px;}
.box#productsHome button.prodhomeprev:active{background-position:0 -80px;}

.box#productsHome button.prodhomenext{margin-left:595px; background-position:-40px 0;}
.box#productsHome button.prodhomenext:hover{background-position:-40px -40px;}
.box#productsHome button.prodhomenext:active{background-position:-40px -80px;}


/*=======================================================================================================
                                UNIVERSAL CONTENT STYLING
========================================================================================================*/


/*=========================================================================
                     LEFT COLUMN STYLING
=========================================================================*/

#leftcol{width:180px; display:block; float:left; margin:20px 0 0 0; }

#leftcol a img.featurelink{margin:20px 0 0 0;}

/*========================SIDE NAVIGATION===============================*/
#sidenav{width:180px;}

#sidenav ul{margin:0;}

#sidenav ul li{
	font-size:16px; 
	font-family: "myriad-pro-1","myriad-pro-2",Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
	font-weight: 400;
	letter-spacing:0px;
	height:40px; 
	line-height:40px; 
	text-align: left;
}
#sidenav ul li.top a{
	border-top:1px solid #282828;
	border-left:1px solid #282828; 
	border-right:1px solid #282828; 
	border-bottom:1px solid #282828;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

#sidenav ul li.submain a{
	width:173px; 
	color:#d8d8d8; 
	display:block;
	font-size:14px;
	background: url(../images/sidenav_submain.jpg) 0 0 no-repeat; 
	padding-left:5px;
	border-left:1px solid #282828; 
	border-right:1px solid #282828; 
	border-bottom:1px solid #282828;
}

#sidenav ul li.submain a.active{background: url(../images/sidenav_submain.jpg) 0 -120px; color:#fff;}  /*---------set active for section you are in - sub nav is in each .asp include-------*/
#sidenav ul li.submain a.active:hover{background-position: 0 -40px; color:#fff;}
#sidenav ul li.submain a.active:active{background-position: 0 -80px; color:#fff;}

#sidenav ul li.bottom a{
	border-top:1px solid #282828;
	border-left:1px solid #282828; 
	border-right:1px solid #282828; 
	border-bottom:1px solid #282828;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}


#sidenav ul li a{
	width:173px; 
	color:#d8d8d8; 
	display:block; 
	background: url(../images/sidenav_main.jpg) 0 0 no-repeat; 
	padding-left:5px;
	border-left:1px solid #282828; 
	border-right:1px solid #282828; 
	border-bottom:1px solid #282828;
}
#sidenav ul li a:hover{background-position: 0 -40px; color:#fff;}
#sidenav ul li a:active{background-position: 0 -80px; color:#fff;}

#sidenav ul li a.active{background: url(../images/sidenav_main.jpg) 0 -120px; color:#fff;}  /*---------set active for section you are in - sub nav is in each .asp include-------*/
#sidenav ul li a.active:hover{background-position: 0 -40px; color:#fff;}
#sidenav ul li a.active:active{background-position: 0 -80px; color:#fff;}

#sidenav ul.sub{}

#sidenav ul.sub li{
	border-bottom:none;
	font-size:12px;
	font-weight: 400;
	height:30px;
	line-height:30px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
}

#sidenav ul.sub li.subbottom a{
	border-bottom:1px solid #282828;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

#sidenav ul.sub li a{display:block; height:30px; width:173px; background:url(../images/sidenav_sub.jpg) 0 0 no-repeat; color:#eeecec;}
#sidenav ul.sub li a:hover{background-position: 0 -30px;  color:#fff;}
#sidenav ul.sub li a:active{background-position: 0 -60px; color:#eeecec;}




/*========================SIDE Content Boxes (PDFs, Case Studies etc)===============================*/

.sidebox{display:block; width:auto; float:left; margin:20px 20px 0 0; width:180px;}

.sidebox h4{
	background: url(../images/box_h3tile_x.jpg) 0 0 repeat-x;
	height:38px;
	margin: 0;
	padding: 0 0 0 8px;
	line-height:36px;
	border: 1px solid #959494;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

.sidebox #boxcontent {
	background:#f6f4f4;
	min-height:50px;
	margin:0;
	padding-top:5px;
	padding-bottom:5px;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}

.sidebox #boxcontent p{padding:10px; line-height:18px; margin:0 0 5px 0;}

.sidebox #boxcontent ul li{  
	display:block; 
	font-size:13px;
	height:20px;
	line-height:20px;
	font-size:12px;
	padding-left:10px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	overflow:hidden;
}


.sidebox #boxbottom{
	height:9px;
	width:auto;
	background: url(../images/box_boxbottomtile_x.jpg) 0 0 repeat-x;
	border: 1px solid #959494;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}


.pdfbox{display:block; width:auto; float:left; margin:20px 20px 0 0; width:180px;}

.pdfbox h4{
	background: url(../images/box_h3tile_x.jpg) 0 0 repeat-x;
	height:38px;
	margin: 0;
	padding: 0 0 0 8px;
	line-height:36px;
	border: 1px solid #959494;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

.pdfbox #boxcontent {
	background:#f6f4f4;
	min-height:50px;
	margin:0;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}


.pdfbox #boxcontent ul li{ color:#d8d8d8; display:block; font-size:13px;
	height:40px;
	line-height:40px;
	font-size:12px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	overflow:hidden;

}

.pdfbox #boxcontent li a{width:143px; display:block; background-color:#ececec; background:url(../images/pdficon.png) 0 0 no-repeat; color:#282828; padding-left:35px; }
.pdfbox #boxcontent li a:hover{background-color:#e0dfdf; background-position:0 -40px; color:#d0001d;}
.pdfbox #boxcontent li a:active{background-color:#c7c7c7; background-position:0 -40px; color:#000;}


.pdfbox #boxbottom{
	height:9px;
	width:auto;
	background: url(../images/box_boxbottomtile_x.jpg) 0 0 repeat-x;
	border: 1px solid #959494;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

/*============================SIDE CLIENT SLIDER============================*/

.clientsliderbox{display:block; width:auto; float:left; margin:20px 20px 0 0; width:180px;}
.clientsliderbox h4{
	background: url(../images/box_h3tile_x.jpg) 0 0 repeat-x;
	height:38px;
	margin: 0;
	padding: 0 0 0 8px;
	line-height:36px;
	border: 1px solid #959494;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

.clientsliderbox #boxcontent {
	background:#fff;
	height:120px;
	margin:0;
	overflow:hidden;
	width:178px;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}

.clientsliderbox #boxbottom{
	height:9px;
	width:auto;
	background: url(../images/box_boxbottomtile_x.jpg) 0 0 repeat-x;
	border: 1px solid #959494;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

.clientSlider{width:178px; height:120px; overflow:hidden;}
.clientSlider ul li{width:130px; height:110px; margin:0 25px 0 25px; z-index:-20;}

.clientSlider button{
	width:20px; 
	height:30px;
	margin-top:45px;
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	z-index:10;
	background: url(../images/clientslider_arrow.png) 0 0 no-repeat;
}
.clientSlider button.prev{margin-left:3px; background-position:0 -30px;}
.clientSlider button.prev:hover{background-position:-20px -30px;}
.clientSlider button.prev:active{background-position:-40px -30px;}

.clientSlider button.next{margin-left:156px; background-position:0 0;}
.clientSlider button.next:hover{background-position:-20px 0;}
.clientSlider button.next:active{background-position:-40px 0;}

/*=========================================================================
                     CONTENT STYLING (right col)
=========================================================================*/


#pagecontent{width:720px; float:left; margin:20px 0 0 20px;}
body.standalone #pagecontent{width:900px; margin:20px 0 20px 10px;}

.bottomspacer{width:auto; height:10px; display:block;}

body.standalone h2{width:900px;}

.box{display:block; width:auto; float:left; margin:10px 20px 10px 0;}
.box h3{
	background: url(../images/box_h3tile_x.jpg) 0 0 repeat-x;
	height:38px;
	margin: 0;
	padding: 0 0 0 8px;
	line-height:36px;
	border: 1px solid #959494;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);

}

.box #boxcontent {
	background:#f6f4f4;
	min-height:100px;
	margin:0;
	padding: 10px;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}



.box #boxbottom{
	height:9px;
	width:auto;
	background: url(../images/box_boxbottomtile_x.jpg) 0 0 repeat-x;
	border: 1px solid #959494;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

.box#floatright{width:375px; float:right; margin:0 0 0 20px; font-size:12px; line-height:14px;}
.box#floatright ul.list {margin:5px 0 5px 0;}
.box#floatright ul.list li {margin:5px 0 5px 0;}

ul.list{margin:10px 0 10px 0;}
ul.list li{margin:0 0 10px 0; background:url(../images/li.png) no-repeat 0 0; padding-left:25px; line-height:22px;}


a.top{
	background:url(../images/backtopline.jpg) no-repeat 0 0;
	padding:0; 
	width: 720px; 
	height:20px; 
	color:#9d9c9c;
	display:block; 
	font-size:12px;
	line-height:20px;
	float:right; 
	border:none; 
	text-indent:-99999px;
	text-align:center;
}
a.top:hover{text-indent:0; background-position:0 -20px; border:none;}

a.more{background:url(../images/moreback.png) 0 0 no-repeat; line-height:20px; height:20px; display:block; padding-left:25px;}
a.more:hover{background-position: 0 -20px; color:#e30217;}


/*================================VIDEO BOX============================================*/

.videobox2{width:720px; height:411px; border:1px solid #959494; margin:0 0 10px 0;}
.videobox2 #videocontainer{width:704px; height:396px; background:#dad9d9; margin:7px 0 0 7.5px; border:1px solid #959494;}

.videobox{width:720px; height:411px; margin:0 0 10px 0; background:#dad9d9; border:1px solid #959494; overflow:hidden;}
.videobox_full{z-index:-10; width:900px; height:514px; margin:0 0 10px 0; background:#dad9d9; border:1px solid #959494; overflow:hidden;}
.videobox_full iframe{z-index:-10; width:900px; height:514px;}

/*================================TABS=================================================*/

#boxcontent.tabs{padding: 0;}

#boxcontent.tabs #tabbox{width:720px; background-color:#d4d3d3; background: url(../images/tabbackground_x.jpg) repeat-x 0 0;}

/* root element for tabs  */
#tabbox ul.tabs { 
	list-style:none; 
	margin:0 !important; 
	padding:0;	
	height:40px;
}

/* single tab */
#tabbox ul.tabs li { 
	float:left;	 
	text-indent:0;
	background: none;
	padding: 0;
	margin:0;
	list-style:none; 
}

/* link inside the tab. uses a background image */
#tabbox ul.tabs a { 
	background-color:#f6f4f4;
	background: url(../images/tabgrad_x.png) repeat-x 0 0 ;
	font-size:16px;
	font-weight:bold;
	display:block;
	height: 35px;  
	line-height:35px;
	width: 180px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0;
	top:5px;
	margin-left:5px;
	position:relative;
	border: 1px solid #959494;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);	
}

#tabbox ul.tabs#two li a{width: 350px;}
#tabbox ul.tabs#three li a{width: 231px;}
#tabbox ul.tabs#four li a{width: 171px;}
#tabbox ul.tabs#five li a{width: 136px;}
#tabbox ul.tabs#six li a{width: 112px;}


#tabbox ul.tabs a:active {
	outline:none;
	background-color:#f6f4f4;	
}

/* when mouse enters the tab move the background image */
#tabbox ul.tabs a:hover {
	background-color:#f6f4f4;
	background-position: 0 -35px;
	border-bottom:1px solid #f6f4f4;
}

/* active tab uses a class name "current". its highlight is also done by moving the background image. */
#tabbox ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -70px;
	border-bottom:1px solid #f6f4f4;
	cursor:default; 
}

/* Different widths for tabs: use a class name: w1, w2, w3 or w2 */


/* initially all panes are hidden */ 
#tabbox .panes {
	margin:1px 0 0 0; 
	padding:10px;
	border-top: 1px solid #959494;
	background:#f6f4f4;
}

#tabbox .panes div{display:none;}



/*================================ACCORDIAN=================================================*/

/* root element for accordion. decorated with rounded borders and gradient background image */
#accordion {
	width: 180px;
}

/* accordion header */
#accordion h4 {
	background: url(../images/box_h3tile_x.jpg) 0 0 repeat-x;
	height:38px;
	margin: 0;
	padding: 0 0 0 8px;
	line-height:36px;
	border: 1px solid #959494;
	border-bottom:none;
}

#accordion h4:hover{background-position:0 -40px;}

/* currently active header */
#accordion h4.current {
	cursor:pointer;
}

#accordion h4#top{
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	-moz-border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}


/* accordion pane */
#accordion .pane {
	background:#f6f4f4;
	display:none;
	height:auto;
	font-size:12px;
	border-top: 1px solid #959494;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}

/* a title inside pane */
#accordion .pane ul li{ 
	color:#d8d8d8; 
	display:block; 
	height:25px;
	width:178px;
	line-height:25px;
	font-size:12px;
	font-family: Arial, Tahoma, Verdana, sans-serif;
	overflow:hidden;
}

#accordion .pane li a,
.sidebox .demoList li a {padding-left:10px; display:block; color:#282828;}
#accordion .pane li a:hover,
.sidebox .demoList li a:hover {background-color:#e0dfdf; background-position:0 -40px; color:#d0001d;}
#accordion .pane li a:active,
.sidebox .demoList li a:active {background-color:#c7c7c7; background-position:0 -40px; color:#000;}

#accordion #boxbottom{
	height:9px;
	width:auto;
	background: url(../images/box_boxbottomtile_x.jpg) 0 0 repeat-x;
	border: 1px solid #959494;
	border-bottom-left-radius: 8px;
	border-bottom-right-radius: 8px;
	-moz-border-bottom-left-radius: 8px;
	-moz-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

/*===================================================================================================
								CONTENT - SECTION AND PAGE STYLING
====================================================================================================*/


/*===================================================================================================
                                         HOME
====================================================================================================*/
.homeintrotext p{margin-top:5px; font-size:15px; line-height:24px;}
.homeintrotext img.GlobalLeaderText{margin:10px 0 0 0;}

.box#home_news {width:240px;}
.box#home_news #boxcontent{height:250px; font-size:12px; line-height:20px; padding: 0 10px 10px 10px; }
.box#home_news #boxcontent ul li {margin: 0 0 5px 0; padding: 5px 0 5px 0; border-bottom: 1px dotted #2e2e2e;}

.box#home_news #boxcontent ul li a{color: #2e2e2e; }
.box#home_news #boxcontent ul li a:hover{color: #d80b28; }
.box#home_news #boxcontent ul li a:active{color: #f50224; }

a.homenews{
	color: #2e2e2e;
	display:block; 
	margin:10px auto 0 auto; 
	width:140px; 
	height:40px; 
	line-height:40px; 
	font-size:22px; 
	font-weight:bold; 
	background: url(../images/button_homenews.png) 0 0 no-repeat;
	letter-spacing:-1px;
	padding-left:70px;
	text-shadow: 1px #fff;
	font-family: "myriad-pro-1","myriad-pro-2", Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
}
a.homenews:hover{background-position: 0 -40px; color:#185884;}
a.homenews:active{background-position: 0 -80px; color:#6c6b6b;}


/*===================================================================================================
                                        DATA & CONTENT
====================================================================================================*/

#boxcontent.sportscovered{padding:0;}

#boxcontent table.sportscovered{width:720px;}
#boxcontent table.sportscovered tr td{width:240px; height:30px; text-align:center; border-right:1px solid #959494; border-bottom:1px solid #959494;}
#boxcontent table.sportscovered tr td.right{border-right:none;}
#boxcontent table.sportscovered tr.bottom td{border-bottom:none;}

#boxcontent table.sportscovered a{width:240px; color:#2e2e2e; font-weight:bold; height:30px; display:block; background:url(../images/sportscov_button.png)0 0 no-repeat; line-height:30px;}
#boxcontent table.sportscovered a:hover{background-position: 0 -30px;}
#boxcontent table.sportscovered a:active{background-position: 0 -60px;}



/*===================================================================================================
                                           PRODUCTS
====================================================================================================*/

/*============================PRODUCT BUTTON======================================*/

#product_button {width:181px; margin:25px 0 0 0;}

a.product_button{
	color: #2e2e2e;
	display:block; 
	margin:15px auto 0 auto; 
	width:181px; 
	height:40px; 
	line-height:40px; 
	font-size:22px; 
	font-weight:bold; 
	background: url(../images/button_product.png) no-repeat 0 0;
	letter-spacing:-1px;
	padding-left:0px;
	text-align: center;
	text-shadow: 1px #fff;
	font-family: "myriad-pro-1","myriad-pro-2", Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
}
a.product_button:hover{background-position: 0 -40px; color:#185884;}
a.product_button:active{background-position: 0 -80px; color:#6c6b6b;}

a.product_sportvu {display: block; height:40px; background: url(../images/button_sportvu.png) 0 0 no-repeat;}
a.product_sportvu:hover{background-position: 0 -40px;}
a.product_sportvu:active{background-position: 0 -80px;}

a.product_mobile {display: block; height:40px; background: url(../images/button_mobile_interactive.png) 0 0 no-repeat;}
a.product_mobile:hover{background-position: 0 -40px;}
a.product_mobile:active{background-position: 0 -80px;}

a.product_nfbc {display: block; height:40px; background: url(../images/button_nfbc.png) 0 0 no-repeat;}
a.product_nfbc:hover{background-position: 0 -40px;}
a.product_nfbc:active{background-position: 0 -80px;}

a.product_nffc {display: block; height:40px; background: url(../images/button_nffc.png) 0 0 no-repeat;}
a.product_nffc:hover{background-position: 0 -40px;}
a.product_nffc:active{background-position: 0 -80px;}




/*===========================================WEB====================================================*/

/*======GameZone========*/
#tabbox .panes#gamezone div{height:250px;}

/*======MatchCast======*/
#monitorslide_laptopfull{display:block; width:720px; height:438px; background: #fff url(../images_sliders/computerslider_mc.jpg) no-repeat 0 0;}

#monitorslide_laptopfull .autoslider{position:absolute; background:black; width:486px; height:295px; display:block; margin:50px 0 0 117px;}

#monitorslide_laptopfull a.prev,
#monitorslide_laptopfull a.next{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	margin-top:200px; 
	z-index:10; 
	background: url(../images/slider_arrow.png) 0 0 no-repeat;
}
#monitorslide_laptopfull a.prev{margin-left:50px; background-position:0 0;}
#monitorslide_laptopfull a.prev:hover{background-position:0 -40px;}
#monitorslide_laptopfull a.prev:active{background-position:0 -80px;}

#monitorslide_laptopfull a.next{margin-left:630px; background-position:-40px 0;}
#monitorslide_laptopfull a.next:hover{background-position:-40px -40px;}
#monitorslide_laptopfull a.next:active{background-position:-40px -80px;}


/*===========================================MOBILE====================================================*/

/*======Mobile Apps========*/
.iphoneIcon img{padding:10px 30px 0 0;}

/*======Mobile Web========*/
div#wap_phone{background: url(/images/phone_background.jpg) 0 0 no-repeat; float:right; width:340px; height:600px; display:block; margin:5px -30px 0 20px;}

div#webmaincontent {width:660px; margin: 0 10px 5px 5px; padding: 0 0 0 5px; background: transparent; float: left; height: auto; overflow: hidden;}
div#webfeaturecontent {width:635px; margin: 25px 15px 0 10px; padding: 0 15px 0 15px; background: url(../images/webcontentfeaturebox.jpg) 0 0 no-repeat; float: left; height: 260px; overflow: hidden;}
div#sideBarNav .web {display: block;height: 120px;position: relative;z-index: 10;background: url(../images/headers/navheader_web.jpg) -1px -1px no-repeat;text-indent: -9999px;margin: 0 0 -12px 0;}



/*==========iPhone Slider==========*/
div#iphonecontainer{float:right; display:block; margin: 20px 0 0 5px; background:url(../images_mobile/iPhoneApp2.png) 0 0 no-repeat; width:230px;height:435px;}
div#iphonefbScreenHolder{width:175px; height:263px; background: #333333; display:block; margin:70px 0 0 28px; }
div#iphonelinkholder{width: 200px; height: 20px; margin:75px 0 0 30px;}
.iphonefb{width:187px; height:267px; display:block; overflow:hidden; position:absolute;}

div#iphonecontainer2{float:right; display:block; margin: 15px 10px 0 10px; background:url(../images_mobile/iPhoneApp.png) 0 0 no-repeat; width:230px;height:435px;}
div#iphonefbScreenHolder2{width:187px; height:267px; background: #333333; display:block; margin:68px 0 0 20px; }
div#iphonelinkholder2{width: 200px; height: 20px; margin:75px 0 0 15px;}

/*============GRAPHIC SOLUTIONS - PDF Buttons===============*/

a.pdfbutton{
	color: #2e2e2e;
	display: block; 
	margin: auto; 
	width:181px; 
	height:40px; 
	line-height:40px; 
	font-size:14px; 
	background: url(../images/pdf_button.png) 0 0 no-repeat;
	letter-spacing:-1px;
	padding-left:0px;
	text-align: left;
	padding: 0 0 0 45px;
	overflow: hidden;
	text-shadow: 1px #fff;
	font-family: "myriad-pro-1","myriad-pro-2", Myriad Pro, Arial, Tahoma, Verdana, sans-serif;
}

#centercolumn span {margin: 0 0 0 -40px;}

a.pdfbutton:hover{background-position: 0 -40px;}
a.pdfbutton:active{background-position: 0 -80px;}


/*===================================================================================================
                                           SSG
====================================================================================================*/

.scrollingtabbox{width:720px;}

.scrollingtabs{
	margin:10px 0 10px 0;
	width:720px;
	overflow:hidden;
	float:left;
}

/* single tab */
.scrollingtabbox ul.tabs li { 
	float:left;	 
	text-indent:0;
	background: none;
	padding: 0;
	margin:0;
	list-style:none; 
}

/* link inside the tab. uses a background image */
.scrollingtabbox ul.tabs a { 
	background-color:#f6f4f4;
	background: url(../images/tabgrad_x.png) repeat-x 0 0 ;
	font-size:12px;
	font-weight:bold;
	display:block;
	height: 30px;  
	line-height:30px;
	width: 111px;
	text-align:center;	
	text-decoration:none;
	color:#333;
	padding:0;
	position:relative;
	border: 1px solid #959494;
}
.scrollingtabbox ul.tabs a:hover{background-position:-30px;}

button.scrollprev{margin:10px 0 10px 0; height: 32px; width:20px; background:url(../images/scrolltabprev.jpg) no-repeat 0 0; float:left; border: 1px solid #959494;}
button.scrollnext{margin:10px 0 10px 0; height: 32px; width:20px; background:url(../images/scrolltabnext.jpg) no-repeat 0 0; float:left; border: 1px solid #959494;}



.scrollingtabbox ul.tabs a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-position: 0 -70px;
	cursor:default; 
	border: 1px solid #959494;
}
.scrollingtabbox ul.tabs a.current:hover{background-position:-30px;}

/*======ICE LITE========*/
#monitorslide_laptophalf{display:block; width:480px; height:292px; background:url(../images_sliders/computerslider_half.jpg) no-repeat 0 0;}

#monitorslide_laptophalf .autoslider{position:absolute; background:black; width:324px; height:197px; display:block; margin:35px 0 0 78px;}

#monitorslide_laptophalf a.prev,
#monitorslide_laptophalf a.next{
	width:40px; 
	height:40px; 
	border:none; 
	cursor:pointer; 
	position:absolute; 
	display:block;
	margin-top:120px; 
	z-index:10; 
	background: url(../images/slider_arrow.png) 0 0 no-repeat;
}
#monitorslide_laptophalf a.prev{margin-left:15px; background-position:0 0;}
#monitorslide_laptophalf a.prev:hover{background-position:0 -40px;}
#monitorslide_laptophalf a.prev:active{background-position:0 -80px;}

#monitorslide_laptophalf a.next{margin-left:425px; background-position:-40px 0;}
#monitorslide_laptophalf a.next:hover{background-position:-40px -40px;}
#monitorslide_laptophalf a.next:active{background-position:-40px -80px;}


/*===================================================================================================
                                           SPORTVU
====================================================================================================*/

body.sportvu .sidebox #boxcontent{padding:0;}
body.sportvu .sidebox #boxcontent ul.svnews li {height:auto; border-bottom:1px dotted #959494; padding:10px 10px; line-height:18px; font-size:12px;}
body.sportvu .sidebox #boxcontent ul.svnews li:hover {background-color: #e7e6e6;}
body.sportvu .sidebox #boxcontent ul.svnews li.last{border-bottom:none;}
body.sportvu .sidebox #boxcontent ul.svnews li a{color:#2E2E2E;}
body.sportvu .sidebox #boxcontent ul.svnews li a:hover {color: #f50224;}

#sportvuLinks{width:720px; height:136px;}
#sportvuLinks a{
	width: 354px;
	height:136px;
	display:block;
	float:left;
	overflow:hidden;
	text-indent: -9999px;
}

#sportvuLinks a.soccer{background: url(../images_sportvu/sv_footballbutton.png) no-repeat 0 0; margin:0 12px 0 0;}
#sportvuLinks a.soccer:hover{background-position: 0 -136px;}
#sportvuLinks a.basketball{background: url(../images_sportvu/sv_basketballbutton.png) no-repeat 0 0;}
#sportvuLinks a.basketball:hover{background-position: 0 -136px;}

.svFeature{width:240px; float:left; margin-top:20px; height:370px; display:block;}
.svFeature img{width:200px; height:140px; margin:0 auto;}
.svFeature a{
	width:200px;
	height:360px;
	cursor: pointer;
	display: block;
	border: 1px solid white;
	border-right: 1px dotted #959494;
	padding: 5px 20px; 
	line-height: 20px;
	color: #282828;
	margin: 0 0 0 0;
}
.svFeature a:hover{background-color: #F6F4F4; border: 1px solid #959494;}

.svFeature a.last{border-right:1px solid white;}
.svFeature a.last:hover{border-right: 1px solid #959494;}

/*===================================================================================================
                                           ABOUT US
====================================================================================================*/

#statsmap{display:block; background: url(../images/statsmap.jpg) no-repeat 0 0; width:720px; height:290px; margin: 0 auto; z-index:-10;}

#statsmap button{
	width:20px; 
	height:15px;
	font-size:12px;
	cursor:pointer; 
	position:relative;
	border:none;
	z-index:0; 
	padding:0; 
	margin-right:10px;
	text-align:center;
	background: url(../images/smap.png) no-repeat 0 0;
}

#statsmap button:hover{background-position: 0 -15px;}

.tooltip {
	display:block;
	background:url(../images/tooltipmap.png) no-repeat 0 0;
	font-size:11px;
	line-height:22px;
	height:35px;
	width:135px;
	text-align:center;
	padding:4px 2px 2px 2px;
	color:#2e2e2e;	
}

.sidebox#about #boxcontent ul li{padding:0;}
.sidebox#about #boxcontent ul li{padding-left:10px;}
.sidebox#about h4{padding-left:10px;}



#boxcontent.logoparade{width:700px; height:100px; overflow:hidden; background:#fff;}

div#tickerbox {width:860px; height:40px; margin:10px 0 0 -10px; background: url(../images/tickerbackground.png) no-repeat 0 0; position:absolute;}

div#tickertext{color:white; width:840px; height:25px; margin:10px 10px 0 10px; overflow:hidden; }

ul#ticker01{overflow:hidden; width:720px;}

ul.newsticker {position: relative; left:10px; list-style-type:none; margin: 0; padding: 0; }/*Ticker List*/
ul.newsticker li {float:left; width:130px; height:110px; line-height:25px; margin:0 10px 0 10px; padding: 0; background: transparent; color: #000;}/* important: display inline gives incorrect results when you check for elem's width */
ul.newsticker a {padding:0; color:white; cursor: pointer;} 
ul.newsticker span {margin: 0 10px 0 0;}


/*=======================================CORPORATE  INFO===============================================*/

/*=======League Realtionships=========*/

#lrbox{width:720px; height:620px; background:url(../images/statsmapLR.jpg) no-repeat 0 250px;}
#lrbox #leaguelogos{width:720px; float:left;}
#lrbox #leaguelogos .four a{margin:10px 32px 10px 32px;}
#lrbox #leaguelogos .five a{margin:10px 15px 10px 15px;}


#lrbox #leaguelogos a{width:110px; height:90px; display:block; float:left;}
/*=======Logo Classes=========*/
#lrbox #leaguelogos a.nfl{background:url(../images_logos/lrlogo_NFL.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.mlb{background:url(../images_logos/lrlogo_MLB.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.mlb:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.nba{background:url(../images_logos/lrlogo_NBA.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.nba:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.nascar{ background:url(../images_logos/lrlogo_NASCAR.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.nascar:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.epl{background:url(../images_logos/lrlogo_EPL.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.epl:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.afc{background:url(../images_logos/lrlogo_AFC.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.afc:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.wps{background:url(../images_logos/lrlogo_WPS.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.wps:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.cfl{background:url(../images_logos/lrlogo_CFL.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.cfl:hover{background-position:0 -90px;}
#lrbox #leaguelogos a.irl{background:url(../images_logos/lrlogo_IRL.jpg) no-repeat 0 0;}
#lrbox #leaguelogos a.irl:hover{background-position:0 -90px;}


#lrbox #leaguelogos a.current, ul.tabs a.current:hover, ul.tabs li.current a {
	background-color:blue;
	background-position: 0 -180px;
	cursor:pointer; 
}


#lrbox .leaguepanes div{margin-top:10px;}
#lrbox .leaguepanes div h5{margin-left:5px;}
#lrbox .leaguepanes div p{font-size:13px; line-height:22px; margin:10px 0 0 5px; }
#lrbox .leaguepanes div img{margin:10px 0 10px 10px; float:right}

/*===========================================NEWS & INFO===============================================*/

.sidebox#news #boxcontent{padding-top:0;}
.sidebox#news ul{margin:0 0 0 7px;}
.sidebox#news ul li{margin:0; height:30px; background:url(../images/li.png) 0 0 no-repeat; padding-left:10px; line-height:30px;}
.sidebox#news ul li a{padding-left:15px; color:#282828; }
.sidebox#news ul li a:hover{color:#d0001d;}
.sidebox#news ul li a a:active{color:#000;}

#newslist{width:720px; padding-top:10px;}
#newslist a{
	cursor:pointer;
	display:block; 
	width:700px;
	border:1px solid #fff;
	border-bottom:1px dotted #959494;
	padding:10px 10px 10px 5px;
	line-height:25px;
	color:#282828;
	margin:10px 0 0 0;
}
#newslist a:hover{background-color:#f6f4f4; border:1px solid #959494;}

#newslist a.month{display:none;}
#newslist a.month:hover{display:none;}

#newslist a.top{
	background:url(../images/backtopline.jpg)0 0 no-repeat;
	padding:0; 
	width: 720px; 
	height:20px; 
	color:#9d9c9c;
	display:block; 
	font-size:12px;
	line-height:20px;
	float:right; 
	border:none; 
	text-indent:-99999px;
	text-align:center;
}
#newslist a.top:hover{text-indent:0; background-position:0 -20px; border:none;}

#newslist .media{width:28px; height:40px; margin-right:10px; margin-top:-5px; display:block; background:url(../images/pdficon.png) 0 0 no-repeat; overflow:hidden; float:left;}
#newslist .media:hover{background-position:0 -40px; }

#newslist .news{width:28px; height:40px; margin-right:10px; margin-top:-5px; display:block; background:url(../images/newsicon.png) 0 0 no-repeat; overflow:hidden; float:left;}
#newslist .news:hover{background-position:0 -40px; }

#newslist a b{font-size:16px;}

/*===========================================Case Studies===============================================*/

.sidebox#news #boxcontent{padding-top:0;}
.sidebox#news ul{margin:0 0 0 7px;}
.sidebox#news ul li{margin:0; height:30px; background:url(../images/li.png) 0 0 no-repeat; padding-left:10px; line-height:30px;}
.sidebox#news ul li a{padding-left:15px; color:#282828; }
.sidebox#news ul li a:hover{color:#d0001d;}
.sidebox#news ul li a a:active{color:#000;}

#caselist{width:720px; padding-top:20px;}
#caselist a{
	cursor:pointer;
	display:block; 
	width:700px;
	min-height:230px;
	border:1px solid #fff;
	border-bottom:1px dotted #959494;
	padding:10px;
	line-height:25px;
	color:#282828;
}
#caselist a:hover{background-color:#f6f4f4; border:1px solid #959494;  }

#caselist a h4{font-size:24px; margin-bottom:5px;}
#caselist a b{font-size:12px;}
#caselist a img{margin-left:10px;}


/*=====================Press Release======================*/

#pagecontent.pressrelease {}
#pagecontent.pressrelease h2{font-size: 28px; border-bottom:1px solid #959494; height:auto; line-height:30px; padding-bottom:5px; padding-left:5px;}
#pagecontent.pressrelease h3{color:#2e2e2e; font-size:16px; font-family:Arial,Tahoma,sans-serif; letter-spacing:0; padding:10px 0 10px 5px; border-bottom:1px solid #959494;}
#pagecontent.pressrelease h4{color:#2e2e2e; font-size:14px; font-family:Arial,Tahoma,sans-serif; letter-spacing:0; padding-left:5px; line-height:28px; }
#pagecontent.pressrelease h5{color:#2e2e2e; font-size:16px; font-family:Arial,Tahoma,sans-serif; letter-spacing:0; line-height:28px; padding-left:5px; margin:10px 0 0 0; }
#pagecontent.pressrelease p{margin:10px 0 0 5px; line-height:22px; font-size:13px; }
.numList {list-style:decimal; margin: 10px 10px 10px 40px; font-size:1.2em; font-weight: bold;}
.numList span {font-size: .8em; color: #2e2e2e; font-weight: normal;}


/*===========================================SITE INFO===============================================*/


/*=====================Style Guide Page======================*/
.styleGuide {font-size: 80%; line-height:16px;}
.styleGuide ul li {margin: 0 0 0 10px;}
.styleGuide ul li:first-child {font-weight: bold; font-size: 14px; color: #c62727; margin: 0 0 0 0;}
.styleGuide ul {margin: 30px auto 10px auto;}
.styleGuideNav {width: 90%; margin: 10px auto;}
.styleGuideNav a {margin: 0 5px;}


/*========================Contact Us==========================*/


form#contact{
	background:#f6f4f4; 
	padding:20px;
	margin:20px 0 0 0;
	border:1px solid #959494;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

form#contact table{
	width:700px; 
}
form#contact table tr{height:30px; line-height:30px;}
form#contact table tr td{padding:5px 0 5px 0;}
form#contact table tr td.label{width:120px; line-height:30px; text-align:right; padding-right:20px;}

form#contact  label{width:180px; font-size:18px;}

form#contact  input{
	width:520px;
	padding-left:10px;
	height:30px;
	font-size:16px;
	color:#838282;
	background:#fbfbfb;
	border:1px solid #959494;
}

form#contact  input:focus{outline:2px solid #d10000; color:black; background: #ffffff;}

form#contact  textarea{
	width:510px;
	padding:10px;
	font-size:16px;
	font-family: Arial, Tahoma, sans-serif;
	color:#838282;
	background:#fbfbfb;
	border:1px solid #959494;
}

form#contact  textarea:focus{outline:2px solid #d10000; color:black; background: #ffffff;}

form#contact  select{
	width:535px;
	padding-left:10px;
	height:30px;
	font-size:14px;
	line-height:30px;
	color:#838282;
	background:#fbfbfb;
	border:1px solid #959494;
}

form#contact #submit{
	cursor:pointer;
	float:right;
	margin-right:30px;
	width:200px; 
	height:40px; 
	line-height:40px; 
	font-size:18px;
	background: #f6f4f4 url(../images/submitback.jpg) repeat-x 0 0; 
	color:#282727;
	border:1px solid #959494;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}

form#contact #submit:hover{background-position:0 -40px; color:#fff;}

form#contact #submit:focus{
	width:200px; 
	height:38px; 
	line-height:38px; 
	font-size:18px;
	background:#f6f4f4 url(../images/submitback.jpg) repeat-x 0 0; 
	color:#282727;
	border:1px solid #959494;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	behavior: url(../scripts/PIE.htc);
}


/*========================Careers==========================*/

.box#careers{margin-top:5px; margin-bottom:5px; width:722px;}

.box#careers #boxcontent {
	width:700px;
	margin:0;
	padding: 10px;
	border-left: 1px solid #959494;
	border-right: 1px solid #959494;
}

.box#careers #boxcontent p{margin-top:0; font-size:14px; line-height:20px;}
.box#careers #boxcontent li{font-size:14px; line-height:18px; background-position:0 -6px;}
.box#careers #boxcontent h6{font-size:20px; margin:0 0 5px 0;}

/*=====================Social Networking==========================*/
.box #boxcontent.twitterfeed{padding:0; width:318px; height:421px; overflow:hidden;}
.box #boxcontent.twitterfeed h3{background:none; border:none; height:1px;}
.box #boxcontent.twitterfeed .twtr-ft{height:0px;}
.box #boxcontent.twitterfeed .twtr-hd{height:0px; margin-top:-20px;}


.tweet, .query {
	font-family: Arial, Tahoma, Verdana, Sans-serif;
	font-size: 14px;
	line-height: 24px;
	color:#2e2e2e;
}

.tweet .tweet_list, .query .tweet_list {
  -webkit-border-radius: .5em;
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow-y: hidden;
  background-color: #F6F4F4; 
}

.tweet .tweet_list .awesome, .tweet .tweet_list .epic, .query .tweet_list .awesome, .query .tweet_list .epic {
  text-transform: uppercase; 
}

.tweet .tweet_list li, .query .tweet_list li {
	overflow-y: auto;
	overflow-x: hidden;
	padding: .5em; 
}
.tweet .tweet_list li a, .query .tweet_list li a {color: #f50224; }
.tweet .tweet_list .tweet_even, .query .tweet_list .tweet_even {background-color: #ebebeb; }
.tweet .tweet_list .tweet_avatar, .query .tweet_list .tweet_avatar {padding-right: .5em; float: left; }
.tweet .tweet_list .tweet_avatar img, .query .tweet_list .tweet_avatar img {vertical-align: middle; }

#socialnetwork{width:285px; height:72px; float:left; margin:10px 0 0 10px;}
#twitterlinkbox{width:400px; float:left; display:block; width:400px; height:400px;}
#twitterlinkbox a{float:left; background: #fff url(../images/twitterlink.jpg) no-repeat 0 0 ; display:block; height:40px; padding-left: 40px; font-size:24px; color:#3799ba; line-height:40px; margin:15px 0 0 20px;}
#twitterlinkbox a:hover{background-position: 0 -40px;}

#bloglinkbox{width:400px; float:left; display:block; width:400px; height:200px;}
#bloglinkbox a{background: #fff url(../images/bloglink.jpg) no-repeat 0 0 ; text-align:left; display:block; height:40px; padding-left: 40px; font-size:24px; color:#3799ba; line-height:40px; margin:15px 0 0 20px;}
#bloglinkbox a:hover{background-position: 0 -40px;}

/*========================Miscellaneous==========================*/

#misclinks{width:720px; height:195px; margin:20px 0 20px 0;}
#misclinks a{display:block; width:220px; height:195px; float:left; margin:0 10px 0 10px; overflow:hidden;}

/*==========================Site Index===========================*/

ul#siteindex{width:720px;}
ul#siteindex a{color:#313131;}
ul#siteindex a:hover{color:#d80b28;}

ul#siteindex li.top {font-size:20px; font-weight:bold; line-height:50px; height:40px; border-bottom:1px dotted #dcdcdc; margin-bottom:10px;}

ul#siteindex .sub a{font-size:12px;}
ul#siteindex .sub {display:block;}
ul#siteindex .sub ul{line-height:16px; float:left; width:135px; margin:0 5px 20px 0;}
ul#siteindex .sub ul li.main a{font-size:14px; font-weight:bold; height:40px; line-height:20px;}
ul#siteindex .sub ul li.main {height:20px;}

.languageintrotext{margin-top:15px; width:700px; float:left;}
.languageintrotext p{margin-top:5px; font-size:15px; line-height:30px;}

.hostedlinkrow {margin-bottom:20px;}
.hostedlinkrow a{margin-right:20px;}


/*========================Logos==========================*/

.logo_download{width:340px; float:left; margin:0 20px 20px 0;}
.logo_download img{width:340px; border:1px solid #d3d3d3;}
.logo_download a:hover{text-decoration:underline;}

.logo2_download{width:120px; float:left; margin:0 23px 20px 0;}
.logo2_download img{width:120px; border:1px solid #d3d3d3;}
.logo2_download a:hover{text-decoration:underline;}


body.notfound404 #notfoundcontainer{width:800px; margin: 0 auto; border-top:1px solid #fff;}
#notfoundcontainer h1 {margin: 0;padding: 0;	font-family: Tahoma, Verdana, Arial, Sans-serif;font-weight: normal;border: none;}
#notfoundcontainer h1 a {display: block;	position: absolute;	width:225px;height:70px; margin:20px 0 0 20px; line-height:70px; text-indent:-99999px;background: url(../images/stats_logo.png) no-repeat 0 0;}
#notfoundcontainer h1 a:hover {background-position: 0 -70px;}
#notfoundcontainer h2{border-bottom:none; color:#fff; font-size:48px; margin:110px 0 0 40px; text-align:center; }
#notfoundcontainer h3{border-bottom:none; font-size:32px; margin:40px 0 0 0; text-align:center; }
#notfoundcontainer h4{border-bottom:none; font-size:24px; margin:20px 0 0 0; text-align:center; }
#notfoundcontainer ul{font-size:18px; text-align:left; width:500px; margin:20px auto; }