body {
	background: #FFFFFF url(/images/home/gradient-sprites.gif?v=2) repeat-x 0 -464px;
	margin: 0 auto;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	color: #525252;
}
a {
	color: #0072bc;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #006699;
}
a:active {
	outline: none;
	border: none;
}
a:focus {
	-moz-outline-style: none;
	border: none;
}
table {
	border-collapse: collapse;
}
img {
	display: block;
	border: none;
}
fieldset {
	margin: 0;
	padding: 0;
	border: none;
}
small {
	font-size: 0.75em;
}
.hidden {
	display: none;
}
.invisible {
	visibility: hidden;
}
.left {
	float: left;
}
.right {
	float: right;
}
.clear,.float-catch {
	clear: both;
}
.nowrap {
	white-space: nowrap;
}
.small-caps,.sc {
	font-variant: small-caps;
}
#container {
	width: 980px;
	margin: auto;
}
#header {
	display: block;
	width: 980px;
	height: 99px;
	margin: 0 auto;
}
#header h1 {
	float: left;
	margin: 0;
	padding: 0;
}
#home-logo {
	display: block;
	float: left;
	width: 328px;
	height: 51px;
	margin: 30px 0 0 30px;
	background: transparent url(/images/home/home-sprites.png?v=2) no-repeat;
}
#toph-tribute {
	float: right;
	width: 335px;
	height: 72px;
	margin: 14px -1px 0 0;
}
#toph-tribute div {
	display: none;
	height: 44px;
	padding: 11px 40px 15px 15px;
	background-color: #EEEEEE;
	font-size: 13px;
	color: #666666;
}
#toph-tribute-trigger {
	float: right;
	position: relative;
	right: -325px;
	top: 45px;
}
#unav {
	width: 950px;
	height: 35px;
	margin: 0 auto;
	padding: 0 0 0 30px;
	background: #F0F0F0 url(/images/home/gradient-sprites.gif?v=2) repeat-x 0 -400px;
}
#unav ul {
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
}
#unav li {
	float: left;
	width: auto;
	margin: 0 22px 0 0;
}
#unav li a {
	display: block;
	line-height: 35px;
	font-size: 13px;
	font-weight: bold;
	color: #989898;
	text-decoration: none;
	text-transform: uppercase;
}
#unav li a:hover {
	color: #494949;
}
#searchbox {
	float: right;
	line-height: normal;
	margin: 0 5px 0;
}
#searchbox form {
	margin: 0;
	padding: 0;
}
#search {
	margin-top: 5px;
	width: 140px;
	height: 19px;
	padding: 3px 2px 0px 22px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF url(/images/home/home-sprites.png?v=2) no-repeat 5px -145px;
	font-size: 12px;
	color: #9A9A9A;
}
#browse {
	background: transparent url(/images/home/home-sprites.png?v=2) no-repeat right -140px;
	padding-right: 24px;
}
#browse.browse-close {
	background-position: right -190px;
}
#browse-box {
	display: none;
	padding: 15px;
	margin: 0 auto;
	width: 950px;
	height: 70px;
	background-color: #FFFFFF;
}
#browse-box td {
	border: 1px dotted #AAA9AA;
	width: 237px;
	height: 29px;
}
#browse-box a {
	display: block;
	height: 29px;
	line-height: 29px;
	padding: 0px 15px;
	color: #969696;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
}
#browse-box a .browse-sub {
	font-size: 12px;
	font-weight: normal;
}
#browse-box a:hover {
	background-color: #EFEFEF;
	color: #5D5C5C;
}

#lip {
	margin: 0 auto;
	width: 980px;
	height: 1px;
	background-color: #D5D5D5;
	border-bottom: 1px solid #D8D8D8;
	margin-bottom: 1px;
}

a.more {
	display: block;
	float: left;
	width: auto;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
}
a.more .more-chev {
	font-size: 16px;
	line-height: 14px;
}
.more-chev {
	font-size: 16px;
	line-height: 14px;
}
.block {
	display: block;
}
#footer {
	clear: both;
	width: 918px;
	height: 120px;
	padding: 12px 30px 0 30px;
	border: 1px solid #CCCBCC;
	margin: 30px auto 0 auto;
	background: transparent url(/images/home/gradient-sprites.gif?v=2) repeat-x 0 -200px;
}
#footer #logobar {
	height: 27px;
	background: transparent url(/images/home/home-sprites.png?v=2) no-repeat center -300px;
}
#footer #logobar div {
	width: 47%;
	margin-top: 12px;
	border-bottom: 1px solid #0099CC;
	color: #0099CC;
}
#footer #logobar a {
	display: block;
	float: left;
	width: 33px;
	height: 27px;
	margin-left: 11px;
}

#footer-nav {
	margin: 20px 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
#footer-nav li {
	display: inline;
	margin: 0;
	padding: 0;
}
#footer-nav li a {
	padding: 0 11px;
	border-right: 1px solid #006699;
	font-size: 12px;
}
#footer-nav .first a {
	padding-left: 0;
}
#footer-nav .last a {
	border-right: none;
	padding-right: 0;
}

#footer-copyright {
	float: left;
	margin-left: 25px;
	font-size: 10px;
	line-height: 25px;
}

#footer-searchbox {
	float: left;
	margin-left: 45px;
}
#footer-searchbox form {
	clear: both;
	display: block;
}
#footer-searchbox input {
	float: left;
	width: 246px;
	height: 20px;
	padding: 3px 2px 0px 22px;
	border: 1px solid #CCCCCC;
	margin-right: 10px;
	background: #FFFFFF url(/images/home/home-sprites.png?v=2) no-repeat 5px -145px;
	font-size: 12px;
	color: #9A9A9A;
}
#footer-search-form fieldset div {
	float: left;
}

#footer-social {
	float: right;
	font-size: 10px;
	line-height: 25px;
}
#footer-social span {
	float: left;
}
#footer-social ul {
	float: right;
	margin: 0 14px 0 0;
	padding: 0;
	list-style: none;
}
#footer-social li {
	float: left;
	margin: 4px 0 0 7px;
	background: transparent url(/images/home/social-logos.gif?v=1) no-repeat 0 0;
}
#footer-social li a {
	display: block;
	width: 16px;
	height: 16px;
}
#footer-social-facebook {
	margin-left: 14px;
}
#footer-social #footer-social-myspace {
	background-position: -16px 0;
}
#footer-social #footer-social-twitter {
	background-position: -32px 0;
}
#footer-social #footer-social-vimeo {
	background-position: -48px 0;
}
#footer-social #footer-social-youtube {
	background: transparent url(/images/home/youtube.png?v=1) no-repeat 0 0;
}
a.button {
	display: block;
	float: left;
	height: 26px;
	margin: 0 15px 0 0;
	padding: 0 0 0 15px;
	background: transparent url(../../images/home/button-sprites.png?v=1) no-repeat left top;
	color: #666666;
	font-size: 12px;
	font-weight: bold;
	line-height: 26px;
	text-decoration: none;
	white-space: nowrap;
	cursor: pointer;
	outline-style: none;
}
a.button:hover {
	background-position: left -30px;
	color: #333333;
}
a.button:active {
	background-position: left -60px;
	color: #666666;
}
a.button b {
	float: left;
	cursor: pointer;
}
a.button span {
	display: block;
	float: right;
	width: 15px;
	margin: 0 -15px 0 0;
	background: transparent url(../../images/home/button-sprites.png?v=1) no-repeat right top;
	font-size: inherit;
	cursor: pointer;
}
a.button:hover span {
	background-position: right -30px;
}
a.button:active span {
	background-position: right -60px;
}
#content {
	width: 700px;
	padding: 30px;
	float: left;
}
#content h3 {
	margin-top: 0;
	color: #066899;
	font-size: 20px;
	text-transform: uppercase;
}
#content p {
	line-height:1.3em;
}

#content h5 {
	font-size: 1em;
}
hr {
 	width: 100%;
 	height: 1px;
 	color: #333433;
 	background-color: #666666;
 	border: 0px;
 	border-top: 1px dotted #333433;
 	clear: both;
}
#nav {
	width: 220px;
	float: right;
	background-color: #FFFFFF;
	padding-top: 10px;
}
#nav-wrapper {
	background-color: #FFFFFF;
	float: left;
}

/* NAVIGATION STYLES */
#nav b {
	font-size: 14px;
	color: #838383;
}
#nav ul {
	list-style: none;
	margin: 0 0 0 10px;
	padding: 0;
	font-size: 14px;
	font-weight: bold;
}
#nav ul li {
	margin-bottom: 30px;
}
#nav ul ul {
	margin: 4px 0 0 0;
	font-size: 12px;
	line-height: 15px;
	font-weight: normal;
	border-top: 1px solid #E6E6E6;
}
#nav ul ul li {
	margin: 0;
	border-bottom: 1px solid #E6E6E6;
}
#nav ul ul li a {
	display: block;
	padding: 2px 0 2px 20px;
	background: url('/subpage_common/images/bullet.gif') no-repeat 10px center;
	text-decoration: none;
	color: #838383;
}
#nav ul ul li a.active-nav {
	color: #F7921E;
	font-weight: bold;
	background-image: url('/subpage_common/images/bullet-active.gif');
}
#nav ul ul li a:hover {
	color: #F7921E;
}

/* CONTENT AREA STYLES */
#content-container, .content-container {
	padding: 30px;
	width: 670px;
	background-color: #FFFFFF;
}

/* COLUMN STYLES */
#right-column {
	background-color: #EEEEEE;
	float: right;
	padding: 30px;
	width: 220px;
}
#right-column-grad {
	background: transparent url(/beta/newsroom/images/right-column-bg.gif) repeat-x scroll 0 0;
	clear: both;
	height: 48px;
	margin: -15px 0 0 480px;
	width: 280px;
}
#right-column ul {
	list-style-type: none;
	margin: 0 0 50px 0;
	padding: 0;
}
#main-article, #left-column {
	float: left;
	width: 420px;
	padding: 30px;
	background-color: #FFFFFF;
}

/* LIVE NOW */
#live-now-wrapper {
	width: 100%;
	background: #ffffff;
	height: 140px;
	margin-bottom: -37px;
}
#live-now {
	display: block;
	margin: auto;
	width: 980px;
	height: 80px;
	text-decoration: none;
	letter-spacing: 0.03em;
	line-height: 1.4em;
	cursor: pointer;
}
#live-now-left {
	float: left;
	width: 123px;
	height: 48px;
	background: transparent url(/images/home/home-sprites.png) left -350px no-repeat;
	padding: 32px 0 0 30px;
	color: #ffffff;
	font-weight: bold;
	font-size: 22px;
}
#live-now-right {
	background: #494949 url(/images/home/live-now-bg.png) repeat-x;
	padding: 22px 0 0 20px;
	color: #ffffff;
	width: 801px;
	height: 58px;
	float: left;
}
#live-now-end {
	background: transparent url(/images/home/home-sprites.png) right -350px no-repeat;
	width: 6px;
	height: 80px;
	float: left;
}
.live-now-title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 5px;
}
.live-now-key {
	color: #b9b9b9;
}
.live-now-slash {
	margin: 0 5px;
}
.live-now-watch {
	color: #f7921e;
	margin-left: 5px;
}
/*****************************************************************************
scalable Inman Flash Replacement (sIFR) version 3.

Copyright 2006 – 2008 Mark Wubben, <http://novemberborn.net/>

Older versions:
* IFR by Shaun Inman
* sIFR 1.0 by Mike Davidson, Shaun Inman and Tomas Jogin
* sIFR 2.0 by Mike Davidson, Shaun Inman, Tomas Jogin and Mark Wubben

See also <http://novemberborn.net/sifr3> and <http://wiki.novemberborn.net/sifr3>.

This software is licensed and provided under the CC-GNU LGPL.
See <http://creativecommons.org/licenses/LGPL/2.1/>
*****************************************************************************/

@media screen {
	.sIFR-flash {
		visibility: visible !important;
		margin: 0;
		padding: 0;
	}

	.sIFR-replaced, .sIFR-ignore {
		visibility: visible !important;
	}

	.sIFR-alternate {
		position: absolute;
		left: 0;
		top: 0;
		width: 0;
		height: 0;
		display: block;
		overflow: hidden;
	}

	.sIFR-replaced div.sIFR-fixfocus {
		margin: 0pt;
		padding: 0pt;
		overflow: auto;
		letter-spacing: 0px;
		float: none;
	}
	object {
		-moz-outline-style: none;
		outline: none;
		border: none;
	}
}

@media print {
	.sIFR-flash {
		display    : none !important;
		height     : 0;
		width      : 0;
		position   : absolute;
		overflow   : hidden;
	}

	.sIFR-alternate {
		visibility : visible !important;
		display    : block   !important;
		position   : static  !important;
		left       : auto    !important;
		top        : auto    !important;
		width      : auto    !important;
		height     : auto    !important;
	}
}

/*
Place CSS rules for to-be-replaced elements here. Prefix by .sIFR-active
so they only apply if sIFR is active. Make sure to limit the CSS to the screen
media type, in order not to have the printed text come out weird.
*/
@media screen {
	.sIFR-active #tabs h3{
		visibility: hidden;
	}
	#tabs h3.sIFR-replaced {
		line-height: 13px;
	}
	#tab-2-feature .fe-box h3.sIFR-replaced {
		margin-top: 5px;
	}
}
.ui-dialog {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3em; text-decoration: none; font-size: 100%; list-style: none;
	background: #f2f3f1 url(/images/modal/modal/bg.png) repeat-x;
	color: #4a4a4a;
	position: relative;
}
.ui-dialog-titlebar {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 28px; text-decoration: none; font-size: 100%; list-style: none;
	height: 28px;
	padding: 5px 0 5px 15px;
	color: #ffffff;
	background: #d87000 url(/images/modal/head-bg.gif) repeat-x;
	font-size: 16px;
	font-weight: bold;
	position: relative;
}
.ui-dialog-title {}
.ui-dialog-titlebar-close {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	background: url(/images/modal/close.png) 0 0 no-repeat;
	position: absolute;
	right: 8px;
	top: 8px;
	width: 20px;
	height: 20px;
	z-index: 100;
}
.ui-dialog-titlebar-close-hover, .ui-dialog-titlebar-close:hover {
	background: url(/images/modal/close.png) 0 0 no-repeat;
}
.ui-dialog-titlebar-close:active {
	background: url(/images/modal/close.png) 0 0 no-repeat;
}
.ui-dialog-titlebar-close span {
	display: none;
}
.ui-dialog-content {
	/*resets*/margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none;
	color: #333333;
	padding: 15px;
}
.ui-dialog.ui-corner-all, .ui-dialog-titlebar.ui-corner-all {
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-top-left-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
}
/* fix bottom corners on the titlebar */
.ui-dialog-titlebar.ui-corner-all {
	-moz-border-radius-bottomleft: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;
}
a.cancel_dialog {
	cursor: pointer;
	color: #336699;
	margin-left: 20px;
	font-size: 12px;
}
.the_buttons {
	margin: 30px 0 15px 75px;
	float: left;
	line-height: 25px;
}
.the_buttons a {
	float: left;
}

/* Overlays */
.ui-widget-overlay {
	background-color: #000000;
	opacity: .75;
	filter:Alpha(Opacity=75);
	position: fixed;
	top: 0;
	left: 0;
}
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 9px; -webkit-border-radius: 9px; }

/* resizing  and dragging business */
.ui-dialog.ui-draggable .ui-dialog-titlebar,
.ui-dialog.ui-draggable .ui-dialog-titlebar {
	cursor: move;
}
.ui-resizable-handle {
	position: absolute;
	font-size: 0.1px;
	z-index: 99999;
}
.ui-resizable .ui-resizable-handle {
	display: block;
}
body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
.ui-resizable-n {
	cursor: n-resize;
	height: 7px;
	width: 100%;
	top: -5px;
	left: 0px;
}
.ui-resizable-s {
	cursor: s-resize;
	height: 7px;
	width: 100%;
	bottom: -5px;
	left: 0px;
}
.ui-resizable-e {
	cursor: e-resize;
	width: 7px;
	right: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-w {
	cursor: w-resize;
	width: 7px;
	left: -5px;
	top: 0px;
	height: 100%;
}
.ui-resizable-se {
	cursor: se-resize;
	width: 13px;
	height: 13px;
	right: 0px;
	bottom: 0px;
	background: url(images/222222_11x11_icon_resize_se.gif) no-repeat 0 0;
}
.ui-resizable-sw {
	cursor: sw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	bottom: 0px;
}
.ui-resizable-nw {
	cursor: nw-resize;
	width: 9px;
	height: 9px;
	left: 0px;
	top: 0px;
}
.ui-resizable-ne {
	cursor: ne-resize;
	width: 9px;
	height: 9px;
	right: 0px;
	top: 0px;
}