/*
 * title: 	Header Stylesheet
 * author: 	Luke Seeley
 * email:	luke@livestream.com
 * --------------------------------------------------------- */

/* General
 * --------------------------------------------------------- */

html,body {
	height: 100%;
	background: #fff;
	color: #404040;
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	}
h1,h2,h3,h4,h5,h6 {
	font-family: 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	}
.clear {
	clear: both;
	}
.hide {
	display: none;
	}
a {
	color: #3987cc;
	text-decoration: none;
	outline: none;
	}
a:hover {
	color: #222;
}	
button:hover {
	cursor: pointer;
	}
.button,
.button.disabled:hover,
.button.disabled:active {
	display: block;
	border: 1px solid #bbb;
	-khtml-border-radius: 50px;
	-moz-border-radius: 50px;
	-webkit-border-radius: 50px;
	border-radius: 50px;
	background-color: #e7e7e7;
	background-image: -moz-linear-gradient(top, #ffffff 0%,#f7f7f7 3%, #e7e7e7 50%, #d7d7d7 50%, #dddddd 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.03, #f7f7f7),color-stop(0.5, #e7e7e7),color-stop(0.5, #d7d7d7),color-stop(1, #dddddd));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
	color: #444;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
	outline: none;
	}
.button.disabled,
.button.disabled:hover {
	cursor: default;
	color: #999;
	}	
.button:hover {
	background-image: -moz-linear-gradient(top,#ffffff, #f0f0f0 50%,#e5e5e5 50%, #dddddd 100%);
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.5, #f3f3f3),color-stop(0.5, #eee),color-stop(1, #dddddd));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#dddddd')";
	color: #3987cc;
	text-decoration: none;	
	cursor: pointer;
	}	
.button:active {
	background-image: -moz-linear-gradient(top, #dddddd, #eeeeee);
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #eeeeee));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee')";
	}
	
/* Blue Button */    
.button.blue,
.button.blue.disabled:hover {
    background-color: #3987cc;
    border-color: #3175b1;
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#8ac2f4), to(#3987cc), color-stop(.01,#ffffff),color-stop(.02,#8ac2f4),color-stop(.5,#5d9dd5), color-stop(.5,#3987cc));
    background-image:-moz-linear-gradient(center top , #8AC2F4 0%, #FFFFFF 1%, #8AC2F4 2%, #5D9DD5 50%, #3987cc 50%,#3987CC 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac2f4', EndColorStr='#3987cc');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#8ac2f4', EndColorStr='#3987cc')";
    color: #ffffff;
    text-shadow: #15314a 0px 1px 1px;
    }
.button.blue:hover {border-color: #265a8a;}
.button.blue:active {
    background-image:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#3175b1), to(#4ca2ee), color-stop(.01,#ffffff),color-stop(.02,#3987cc));
    background-image:-moz-linear-gradient(center top , #3175b1 0%, #FFFFFF 1%, #3987cc 2%,#4ca2ee 100%);
    filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#3175b1', EndColorStr='#4ca2ee');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#3175b1', EndColorStr='#4ca2ee')";   
    }
.button.blue.disabled,
.button.blue.disabled:hover {
	color: #32659e;
	text-shadow: #4899f0 0px 1px 0px;
	}	

/* Main Structure
 * --------------------------------------------------------- */

#page-wrap {
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -355px;
}
body.forum #page-wrap{margin: 0 auto -193px;}
#page-wrap.no_related_channels {margin: 0 auto -193px;}
#page-wrap-bottom {height: 355px;}
body.forum #page-wrap-bottom{height:193px;}
#page-wrap.no_related_channels #page-wrap-bottom {height: 193px;}
#wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	}

/* NEW HEADER STYLES
 * --------------------------------------------------------- */

/* "Livestream Your Events" promo */

#header_promo {
	display: none;
	width: 100%;
	height: 140px;
	background: url(/images/guide/header_promo-bg.jpg) repeat-x left top;
}
#header_promo_content {
	width: 975px;
	background: url(/images/guide/header_promo-main.jpg) no-repeat left top;
	height: 140px;
	margin: 0 auto;
	position: relative;
}

#header_promo h1 {
	text-indent: -9999px;
	height: 0;
	width: 0;
}

#header_promo p {
	text-indent: -9999px;
	height: 0;
	width: 0;
}

#header_promo ul {
	margin-top: 79px;
}

#header_promo ul li {float:left;}

#header_promo a {
	display: inline;
	float: left;
	width: 135px;
	height: 31px;
	line-height: 30px;
	margin: 0 5px 0 0;
	background: url(/images/guide/button-header_promo-yellow.png) no-repeat left top;
	text-align: center;
	color: #222;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
	}	
#header_promo a.broadcast_now {
	background: url(/images/guide/button-header_promo-red.png) no-repeat left top;
	color: white;
	text-shadow: #5c0000 0px 1px 0px;
}
#header_promo a:hover {background-position: left center;}	
#header_promo a:active {background-position: left bottom;}

#header_promo span.caret {
	width: 17px;
	height: 6px;
	line-height:6px;
	text-indent:-9999px;
	background: url(/images/guide/header_promo-caret.png) no-repeat left bottom;
	position: absolute;
	bottom: 0px;
	right: 85px;
	z-index: 1000;
}
#header_promo span.caret.logged_in {right:65px;}

#header_promo a.hide_header {
	position: absolute;
	top: 0px;
	right: 10px;
	width: 56px;
	height: 24px;
	text-indent:-9999px;
	background: url(/images/button-header_promo-hide_header.png) no-repeat left top;
}

#header_promo a.hide_header:hover {background-position: left center;}
#header_promo a.hide_header:active {background-position: left bottom;}

#header_promo a.support_number {
	position: absolute;
	top:6px;
	right:77px;
	width:106px;
	height: 12px;
	display:block;
	text-indent:-9999px;
	background: url(/images/button-header_promo-support_number.png) no-repeat left top;
}

#header_promo a.support_number:hover {background-position: left center;}
#header_promo a.support_number:active {background-position: left bottom;}


/* Notification */

#notification {
	/*padding: 10px 0 0 0;*/
	height: 40px;
	background: #222 url(/images/background-notification.gif) repeat-x left bottom;
	color: #ccc;
	text-align: center;
	font: normal 11px/22px arial, sans-serif;
	}
#notification strong {color: #fff;}
#notification ul {
	position: relative;
	width: 900px;
	margin: 0 auto;
	}
#notification ul li {
	display: block;
	line-height: 18px;
	}
#notification p a {
	color: #fff;
	text-decoration: underline;
	}
#notification p a:hover {
	color: #999;
	}
#notification a.hideNotification {
	display: block;
	position: absolute;
	right: 5px;
	top: 12px;
	width: 19px;
	height: 19px;
	line-height: 19px;
	margin: 0 0 0 5px;
	background: url(/images/button-close-notification.gif) no-repeat left top;
	text-indent: -9999px;
	}
#notification a:active {
	background-position: left bottom;
	}
#notification p.logoClass {
         background:url("/images/new_channel/new_header/new_logo.png") no-repeat scroll 0 0 transparent;
         height:30px;
         padding-top:10px;
        }
#header {
	position: relative;
	z-index: 100;
	background: url(/images/new_channel/background-header.png) repeat-x left top;
	height: 46px;
	}
#header .inner {
	position: relative;
	width: 960px;
	height: 45px;
	margin: 0 auto;
	}
#header #logo {
	display: block;
	float: left;
	width: 133px;
	height: 41px;
	line-height: 41px;
	margin: 0 8px 0 -10px;
	background: url(/images/new_channel/new_header/new_logo.png);
	text-indent: -9999px;
	}
#header #logo:hover {background-position: 0px -38px;}
#header #logo:active {margin-top: 1px;}
#header #nav-main,
#header #nav-main li {
	float: left;
	}
#header #nav-main li a {
	display: block;
	float: left;
	width: 79px;
	height: 45px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}
#header #nav-main li a.link-channels {
	width: 118px;
	height: 44px;
	background: url(/images/new_channel/new_header/nav-channels.png) no-repeat left top;
	}
#header #nav-main li a.link-channels:hover {
	background-position: left center;
	}
#header #nav-main li a.link-channels.highlight {
	background-position: left bottom;
	}
/* Including new css for jp text for channel in username*/
#header #nav-main li a.jp_link-channels {
	width: 118px;
	height: 44px;
	background: url(/images/new_channel/new_header/channels_jp.png) no-repeat left top;
	}
#header #nav-main li a.jp_link-channels:hover {
	background-position: left center;
	}
#header #nav-main li a.jp_link-channels.highlight {
	background-position: left bottom;
	}
/* End new css*/
/* User Navigation */

#header #nav-user {
	float: right;
	margin: 0 10px 0 0;
	}
#header #nav-user li {
	float: left;
	line-height: 42px;
	color: #999;
	text-shadow: #000 0px 1px 0px;
	}
#header #nav-user li a {
	display: block;
	float: left;
	height: 25px;
	line-height: 23px;
	margin: 10px 0 0 1px;
	padding: 0 10px;
	color: #e7e7e7;
	text-shadow: #000 0px 1px 0px;
	text-align: center;
	font-size: 11px;
	background: url(/images/button-user_nav.png) no-repeat left top;
	}
#header #nav-user li a.support,
#header #nav-user li a.sign_up {background-position: right top;}
#header #nav-user li a.sign_up:hover,
#header #nav-user li a.support:hover {background-position: right center;}
#header #nav-user li a.sign_up:active,
#header #nav-user li a.support:active {background-position: right bottom;}	
#header #nav-user li a.sign_out {background-position: center top;}
#header #nav-user li a.sign_out:hover {background-position: center center;}
#header #nav-user li a.sign_out:active {background-position: center bottom;}	
#header #nav-user li a:hover {
	color: #fff;
	text-shadow: #000 0px 1px 0px, #3987cc 0px 0px 15px;
	background-position: left center;
	}
#header #nav-user li a:active {
	background-position: left bottom;
	}
/*#platform #header #livestream_your_events{display:none;}*/
#header #livestream_your_events {
	float: right;
	width: 171px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(/images/guide/button-header-livestream_your_events.png) no-repeat left top;
	text-indent: -9999px;
	}
#header #livestream_your_events:hover {background-position: left center;}
#header #livestream_your_events:active {background-position: left bottom;margin-top: 11px;}
/* new css for jp live stream events*/
#platform #header #jp_livestream_your_events{display:none;}
#header #jp_livestream_your_events {
	float: right;
	width: 166px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(/images/guide/jp-button-header-livestream_your_event.png) no-repeat left top;
	text-indent: -9999px;
	}
#header #jp_livestream_your_events:hover {background-position: left center;}
#header #jp_livestream_your_events:active {background-position: left bottom;margin-top: 11px;}
/* End new css*/
#header #broadcast_now {
	float: right;
	width: 135px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(/images/guide/button-header-broadcast_now.png) no-repeat left top;
	text-indent: -9999px;
	}
#header #broadcast_now:hover {background-position: left center;}
#header #broadcast_now:active {background-position: left bottom;margin-top: 11px;}

/* new css for jp broadcast now*/
#header #jp_broadcast_now {
	float: right;
	width: 135px;
	height: 25px;
	margin: 10px 0 0 0;
	background: url(/images/guide/jp-button-header-broadcast_now.png) no-repeat left top;
	text-indent: -9999px;
	}
#header #jp_broadcast_now:hover {background-position: left center;}
#header #jp_broadcast_now:active {background-position: left bottom;margin-top: 11px;}
/* end */

/* Channel Dropdown
 * --------------------------------------------------------- */

/* Search Channels */

#header #search_channels {
	float: left;
	width: 198px;
	height: 34px;
	padding: 10px 10px 0 9px;
	margin: -0 0 0 5px;
	background: url(/images/new_channel/new_header/background-search_channels.png) no-repeat 0px -50px;
	}	
#header #search_channels input {
	display: block;
	float: left;
	width: 167px;
	height: 25px;
	line-height: 25px;
	padding: 0 0 0 6px;
	background: url(/images/new_channel/new_header/input-search_channels.png) no-repeat left top;
	border: none;
	color: #fff;
	text-shadow: #000 0px 1px 0px;
	outline: none;
	}	
#header #search_channels input:focus {
	background-position: left bottom;
	}	
#header #search_channels a {
	display: block;
	width: 25px;
	height: 25px;
	float: right;
	background: url(/images/new_channel/new_header/button-search_channels.png) no-repeat left top;
	border: none;
	text-indent: -9999px;
	}	
#header #search_channels a:hover {
	background-position: left center;
	}
#header #search_channels a:active {
	background-position: left bottom;
	}	
	
/* Channel Navigation Dropdown */
	
#header #nav-channels {
	display: none;
	position: absolute;
	z-index: 101;
	left: 113px;
	top: 44px;
	width: 875px;
	height: 292px;
	background: url(/images/new_channel/new_header/background-nav-channels.png) no-repeat left top;
	overflow: hidden;
	}
	
/* Channel Navigation Dropdown - Navigation */	

#header #nav-channels .nav {
	float: left;
	position: relative;
	z-index: 101;
	width: 117px;
	margin: 0 0 0 19px;
        padding: 0;
}
#header #nav-channels .nav li{
    margin:0;
}
#header #nav-channels .nav li a {
	display: block;
	width: 125px;
	height: 28px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
	}	
#header #nav-channels .nav li a#nav-channels-featured {
	background-image: url(/images/new_channel/new_header/nav-featured.png);
	}
#header #nav-channels .nav li a#nav-channels-live_now {
	background-image: url(/images/new_channel/new_header/nav-live_now.png);
	}
#header #nav-channels .nav li a#nav-channels-popular {
	background-image: url(/images/new_channel/new_header/nav-popular.png);
	}	
#header #nav-channels .nav li a#nav-channels-news {
	background-image: url(/images/new_channel/new_header/nav-news.png);
	}	
#header #nav-channels .nav li a#nav-channels-entertainment {
	background-image: url(/images/new_channel/new_header/nav-entertainment.png);
	}
#header #nav-channels .nav li a#nav-channels-music {
	background-image: url(/images/new_channel/new_header/nav-music.png);
	}
#header #nav-channels .nav li a#nav-channels-sports {
	background-image: url(/images/new_channel/new_header/nav-sports.png);
	}
#header #nav-channels .nav li a#nav-channels-games {
	background-image: url(/images/new_channel/new_header/nav-games.png);
	}	
#header #nav-channels .nav li a#nav-channels-my_channels {
	margin-top: 20px;
	background-image: url(/images/new_channel/new_header/nav-my_channels.png);
	}	
#header #nav-channels .nav li a:hover {
	background-position: left center;
	}	
#header #nav-channels .nav li a.highlight {
	background-position: left bottom;
	}
#header #nav-channels #channel_lists {
	float: left;
	width: 397px;
	height: 272px;
	margin: 1px 0 0 0;	
	overflow: hidden;
	}	
#header #nav-channels #channel_lists .loadingChannels {background:url(/images/new_channel/background-loading.gif) no-repeat center center;line-height:198px;text-align: center;}
#header #nav-channels #channel_lists .loadingChannels p {padding-top:54px;line-height:198px;margin:0;}
#header #nav-channels .channels {
	float: left;
	width: 397px;
	position: relative;
	z-index: 100;
        padding: 0;
        margin: 0;
	}	
#header #nav-channels .channels .channel {
	position: relative;
	width: 397px;
	height: 72px;
	border-bottom: 1px solid #c4d1db;
	background: url(/images/new_channel/new_header/background-channel.png) no-repeat left top;
	overflow: hidden;	
	text-shadow: #fff 0px 1px 0px;
        margin: 0;
	}	
#header #nav-channels .channels .channel a:hover {
	text-decoration: none;
	color: #3987cc;
	}	
#header #nav-channels .channels .channel:hover {
	background-position: left center;
	cursor: pointer;
	}	
#header #nav-channels .channels .channel:active {
	background-position: left bottom;
	}
#header #nav-channels .channels .channel .thumbnail {
	display: block;
	float: left;
	position: relative;
	width: 96px;
	height: 54px;
	margin: 8px;
	padding: 1px;
	}	
#header #nav-channels .channels .channel .thumbnail .mask {
	display: block;
	width: 98px;
	height: 56px;
	position: absolute;
	z-index: 100;
	left: 0px;
	top: 0px;
	background: url(/images/new_channel/new_header/mask.png);
	}
#header #nav-channels .channels .channel .thumbnail .img {display:block;width:97px;height:55px;}
#header #nav-channels .channels .channel .thumbnail .live {
	position: absolute;
	z-index: 101;
	left: 5px;
	top: 5px;
	width: 27px;
	height: 13px;
	background: url(/images/new_channel/new_header/badge-live.png);
	text-indent: -9999px;
	}	
#header #nav-channels .channels .channel h3 {
	margin: 9px 0 0 0;
	font-size: 15px;
    height:20px;
    line-height: 20px;
    max-width:260px;
    overflow:hidden;
	}	
#header #nav-channels .channels .channel h3 a {
	float: none;
	width: auto;
	height: auto;
	text-indent: 0px;
	}	
#header #nav-channels .channel p {
	margin: 0 0 5px 0;
	height:15px;
	max-width:260px;
	overflow:hidden;
	}	
#header #nav-channels .channels .channel p.viewer {
	margin: 0;
	color: #999;
	font-size: 11px;	
	}	
#header #nav-channels .no_channels {
	width: 316px;
	margin: 20px;
	padding: 15px;
	background: #fcffbb;
	border: 1px solid #c2c878;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	font-size: 13px;
	text-shadow: #fff 0px 1px 0px;
	}	
#header #nav-channels .no_channels h3 {
	margin: 0 0 5px 0;
	font-size: 16px;
	}	
#header #nav-channels .no_channels p {
	line-height: 18px;
	color: #7d7f4c;
	}	
#header #nav-channels .no_channels a {
	display: block;
	width: 182px;
	height: 24px;
	margin: 15px 0 0 0;
	background: url(/images/new_channel/new_header/button-launch_your_first_channel.png);
	text-indent: -9999px;
	}	
#header #nav-channels .no_channels a:hover {
	background-position: left center;
	}
#header #nav-channels .no_channels a:active {
	background-position: left bottom;
	}	
#header #nav-channels .channels .more {
	position: relative;
	width: 387px;
	line-height: 52px;
	padding: 0 0 0 10px;
	font-size: 14px;
	color: #455c6d;
        margin: 0;
	}
#header #nav-channels .channels .more p{
        line-height: 52px;
        margin: 0;
}
#header #nav-channels .channels .more a {
	position: absolute;
	right: 10px;
	top: 13px;
	width: 115px;
	height: 24px;
	line-height: 24px;
	background: url(/images/new_channel/new_header/button-more_channels.png) no-repeat left top;
	text-indent: -9999px;
	}	
#header #nav-channels .channels .more a:hover {
	background-position: left center;
	}
#header #nav-channels .channels .more a:active {
	background-position: left bottom;
	}		
#header #nav-channels .ad {
	float: left;
	width: 300px;
	height: 250px;
	margin: 10px 0 0 10px;
	border: 1px solid #000;
	}

/* Name Change */

#name_change {
	position: absolute;
	z-index: 1001;
	top: 100px;
	width: 100%;
	height: 415px;
	background: url(/images/background-new_name.png) no-repeat center top;
	text-align: center;
	}
#name_change a {
	display: block;
	width: 113px;
	height: 42px;
	margin: 307px auto 0 auto;
	background: url(/images/button-new_name-continue.png) no-repeat left top;
	text-indent: -9999px;
	}
#name_change a:active {
	background-position: left bottom;
	}
	
/* Sub Navigation */

#sub_nav {
	position: relative;
	width: 960px;
	height:38px;
	margin: 20px auto;
	}
#sub_nav ul{
	margin:0;
	padding:0;
	height: 38px;
	-khtml-border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #dddddd;
	background-image: -moz-linear-gradient(top, #ffffff 0%,#f2f2f2 3%, #dddddd 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(0.03, #f2f2f2),color-stop(1, #dddddd));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#dddddd');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#f2f2f2', EndColorStr='#dddddd')";
	-moz-box-shadow: 0px 1px 0px rgba(0,0,0,.05); 
	-webkit-box-shadow: 0px 1px 0px rgba(0,0,0,.05); 
	box-shadow: 0px 1px 0px rgba(0,0,0,.05); 
}
#sub_nav ul li {float: left;position: relative;}
#sub_nav ul li a {
	position: relative;
	display: block;
	float: left;
	width: 113px;
	height: 36px;
	line-height: 36px;
	border-right: 1px solid #c1c1c1;	
	color: #565656;	
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	text-shadow: #fff 0px 1px 0px;
	border-top: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	}
#sub_nav ul li:first-child a {border-left: 1px solid #c1c1c1;}
#sub_nav ul li:last-child a {border-right: 1px solid #c1c1c1;}
#sub_nav ul li a:hover {
	text-decoration:none; 
	background-image: -moz-linear-gradient(top,#fafafa, #dedede 100%);
	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ffffff),color-stop(.03, #fafafa),color-stop(1, #dedede));
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dedede');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#fafafa', EndColorStr='#dedede')";
	}
#sub_nav ul li a:active {
	background-image: -moz-linear-gradient(top, #dddddd, #eeeeee); /* FF3.6 */
  	background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #dddddd),color-stop(1, #eeeeee)); /* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#eeeeee')"; /* IE8 */ 
	-moz-box-shadow: inset 0px 2px 6px #aaa;
	-webkit-box-shadow: inset 0px 2px 6px #aaa;
	box-shadow: inset 0px 2px 6px #aaa;
	}

#sub_nav a.support_number {
	position:absolute;
	top:0;
	right:0;
	width: 136px;
	height: 38px;
	display: block;
	text-indent:-9999px;
	background: url(/images/button-support_number.gif) no-repeat left top;
}

#sub_nav a.support_number:hover {background-position:left bottom;}