/*
     FILE ARCHIVED ON 7:51:55 Jul 6, 2011 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 20:32:31 Feb 8, 2016.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
/*--------------------------------------------------------------------
Global CSS

Author:			Ryan Brill <ryan [at] infinitywebdesign.com>

Methods: 		RULES ORGANISATION WITHIN CSS FILES
				Should mirror the html document flow:
				General
					Containers
						Header
							Nav
						Body
							Modules
								Generic
								Specific
						Footer
					Hacks
					(other)
----------------------------------------------------------------------*/

@import url("/web/20110706075155/http://www.ted.com/css/reboot/shared.css");

/* Global Styles
----------------------------------------------------------------------*/
body {
	color: #3F3F3F;
	font-size: 12px;
	font-family: helvetica, arial, sans-serif;
}

body.sf_tedx {
	background: url(/web/20110706075155/http://www.ted.com/css/i/bg_tedx.png);
}
body.sf_beta, body.sf_local {
	background: url(/web/20110706075155/http://www.ted.com/css/i/bg_beta.png);
}
body.sf_beta #wrapper, body.sf_local #wrapper {
	background: #fff;
}

/* Links
----------------------------------------------------------------------*/
a {
	color: #FF2B06;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

/* Text
----------------------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
h1 {
	margin-bottom: 12px;
	font-size: 24px;
	font-weight: normal;
}
h1 a {
	color: #000;
}
h1 a.section {
	color: #999;
}
h2 {
	font-size: 18px;
	margin-bottom: 1em;
}
h3 {
	font-size: 14px;
	margin-bottom: 1em;
}
h4 {
	margin-bottom: 5px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
	font-size: 12px;
}
h5, h6 {
	font-size: 12px;	
}
address, blockquote, form, p, pre, table,
dl, ol, ul {
	font-size: 12px;
	margin-bottom: 1em;
}
blockquote {
	color: #797979;
}
p {
	line-height: 1.35;
}
p:last-child {
	margin-bottom: 0;
}

/* Global Items
----------------------------------------------------------------------*/
hr {
	height: 0;
	margin: 15px 0;
	border: 0;
	border-bottom: 3px solid #ccc;
	font-size: 0;
	line-height: 0;
	clear: both;
}
hr.dotted {
	height: 0;
	margin: 15px 0;
	border: 0;
	border-bottom: 1px dotted #838383;
	font-size: 0;
	line-height: 0;
}
.actions {
	float: right;
	display: inline;
}
p.upcoming {
	margin-bottom: 15px;
	padding: 10px;
	background: #ff6a00 url(/web/20110706075155/http://www.ted.com/css/i/bgUpcoming.png) repeat-x;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
	text-transform: uppercase;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
p.intro {
	font-size: 16px;
	color: #666;
}
.large {
	font-size: 16px;
	color: #666;
}
.black,
p.large.black {
	color: #000;
}

span.note {
	font-size: 10px;
	font-style: italic;
}
.lower {
	text-transform: lowercase;
}
.centeredVideo {
	text-align: center;
}
p.adsWorthSpreading {
	margin-bottom: 0;
	color: #2A5879;
	font-size: 18px;
	text-transform: uppercase;
}

/* Global Items -> Breadcrumbs
---------------------------------------------*/
#breadcrumbs {
	margin: 10px 0;
	color: #000;
	font-size: 24px;
}
#breadcrumbs a {
	color: #000;
}
#breadcrumbs a.section {
	color: #999;
}

/* Global Items -> Blockquote
---------------------------------------------*/
/*blockquote p {
	margin-bottom: 0;
}*/
blockquote span.open {
	float: left;
	display: inline;
	width: 19px;
	height: 17px;
	position: relative;
	margin: -5px 0 0 -27px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgQuoteOpen.png) no-repeat;
	font-size: 0;
	line-height: 0;
	overflow: hidden;
}
blockquote span.close {
	float: right;
	display: inline;
	/*display: inline-block;*/
	width: 19px;
	height: 17px;
	margin-left: 5px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgQuoteClose.png) no-repeat;
	vertical-align: text-top;
	text-indent: -5000px;
	overflow: hidden;
}
blockquote .author {
	font-style: italic;
}

/* Global Items -> Pagination
-----------------------------------*/
div.pagination {
	margin: 35px 0 10px 0;
	padding-top: 10px;
	border-top: 1px dotted #828282;
}
div.pagination p {
	margin: 0;
	color: #777;
	font-size: 11px;
}
div.pagination ul {
	float: right;
	display: inline;
	margin: 0;
}
div.pagination ul li {
	display: inline;
	border-right: 1px solid #333;
	padding-right: 5px;
	margin-left: 5px;
}
div.pagination ul li.prev,
div.pagination ul li.last,
div.pagination ul li.next {
	border: 0;
}
div.pagination ul li a.selected {
  color: #828282;
  text-decoration: none;
}

/* Global Items -> Play icon
---------------------------------------------*/
img.play_icon {
	position: absolute;
	top: 4px;
	left: 4px;
	z-index: 1;
}

/* Global Items -> dateBadge
---------------------------------------------*/
/*.dateBadge {
	display: block;
	vertical-align: text-bottom;
	text-align: center;
}
.dateBadge strong {
	display: block;
	background: #B41D1D url(/web/20110706075155/http://www.ted.com/css/i/bgDateBadge.png) repeat-x;
	color: #fff;
	border: 0;
	padding: 10px;
	font-size: 22px;
	font-family: helvetica, arial, sans-serif;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.66);
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.66);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
}*/
/* Past Event */
/*.pastEvent .dateBadge strong,
.dateBadge.pastEvent strong {
	background: #696969 url(/web/20110706075155/http://www.ted.com/css/i/bgDateBadgePast.png) repeat-x;
}*/

/* Lists
----------------------------------------------------------------------*/
ul.bullets,
ul.bullets ul {
	list-style: disc;
	margin-left: 1.15em;
}
ol {
	list-style: decimal;
	margin-left: 1.5em;
}
ol ol {
	list-style: lower-alpha;
}
ol ul {
	list-style: disc;
	margin-left: 1.15em;
}
ul.bullets li,
ol li {
	margin-bottom: .5em;
}
ul.bullets ul,
ul.bullets ol,
ol ul,
ol ol {
	margin-top: .5em;
}
/*ul.bullets {
	margin-bottom: 1em;
}
ul.bullets li {
	margin-bottom: 6px;
	padding-left: 8px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgBullet.gif) no-repeat 0 6px;
}*/

dl dt {
	font-weight: normal;
}
dl dd {
	margin-bottom: 10px;
	color: #666;
	font-style: italic;
}

/* Lists -> Item List
---------------------------------------------*/

/* Lists -> List Columns
---------------------------------------------*/
ul.listCol li {
	padding: 5px 0 5px 60px;
}
ul.listCol li div.col {
	float: left;
	display: inline;
	width: auto;
	margin-left: -60px;
}
ul.listCol.small li,
ul.listCol li.small {
	padding-left: 35px;
}
ul.listCol.small li div.col,
ul.listCol li.small div.col {
	margin-left: -30px;
}
ul.listCol.med li,
ul.listCol li.med {
	padding-left: 85px;
}
ul.listCol.med li div.col,
ul.listCol li.med div.col {
	margin-left: -85px;
}
ul.listCol.large li,
ul.listCol li.large {
	padding-left: 190px;
}
ul.listCol.large li div.col,
ul.listCol li.large div.col {
	margin-left: -190px;
}

/* Tables
----------------------------------------------------------------------*/
table,
table td,
table th {
	padding: 12px 0;
	vertical-align: top;
	text-align: left;
}
table {
	width: 100%;
	padding: 0;
	border-collapse: collapse;
}
table tr th {
	border-bottom: 1px solid #666;
	color: #333;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
}
table tr th a {
	color: #333;
}
table tr th.asc a {
	padding-right: 12px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconArrowUp.png) no-repeat 100% 1px;
}
table tr th.desc a {
	padding-right: 12px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconArrowDown.png) no-repeat 100% 1px;
}
table tr td {
	border-bottom: 1px solid #ccc;
}
table tr:hover td {
	background: #eee;
}
table tr.date td {
	border-bottom: 1px dotted #ccc;
	color: #666;
	font-size: 10px;
	text-transform: uppercase;
}
table tr.date:hover td {
	background: none;
}
table tr.last td {
	border-bottom: 1px solid #333;
}
table tr td.date,
table tr td.name {
	font-weight: bold;
}
table tr td.actions {
	float: none;
	display: table-cell;
	text-align: right;
}

/* Layout
----------------------------------------------------------------------*/
div#wrapper {
	width: 900px;
	margin: 0 auto;
}
div#header {
	position: relative;
	margin-bottom: 8px;
	padding-bottom: 12px;
	border-bottom: 3px solid #FF2A06;
}
div#nav {
	float: left;
	display: inline;
	margin-left: 47px;
}
div#container {
	margin: 10px 0;
	background: #fff url(/web/20110706075155/http://www.ted.com/css/i/bgSidebar.png) repeat-y;
}
.t2 div#container,
.t5 div#container,
.t7 div#container {
	background-image: none;
}
div#content {
	float: right;
	display: inline;
	width: 650px;
}

div#content-full-width {
	display: inline;
}

div#sidebar {
	float: left;
	display: inline;
	width: 205px;
	padding: 12px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgSidebarTop.png) no-repeat;
}
span#sidebarBottom {
	width: 229px;
	height: 10px;
	display: block;
	font-size: 0;
	line-height: 0;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgSidebarBottom.png) no-repeat;
	margin-top: -10px;
}

/* Header
----------------------------------------------------------------------*/
#header #logo {
	float: left;
	display: inline;
	width: 280px;
	height: 53px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/logoTED.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

/* Header -> Utility Nav
-----------------------------------*/
#utilityNav {
	margin-bottom: 12px;
	padding: 6px 6px 6px 6px;
	background: #EDEDED;
	color: #333;
}
#utilityNav p, #utilityNav ul, #utilityNav li {
	display: inline;
	margin: 0;
	font-size: 11px;
}
#utilityNav ul {
	float: right;
}
#utilityNav ul li {
	border-right: 1px solid #666666;
	padding-right: 5px;
	margin-right: 2px;
}
#utilityNav ul li.last {
	border-right:0 none;
	padding-right: 0;
	margin-right: 0;
}

/* Header -> Search
-----------------------------------*/
#search {
	position: absolute;
	bottom: 14px;
	right: 0;
	width: 272px;
	height: 21px;
	clear: both;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgSearchField.gif) no-repeat;
}
#search p {
	margin: 0;
}
#search form input.text {
	float: left;
	display: inline;
	width: 220px;
	margin: 2px 0 0 21px;
	border: 0;
	background: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
}
#search form input.submit {
	float: left;
	display: inline;
	width: 21px;
	height: 21px;
	background: none;
	border: 0;
	font-size: 0;
	line-height: 0;
	text-indent: -5000px;
	cursor: pointer;
	overflow: hidden;
}

/* Navigation
-------------------------------------------------------------------*/
#nav ul {
	float: left;
	display: inline;
	width: 142px;
	border-top: 1px solid #8d8d8d;
	zoom: 1;
}
#nav ul li {
	border-bottom: 1px solid #e2e2e2;
	*display: inline;
	zoom: 1;
}
#nav ul li a {
	display: block;
	width: 139px;
	margin: 0;
	padding: 2px 0 0 3px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	font-size: 11px;
	color: #888;
}
#nav ul li a img {
	vertical-align: top;
}
#nav ul.primary {
	width: 135px;
	margin-right: 11px;
}
#nav ul.primary li a {
	width: 132px;
	font-weight: bold;
	color: #222;
}
#nav ul li a:hover,
#nav ul li a:active {
	color: #ff2b06;
	background-color: #ededed;
	text-decoration: none;
}
#nav ul li.selected a {
	background-color: #ededed;
}

/* Subnav
-------------------------------------------------------------------*/
.subnav ul {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #dadada;
}
.subnav ul li {
	float: left;
	display: inline;
	border-right: 1px solid #dadada;
	padding-right: 5px;
	margin-right: 5px;
}
.subnav ul li.last {
	border-right: 0;
}
.subnav ul li a, .subnav ul li span {
	font-size: 11px;
}
.subnav ul li a {
	color: #000;
	font-weight: bold;
}
.subnav ul li.selected a {
	color: #B8B8C5;
}

/* Page Tabs
-------------------------------------------------------------------*/
.pageTabs {
	margin-bottom: 10px;
	border-bottom: 1px solid #ededed;
}
.pageTabs ul {
	float: right;
	display: inline;
	margin: 0;
}
.pageTabs ul li {
	float: left;
	display: inline;
	position: relative;
	margin: 0 0 -1px 1px;
	padding-left: 7px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgTabsLeft.png) no-repeat;
}
.pageTabs ul li a {
	display: block;
	width: 135px;
	padding: 13px 7px 7px 0;
	text-align: center;
	text-transform: uppercase;
	font-size: 10px;
	font-weight: bold;
	color: #000;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgTabsRight.png) no-repeat 100% 0;
}
.pageTabs ul li.selected {
	background-image: url(/web/20110706075155/http://www.ted.com/css/i/bgTabsLeftActive.png);
}
.pageTabs ul li.selected a {
	background-image: url(/web/20110706075155/http://www.ted.com/css/i/bgTabsRightActive.png);
}

/* Content
---------------------------------------------------------------------*/

/* Sidebar
----------------------------------------------------------------------*/
#sidebar h3 {
	margin-bottom: 5px;
}
#sidebar ul {
	border-bottom: 1px solid #C0C0C0;
	margin-bottom: 12px;
	padding-bottom: 12px;
}
#sidebar ul li {
	margin-bottom: 2px;
	zoom: 1;
}
#sidebar h3 a,
#sidebar ul li a {
	display: block;
	color: #333;
	padding: 1px 17px 1px 5px;
	margin: 0 -5px;
}
#sidebar ul li.bullet a {
	font-weight: normal;
}

#sidebar h3 a:hover,
#sidebar ul li a:hover {
	color: #f00;
	background: #e5e5e5 url(/web/20110706075155/http://www.ted.com/css/i/bgSidebarArrow.gif) no-repeat 100% 50%;
	text-decoration: none;
}
#sidebar h3.selected a,
#sidebar h3.selected a:hover,
#sidebar ul li.selected a,
#sidebar ul li.selected a:hover {
	color: #f00;
	background: #e5e5e5;
}

/* Modules
----------------------------------------------------------------------*/

/* Modules -> Intro
-----------------------------------*/
div.box.intro.dotted {
	padding-bottom: 10px;
	border-bottom: 1px dotted #838383;
}
div.box.intro p {
	font-size: 16px;
	color: #666;
}
.t3 div.box.intro {
	padding: 15px;
	background: #dbdbdb;
}

/* Modules -> Table
-----------------------------------*/
div.box.table {
}

/* Modules -> Banner
-----------------------------------*/
div.box.banner {
	position: relative;
	zoom: 1;
}
div.box.banner div.bar {
	position: absolute;
	bottom: 30px;
	left: 0;
	width: 860px;
	padding: 20px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgBannerBar.png);
}
div.box.banner div.bar img {
	float: left;
	display: inline;
}
div.box.banner div.bar blockquote {
	float: right;
	display: inline;
	width: 375px;
	color: #3F3F3F;
}

/* Modules -> Sidebar
-----------------------------------*/
.secondary div.box.sidebar {
	padding: 0 0 0 15px;
	border-left: 1px solid #E0E0E0;
	background: none;
}
.secondary div.box.sidebar h3 {
	padding: 0 0 5px 0;
	border-bottom: 1px dotted #828282;
	background: none;
	margin: 0 0 10px 0;
	text-transform: none;
}
.secondary div.box.sidebar h4 {
	margin-bottom: 10px;
}

/* Modules -> fromBlog
-----------------------------------*/
div.box.fromBlog dl {
	padding-left: 140px;
}
div.box.fromBlog dl dt {
	float: left;
	display: inline;
	clear: left;
	width: 130px;
	margin-left: -140px;
	margin-bottom: 5px;
}
div.box.fromBlog dl dd {
	float: left;
	display: inline;
	*float: none;
	*display: block;
	margin-bottom: 5px;
	font-style: normal;
	zoom: 1;
}

/* Modules -> Event Detail
-----------------------------------*/
div.box.eventDetail #group_logo {
	color: #3F3F3F;
	font-family: helvetica, arial, sans-serif;
	font-size: 24px;
	line-height: 1.2;
	margin-bottom: 10px;
}
div.box.eventDetail #group_logo em {
	color:#FF2B06;
	font-style: normal;
	font-weight: bold;
}
div.box.eventDetail img.eventLogo {
	margin-bottom: 10px;
}
div.box.eventDetail h2,
div.box.eventDetail p.location {
	font-size: 24px;
	margin-bottom: 10px;
	line-height: 1.2;
}
div.box.eventDetail h3 {
	margin-top: 20px;
	padding-bottom: 3px;
	border-bottom: 1px dotted #333;
}

/* Modules -> Event Map
-----------------------------------*/
div.box.eventMap input.text {
	width: 150px;
}
div.box.eventMap div.grid.main div.buttons {
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
}

/* Modules -> watchVideo
-----------------------------------*/
div.box.watchVideo a {
	display: block;
	padding: 25px 15px;
	background: #f2f2f2;
	color: #666;
	font-size: 16px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	-moz-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 2px 4px rgba(0,0,0,.5);
	box-shadow: 0 2px 4px rgba(0,0,0,.5);
}
div.box.watchVideo a:hover {
	text-decoration: none;
}
div.box.watchVideo a span {
	display: block;
	padding: 0 0 0 65px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgWatchVideo.png) no-repeat;
}

/* Modules -> Find Event
-----------------------------------*/
div.box.findEvent div.header {
	padding: 10px;
	border-bottom: 1px solid #fff;
	background: #C6D4E2;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
div.box.findEvent div.header h3 {
	margin: 0;
	color: #000;
	font-weight: bold;
	font-sze: 14px;
	text-transform: uppercase;
	text-shadow: rgba(255, 255, 255, .45) 0 1px 0;
}
div.box.findEvent div.grid {
	background: url(/web/20110706075155/http://www.ted.com/css/i/bgFindEvent.png) repeat-y;
}
div.box.findEvent div.grid div.col.primary {
	width: 425px;
	background: #99B3CC;
}
div.box.findEvent div.grid div.col.secondary {
	width: 187px;
	padding: 20px 10px 10px 10px;
	background: #C6D4E2;
}

/* Modules -> Event Resources
-----------------------------------*/
div.box.eventResources ul {
	margin-bottom: 10px;
}

/* Modules -> Active Countries
-----------------------------------*/
div.box.activeCountries ul.graph li {
	position: relative;
	height: 35px;
	line-height: 35px;
	margin-bottom: 3px;
	background: #ffdbab url(/web/20110706075155/http://www.ted.com/css/i/bgBarGraph.png) repeat-x;
	font-size: 16px;
	text-align: right;
}
div.box.activeCountries ul.graph li strong {
	float: left;
	display: inline;
	font-weight: normal;
	margin-left: 10px;
}
div.box.activeCountries ul.graph li span {
	color: #666;
	margin-right: 10px;
}
div.box.activeCountries ul.graph li.most {
	background: #ff7300 url(/web/20110706075155/http://www.ted.com/css/i/bgBarGraphPrimary.png) repeat-x;
	color: #000;
}
div.box.activeCountries ul.graph li.most span {
	color: #000;
}

/* Modules -> Twitter
-----------------------------------*/
div.box.twitter ul.listCol li {
	padding-left: 80px;
}
div.box.twitter ul.listCol li div.col {
	width: 70px;
	margin-left: -80px;
}
div.box.twitter ul.listCol li div.col img {
	border: 10px solid #eee;
}
div.box.twitter p {
	margin-bottom: 0;
}
div.box.twitter a.username {
	font-weight: bold;
}
div.box.twitter p.date {
	color: #666;
}

/* Modules -> Twitter -> Simple
-----------------------------------*/
div.box.twitter.simple ul li {
	margin-bottom: 10px;
}
div.box.twitter a.username {
	font-weight: normal;
}
div.box.twitter p.date {
	font-weight: bold;
}
div.box.twitter.simple ul li span.date {
	color: #666;
}

/* Modules -> Confirmed Speakers
-----------------------------------*/
div.box.confirmedSpeakers ul li {
	margin-bottom: 10px;
}

/* Modules -> Talks
-----------------------------------*/
div.box.talks ul li {
	margin-bottom: 10px;
}

/* Modules -> Event Listing
-----------------------------------*/
div.box.eventListing ul.listCol li {
	padding: 10px 180px 10px 0;
	border-bottom: 1px dotted #333;
}
div.box.eventListing ul.listCol li div.col {
	float: right;
	width: 180px;
	margin: 0 -180px 0 0;
	text-align: right;
}
div.box.eventListing ul.listCol li.last {
	border-bottom: 0;
}
div.box.eventListing p.date {
	margin-bottom: 10px;
	font-size: 16px;
	font-weight: bold;
}
div.box.eventListing span.button span {
	background: #b61d1d url(/web/20110706075155/http://www.ted.com/css/i/bgButtonRed.png) repeat-x;
}
div.box.eventListing span.button a,
div.box.eventListing span.button strong {
	font-weight: bold;
	color: #fff;
}

/* Modules -> host
-----------------------------------*/
div.box.host img {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}
div.box.host p strong {
	/*font-size: 18px;*/
	display: block;
	margin-bottom: 15px;
}

/* Modules -> hostListing
-----------------------------------*/
div.box.hostListing ul {
	margin-bottom: 10px;
}
div.box.hostListing ul li {
	float: left;
	display: inline;
	width: 143px;
	padding: 0 10px;
	border-left: 1px solid #C2C2C2;
}
div.box.hostListing ul li.first {
	padding-left: 0;
	border-left: 0;
}
div.box.hostListing img {
	margin: 0 -6px;
}
div.box.hostListing p {
	font-size: 11px;
}
div.box.hostListing p.name {
	font-size: 20px;
	margin-bottom: 10px;
}
div.box.hostListing p.meta {
	color: #666;
	font-size: 13px;
}
div.box.hostListing p.meta a {
	font-weight: bold;
}

/* Modules -> medallions
-----------------------------------*/
div.box.medallions ul {
	margin-bottom: 10px;
}
div.box.medallions ul li {
	float: left;
	display: inline;
	width: 141px;
	height: 345px;
	margin-bottom: 10px;
	padding: 0 10px;
	border-left: 1px solid #C2C2C2;
	background: #f2f2f2;
	font-size: 11px;
	overflow: hidden;
}
div.box.medallions ul li.first {
	border-left: 0;
}
div.box.medallions img {
	margin: 0 -7px;
}
div.box.medallions p {
	color: #000;
}
div.box.medallions p.name {
	margin-bottom: 5px;
	font-size: 17.5px;
	line-height: 19.5px;
	font-weight:  bold;
}
div.box.medallions p.name a {
	color: #000;
}
div.box.medallions dl dt {
	font-style: italic;
	color: #666;
}
div.box.medallions dl dd {
	font-style: normal;
	color: #000;
}
div.box.medallions p.about {
	font-style: italic;
}

/* Modules -> findHosts
-----------------------------------*/
div.box.findHosts h3 {
	display: inline;
	text-transform: uppercase;
}

/* Modules -> myProfile
-----------------------------------*/
div.box.myProfile div.item.licenses h3 {
	margin-bottom: 5px;
}
div.box.myProfile div.item.licenses hr {
	margin: 5px 0 15px 0;
}
div.box.myProfile table tr td {
	padding: 12px 5px;
	border-top: 1px dotted #ccc;
	border-bottom: 0;
	background: #eee;
}
div.box.myProfile table tr td.actions {
	text-align: right;
}
div.box.myProfile table tr.last td {
	border-bottom: 1px dotted #ccc;
}
div.box.myProfile hr {
	border-bottom-width: 1px;
}

/* Modules -> intro -> awsIntro
------------------------------------*/
div.box.intro.awsIntro {
	margin-bottom: 15px;
	padding: 35px 0;
	border-bottom: 3px solid #828282;
}
div.box.intro.awsIntro p {
	font-size: 18px;
}

/* Modules -> adHero
------------------------------------*/
div.box.adHero {
	position: relative;
	margin-bottom: 30px;
	background: #000;
	color: #fff;
}
div.box.adHero a.prev,
div.box.adHero a.next {
	position: absolute;
	top: 0;
	display: block;
	width: 37px;
	height: 100%;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconArrowLeftWhite.png) no-repeat 50% 50%;
	background: rgba(0,0,0,.35) url(/web/20110706075155/http://www.ted.com/css/i/iconArrowLeftWhite.png) no-repeat 50% 50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#59000000,endColorstr=#59000000); /* IE6 & 7 */
	zoom: 1;
	text-indent: -5000px;
	overflow: hidden;
	z-index: 2;
}
div.box.adHero a.prev:hover {
	background-color: rgba(0,0,0,.55);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#8C000000,endColorstr=#8C000000); /* IE6 & 7 */
}
div.box.adHero a.next {
	right: 0;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconArrowRightWhite.png) no-repeat 50% 50%;
	background: rgba(255,255,255,.15) url(/web/20110706075155/http://www.ted.com/css/i/iconArrowRightWhite.png) no-repeat 50% 50%;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF,endColorstr=#26FFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#26FFFFFF,endColorstr=#26FFFFFF); /* IE6 & 7 */
}
div.box.adHero a.next:hover {
	background-color: rgba(255,255,255,.25);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF)"; /* IE8 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#3FFFFFFF,endColorstr=#3FFFFFFF); /* IE6 & 7 */ 
}
div.box.adHero ul.listCol {
	margin: 0;
}
div.box.adHero ul.listCol li {
	position: relative;
	padding: 10px 100px 0 500px;
	overflow: hidden;
	zoom: 1;
}
div.box.adHero ul.listCol li div.col {
	margin: -10px 0 -10px -500px;
	*margin-bottom: -15px;
}
div.box.adHero ul.listCol li div.col img {
	display: block;
}

div.box.adHero ul.listCol li div.col span.play {
	position: absolute;
	top: 10px;
	left: 50px;
	width: 18px;
	height: 13px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconPlay.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
div.box.adHero ul.listCol li ul.videoNav {
	margin-bottom: 40px;
	overflow: hidden; /* Change float scope */
}
div.box.adHero ul.listCol li ul.videoNav li {
	float: left;
	display: inline;
	margin-right: 2px;
	padding: 0;
}
div.box.adHero ul.listCol li ul.videoNav li a {
	display: block;
	width: 10px;
	height: 17px;
	background: #9A8B7D;
	text-indent: -5000px;
	overflow: hidden;
}
div.box.adHero ul.listCol li ul.videoNav li.selected a {
	background: #E25731;
}

div.box.adHero p.brand {
	margin: 0;
	color: #999;
	font-size: 20px;
}
div.box.adHero p.title {
	font-size: 20px;
	font-weight: bold;
	line-height: 1.15;
}
div.box.adHero p.time {
	margin-bottom: 0;
	color: #E25731;
}
div.box.adHero p {
	font-size: 13px;
}

/* Modules -> adWinners
------------------------------------*/
div.box.adWinners {
	margin-bottom: 30px;
	overflow: hidden;
	position: relative;
}
div.box.adWinners h2 {
	margin-bottom: 25px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #838383;
	color: #000;
}
div.box.adWinners ul {
	margin-bottom: 10px;
	margin-left: -10px;
}
div.box.adWinners ul li {
	position: relative;
	float: left;
	display: inline;
	width: 161px;
	height: 260px;
	margin-bottom: 10px;
	padding: 0 10px;
	border-left: 1px solid #C2C2C2;
	font-size: 11px;
	overflow: hidden;
}
div.box.adWinners ul li span.play {
	position: absolute;
	top: 5px;
	left: 15px;
	width: 18px;
	height: 13px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconPlay.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
div.box.adWinners img {
	display: block;
	margin-bottom: 10px;
}
div.box.adWinners p.brand {
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
div.box.adWinners p.title {
	margin-bottom: 0;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.15;
}
div.box.adWinners p.time {
	color: #666;
}

/* Modules -> awsGrid
------------------------------------*/
div.box.awsGrid {
	margin-bottom: 30px;
	padding: 20px 15px;
	border-top: 3px solid #828282;
	border-bottom: 3px solid #828282;
}
div.box.awsGrid h2 {
	margin-bottom: 25px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #838383;
	color: #000;
}
div.box.awsGrid div.col {
	width: 46%;
	margin-left: 4%;
}
div.box.awsGrid div.col.first {
	margin-left: 0;
}

/* Modules -> adHonorableMentions
------------------------------------*/
div.box.adHonorableMentions {
	margin-bottom: 30px;
}
div.box.adHonorableMentions h2 {
	margin-bottom: 25px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #838383;
	color: #000;
}
div.box.adHonorableMentions ul li {
	position: relative;
	float: left;
	display: inline;
	width: 142px;
	height: 100px;
	margin: 0 3px 3px 0;
	padding: 5px 10px 5px 145px;
	font-size: 10px;
	background: #F2F2F2;
	overflow: hidden;
}
div.box.adHonorableMentions ul li div.col {
	float: left;
	display: inline;
	margin-left: -140px;
}
div.box.adHonorableMentions ul li div.col span.play {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 18px;
	height: 13px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconPlay.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

div.box.adHonorableMentions p.brand {
	margin-bottom: 0;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
div.box.adHonorableMentions p.title {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.15;
}
div.box.adHonorableMentions p.time {
	color: #666;
}

/* Modules -> adSidebar
------------------------------------*/
.secondary div.box.adSidebar {
	padding: 0;
	background: none;
}
div.box.adSidebar h4 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	border-color: #89827A;
}
div.box.adSidebar div.inner {
	height: 169px;
	padding: 10px;
	position: relative;
	background: #fff;
	overflow-y: scroll;
	-moz-box-shadow: 0 0 5px rgba(0,0,0,.5);
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,.5);
	box-shadow: 0 0 5px rgba(0,0,0,.5);
	border: 1px solid #B8B3AC\9; /* IE */
}
div.box.adSidebar ul li {
	position: relative;
	margin: 0 0 4px 0;
	padding: 0 0 0 75px;
	font-size: 10px;
	zoom: 1;
}
div.box.adSidebar ul li div.col {
	float: left;
	display: inline;
	margin-left: -75px;
	width: 75px;
}
div.box.adSidebar ul li div.col span.play {
	position: absolute;
	top: 10px;
	left: 10px;
	width: 18px;
	height: 13px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconPlay.png) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

div.box.adSidebar p.brand {
	margin-bottom: 0;
	color: #666;
	font-weight: bold;
	text-transform: uppercase;
}
div.box.adSidebar p.title {
	margin-bottom: 0;
	font-size: 11px;
	font-weight: bold;
	line-height: 1.15;
}
div.box.adSidebar p.time {
	color: #666;
}

/* Modules -> FAQ
------------------------------------*/
div.box.faq dl dt {
    color: #000000;
    font-weight: bold;
    background: #FFFFFF;
}
div.box.faq dl dt a {
    color: #000000;
}
div.box.faq dl dd {
    margin-top: 4px;
    margin-bottom: 16px;
    color: #333333;
    font-style: normal;
}
div.box.faq dl dt a:hover {
    text-decoration: none;
}


/* Modules -> aboutAd
------------------------------------*/
.secondary div.box.aboutAd {
	padding: 0;
	background: none;
}
div.box.aboutAd h4 {
	margin-bottom: 10px;
	font-size: 14px;
	color: #000;
	border-color: #89827A;
}

/* Modules -> Registration
------------------------------------*/
dl#conferenceList dt {
	float: left;
}

dl#conferenceList dt img {
	margin-right: 20px;
}

dl#conferenceList dd {
	font-style: normal;
	color: #000;
	padding-top: 20px;
}

/* Secondary -> Modules
----------------------------------------------------------------------*/
.secondary div.box {
	padding: 10px;
	background: #eee;
	overflow: hidden;
}
.secondary div.box h3 {
	margin: -10px -10px 10px -10px;
	padding: 5px 10px;
	border: 0;
	background: #ddd;
	text-transform: uppercase;
	font-size: 11px;
}

/* Secondary -> Modules -> Plain
-----------------------------------*/
.secondary div.box.plain {
	padding: 10px;
	background: #fff;
}
.secondary div.box.plain h3 {
	background: #eee;
}

/* Sidebar -> Modules
----------------------------------------------------------------------*/

/* Footer
----------------------------------------------------------------------*/
#footer {
	position: relative;
	margin-top: 10px;
	padding: 5px 7px;
	color: #666;
	background: #DAD8D6;
	font-size: 11px;
	font-weight:bold;
	text-transform:uppercase;
}
#footer a.logo {
	float: left;
	display: inline;
	width: 47px;
	height: 18px;
	margin-right: 30px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/logoTEDSmall.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}
#footer p,
#footer ul {
	float: left;
	display: inline;
	margin: 5px 0 0 0;
	font-size: 9px;
}
#footer ul {
	margin-left: 15px;
}
#footer ul li {
	float: left;
	display: inline;
	border-right: 1px solid #666;
	padding-right: 5px;
	margin-right: 5px;
}
#footer ul li.last {
	border-right: 0;
}
#footer a {
	color: #666;
}

/* Footer -> Subscribe
-----------------------------------*/
#subscribe {
	position: absolute;
	top: 5px;
	right: 7px;
	width: 226px;
	border-top: 1px solid #949494;
	border-right: 1px solid #E9E9E9;
	border-left: 1px solid #E9E9E9;
	background: #fff;
}
#subscribe p {
	margin: 0;
}
#subscribe form input.text {
	float: left;
	display: inline;
	width: 194px;
	height: 14px;
	border: 0;
	background: none;
	color: #666;
	font-size: 11px;
	font-weight: bold;
}
#subscribe form input.submit {
	float: left;
	display: inline;
	width: 18px;
	height: 18px;
}

/* JS Styles
----------------------------------------------------------------------*/

/* JS Styles -> Expandable
-----------------------------------*/
div.expandable {
	border-bottom: 3px solid #ccc;
}
.expandable h2 {
	display: inline-block;
	margin-bottom: 5px;
}
div.expandable a.handle {
	display: inline-block;
	height: 14px;
	margin-left: 10px;
	padding-right: 20px;
	background: url(/web/20110706075155/http://www.ted.com/css/i/iconShow.png) no-repeat 100% 0;
}
div.expandable div.content {
	border-top: 3px solid #ccc;
	padding: 10px;
	background: #F6F6F6;
}
div.expandable.show a.handle {
	color: #666;
	background-image: url(/web/20110706075155/http://www.ted.com/css/i/iconHide.png);
}
div.expandable.hide div.content {
	display: none;
}

/* JS Styles -> Carousel
-----------------------------------*/
div.carousel {
	margin-bottom: 15px;
}
div.carousel a.prev,
div.carousel a.next {
	float: left;
	display: inline;
	width: 21px;
	height: 75px;
	background: #ccc url(/web/20110706075155/http://www.ted.com/css/i/iconArrowLeft.png) no-repeat 50% 50%;
	text-indent: -5000px;
	overflow: hidden;
	border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-border-radius: 2px;
}
div.carousel a.next {
	background: #ccc url(/web/20110706075155/http://www.ted.com/css/i/iconArrowRight.png) no-repeat 50% 50%;
	border-left: 1px solid #fff;
}
div.carousel div.jCarouselLite {
	float: left;
	display: inline;
}
div.carousel div.jCarouselLite ul li {
	border-left: 1px solid #fff;
}

/**  **/
.tweet {
	display: block;
	clear: both;
	padding: 0 0 3px 0;
	margin: 6px 0;
	overflow: hidden;
}
.tweet img {
	float: left;
	margin-right: 10px;
	border: 10px solid #eee;
	background: #fff;
}
.tweet p.text {
	margin: 0;
	padding: 0;
	padding-left: 70px;
}
.monitter {
	height: 365px;
	margin: 5px;
	overflow: hidden;
}
.noscript {
	border:1px solid #f33 !important;
	background:#fee !important;
	padding:10px;
	margin:10px 0;
}

.noscript p {
	font-size:14px;
}

.noscript a {
	color:#f00;
	font-weight:bold;
}

/** Flair **/
.flair {
	background-color: #fff;
	color: #666 !important;
	display: inline-block;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 6px;
	line-height: 12px;
	margin: 0 1px 4px 0;
	border: 1px solid #999;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	cursor: pointer;
}

@-moz-document url-prefix() { /* temp hack to fix padding in mozilla */
	.flair {
		padding-bottom: 1px;
	}
}

.flair:hover {
	color: #444 !important;
	border-color: #444;
	text-decoration: none;
}

/* AJAX sign in
----------------------------------*/
body .signed-out,
body.signed-out .signed-in {
	display: none;
}

body.signed-out .signed-out {
	display: block;
}

/* Tooltip
----------------------------------*/

#tooltip {
	width: 170px;
	position: absolute;
	z-index: 3000;
	background-color: #333;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	border-bottom: 1px solid #000;
	padding: 10px;
	opacity: 0.9;
}

#tooltip h3, #tooltip div.body {
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}

/* Buttons - TEDCRED and of the red variety
-----------------------------------*/

.buttonItem {
	background-color: #DF3C3C;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#DF4040), to(#B61D1D));
	background-image: -moz-linear-gradient(0% 100% 90deg, #B61D1D, #DF4040);
	color: #fff;
	display: inline-block;
	font-weight: bold;
	font-size: 12px;
	padding: 3px 18px 3px 16px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
	cursor: pointer;
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}

.buttonItem:hover {
	background-color: #444;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909090), to(#6A6A6A));
	background-image: -moz-linear-gradient(0% 100% 90deg, #6A6A6A, #909090);
	text-decoration: none;
}

.buttonItem.disabled {
	background-color: #444;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#909090), to(#6A6A6A));
	background-image: -moz-linear-gradient(0% 100% 90deg, #6A6A6A, #909090);
	color: #999;
	cursor: text;
}

.buttonItem.tedcred {
	display: inline-block;
	background-color: #F7C64A;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#F7C64A), to(#F7AA4A));
	background-image: -moz-linear-gradient(0% 100% 90deg, #F7AA4A, #F7C64A);
	color: #000;
	border-bottom: 1px solid #444;
	text-shadow: 1px 1px 0 #FBD7A4;
	font-weight: normal;
	font-size: 10px;
	text-transform: uppercase;
	padding: 3px 10px;
	margin: 0 0 4px 0;
}

@-moz-document url-prefix() { /* temp hack to fix padding in mozilla */
	.buttonItem.tedcred {
		padding-top: 4px;
		padding-bottom: 2px;
	}
	h4 span.buttonItem.tedcred {
		padding-bottom: 1px;
	}
}

.buttonItem.tedcred:hover {
	text-decoration: none;
}

/* Buttons -> jQuery UI Overwrite
-----------------------------------*/

.ui-dialog .ui-dialog-buttonpane button {
	display: inline-block;
	background: #e8e8e8 url(/web/20110706075155/http://www.ted.com/css/i/bgButton.png) 0 100%;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-moz-box-shadow: 1px 1px 2px rgba(0,0,0,.55);
	-webkit-box-shadow: 1px 1px 2px rgba(0,0,0,.55);
	box-shadow: 1px 1px 2px rgba(0,0,0,.55);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#666666', Direction=135, Strength=2);
	font-size: 11px;
	color: #333;
	border: 0;
	padding: 2px 10px;
	font-family: helvetica, arial, sans-serif;
	white-space: nowrap;
}

.ui-dialog .ui-dialog-buttonpane button:hover {
	color: #FF2B06;
}