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

h1 {
	margin-bottom: 32px;
	margin-left: 6px;
}



/* Layout -> Page Types
-----------------------------------*/

.conversation #container {
	background: #fff none;
}

.conversation div#sidebar {
	position: relative;
	background: none;
	padding: 0;
	width: 225px;
}



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

.conversation #sidebar div.box {
	width: 205px;
	padding: 10px;
	margin: 10px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background-color: #eee;
	color: #000;
}

.conversation #sidebar div.box.firstItem {
	margin-top: 0;
}

.conversation #sidebar div.box h2 {
	background-color: #ddd;
	padding: 7px 12px 5px 12px;
	text-transform: uppercase;
	color: #000;
	font-size: 12px;
	margin: -10px -10px 10px -10px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}



/* Modules -> Sidebar Expiration Clock
-----------------------------------*/

#sidebar div.box.expireClock {
	position: relative;
	background-color: #d1c5b5;
	top: auto;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.2);
	-moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.2);
	box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.2);
}

div.clockWrap {
	margin: 10px 14px 20px 14px;
}

div.clockWrap span {
	float: left;
	display: inline-block;
	width: 34px;
	margin: 0 4px 0 0;
	padding: 6px 0 0 0;
	height: 40px;
	background-color: #fff;
	color: #666;
	text-align: center;
	font-size: 37px;
	line-height: 37px;
	font-weight: bold;
	border: 1px solid #d6d6d6;
}

div.clockWrap span.separator {
	width: 14px;
	height: 44px;
	background: none;
	color: #666;
	border: none;
}

div.clockWrap span.minB {
	margin: 0;
}

div.box.expireClock p {
	margin: 0 14px 5px 14px;
}

#sidebar div.box.expireClock.fixed {
	position: fixed;
	top: 0;
}

div.clockWrap.expireSoon span {
	color: #dd3434;
}

div.clockWrap.expireSoon span.separator {
	color: #dd3434;
}



/* Modules -> Sidebar Who's Talking
-----------------------------------*/

.conversation #sidebar div.box.whosTalking img {
	margin: 1px 1px 0 0;
}

.conversation #sidebar div.box.whosTalking p {
	margin: 12px 0 0 0;
}



/* Modules -> Sidebar What's Popular
-----------------------------------*/

.conversation #sidebar div.tag-cloud {
	text-align: center;
}

.conversation #sidebar div.tag-cloud a {
	vertical-align: middle;
	text-transform: lowercase;
	display: inline-block;
	padding: 2px 0;
	margin: 0 4px;
	font-size: 13px;
}

.conversation #sidebar div.tag-cloud a.bigger {
	font-size: 18px;
}

.conversation #sidebar div.tag-cloud a.big {
	font-size: 16px;
}

.conversation #sidebar div.tag-cloud a.small {
	font-size: 11px;
	margin-top: 1px;
}

.conversation #sidebar div.tag-cloud a.smaller {
	font-size: 9px;
	margin-top: 1px;
}



/* Modules -> Sidebar Find Conversations
-----------------------------------*/

.conversation #sidebar div.box.findConv p {
	margin-bottom: 8px;
}

.conversation #sidebar div.box.findConv label {
	margin: 0 0 1px 3px;
	display: block;
}

.conversation #sidebar div.box.findConv input {
	border: 1px solid #dad8d6;
	width: 98%;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.conversation #sidebar div.box.findConv span.button {
	float: right;
	display: inline-block;
}

.conversation #sidebar div.box.findConv span.button input {
	width: auto;
	border: none;
}



/* Modules -> User Profile
-----------------------------------*/

.conversation div.box.userProfile img {
	float: left;
	display: inline;
	margin: 0 10px 0 0;
}

.conversation div.box.userProfile div.userInfo {
	float: left;
	display: inline;
	width: 114px;
}

.conversation div.box.userProfile p {
	margin: 0 0 5px 0;
}

.conversation div.box.userProfile.signedOut p.buttonSignIn {
	margin: 13px 0;
}

.conversation div.box.userProfile.signedOut p.buttonSignIn a {
	padding-left: 40px;
	padding-right: 40px;
}

.conversation p.userOccupation {
	clear: both;
	padding: 14px 0 0 0;
	margin: 0 0 5px 0;
	font-size: 11px;
}

.conversation div.box.userProfile div.userCreds {
	clear: both;
	padding: 10px 0;
}

.conversation div.box.userProfile div.flairWrap {
	width: 205px;
	margin: 12px 0 0 0;
}



/* Modules -> Conversation Overview
-----------------------------------*/

/* Generic */

div#convOverview {
	background-color: #e7e2da;
	margin: 0 0 1px 0;
	padding: 20px 20px 45px 250px;
	border: 1px solid #fff;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.4);
	box-shadow: 1px 0px 5px rgba(0, 0, 0, 0.4);
	position: relative;
	min-height: 265px;
	height: auto !important;
	height: 265px;
	color: #000;
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}

div#convOverview p {
	overflow-x: hidden;
}

div#convOverview .liveConvoIconBig {
	position: relative;
	float: right;
	top: -22px;
	margin: 0px;
	padding: 0px;
}

div#convOverview div.convDetails {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 200px;
	margin: 0;
	padding: 0;
}

div#convOverview div.convDetails div.userBio {
	margin-bottom: 10px;
}

div#convOverview div.convDetails div.userBio img {
	width: 75px;
	float: left;
	display: inline;
	margin-right: 10px;
}

div#convOverview div.convDetails div.userBio ul {
	width: 115px;
	float: right;
	display: inline;
	margin: 0;
	padding: 0;
}

div#convOverview div.convDetails div.userBio ul li {
	text-align: left;
	margin: 0;
	padding: 0;
}

div#convOverview div.convDetails div.userBio ul li.title {
	margin-bottom: 3px;
	font-weight: bold;
}

div#convOverview div.convDetails div.userBio ul li.title a, 
div#convOverview div.convDetails div.userBio ul li.title a:visited {
	text-decoration: none;
	display: block;
	width: 100%;
	color: #000;
}

div#convOverview div.convDetails div.userBio ul li.title a:hover {
	color: #fe0d0d;
	text-decoration: underline;
}

div#convOverview div.flairWrap {
	width: 210px;
	margin: 10px 0 0 0;
}

div#convOverview div.shareWrap {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 200px;
	height: 26px;
	position: absolute;
	left: 20px;
	bottom: 15px;
	padding: 5px 0 0 0;
}

div#convOverview div.editWrap {
	width: 200px;
	height: 26px;
	position: absolute;
	left: 20px;
	bottom: 40px;
	padding: 5px 0 0 0;
}

div#convOverview div.shareWrap span {
	display: inline-block;
	margin-right: 10px;
	float: left;
}


div#convOverview div.scoreWrap {
	width: 378px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	height: 18px;
	padding: 7px 0 6px 0;
	margin: 10px 0;
	position: absolute;
	left: 250px;
	bottom: 5px;
}

div#convOverview div.scoreWrap span.thumbsUp {
	vertical-align: middle;
	display: inline-block;
	height: 16px;
}

div#convOverview div.scoreWrap span.thumbsUp em {
	vertical-align: middle;
	color: #390;
	font-style: normal;
	font-size: 11px;
}

div#convOverview div.scoreWrap a.voteUp {
	vertical-align: middle;
	display: inline-block;
	width: 14px;
	height: 16px;
	margin: 0 0 0 3px;
	background: url(/images/commenting/iconUp.png) 0 -48px no-repeat;
}

div#convOverview div.scoreWrap a.voteUp:hover {
	background-position: 0 -16px;
}

div#convOverview div.scoreWrap .up a.voteUp {
	background-position: 0 -32px;
}

div#convOverview a.flag {
	width: 22px;
	height: 16px;
	position: absolute;
	top: 6px;
	right: 0;
	background: url(/images/commenting/iconFlag.png) 0 -48px no-repeat;
}

div#convOverview a.flag:hover {
	background-position: 0 -16px;
}

div#convOverview a.flag.flagged {
	background-position: 0 -32px;
}

div#convOverview p.convTiming {
	color: #666;
	padding-left: 22px;
	margin-bottom: 15px;
	background: url(/images/commenting/iconClockNoExpire.png) 0 0 no-repeat;
}

div#convOverview p.convTiming.closed {
	background: url(/images/commenting/iconClockClosed.png) 0 0 no-repeat;
}

div#convOverview p.convTiming.expire {
	background: url(/images/commenting/iconClockExpire.png) 0 0 no-repeat;
}

div#convOverview p.convTiming.expireSoon {
	background: url(/images/commenting/iconClockExpireSoon.png) 0 0 no-repeat;
}

div#convOverview p.convTiming.noExpire {
	background: url(/images/commenting/iconClockNoExpire.png) 0 0 no-repeat;
}

div#convOverview p.convTiming em {
	color: #f00;
	font-style: normal;
}

div#convOverview h2 {
	font-size: 16px;
	line-height: 20px;
	margin-bottom: 10px;
}

div#content.debates div#convOverview h2 {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-left: 40px;
	background: url(../i/iconDebatesFaded.png) 0 50% no-repeat;
}

div#content.questions div#convOverview h2 {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-left: 40px;
	background: url(../i/iconQuestionsFaded.png) 0 50% no-repeat;
}

div#content.ideas div#convOverview h2 {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-left: 40px;
	background: url(../i/iconIdeasFaded.png) 0 50% no-repeat;
}

div#convOverview h2.ideas {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-left: 40px;
	background: url(../i/iconIdeasFaded.png) 0 50% no-repeat;
}

div#convOverview h2.questions {
	min-height: 26px;
	height: auto !important;
	height: 26px;
	padding-left: 40px;
	background: url(../i/iconQuestionsFaded.png) 0 50% no-repeat;
}

div#convOverview div.convTopics {
	margin: 15px 0;
}

div#convOverview div.convTopics span {
	position: relative;
	display: inline-block;
	float: left;
	width: 296px;
}

div#convOverview div.convTopics span a,
div#convOverview div.convTopics span a:visited {
	text-transform: lowercase;
	color: #fff;
	font-weight: normal;
	background-color: #a2a2a1;
	text-transform: none;
	display: inline-block;
	height: 15px;
	padding: 2px 7px 2px 7px;
	margin-bottom: 3px;
	margin-right: 0;
	cursor: pointer;
	position: relative;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

div#convOverview div.convTopics span a:hover {
	background-color: #fe0d0d;
	text-decoration: none;
}

div#convOverview div.convTopics strong {
	color: #666;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	width: 82px;
	line-height: 22px;
}

div#convOverview div.convRelated {
	margin: 15px 0 30px 0;
}

div#convOverview div.convRelated strong {
	color: #666;
	float: left;
	display: inline-block;
	text-transform: uppercase;
	width: 82px;
	line-height: 18px;
}

div#convOverview div.convRelated ul {
	display: inline-block;
	float: left;
	width: 296px;
	margin: 0;
	padding: 0;
}

div#convOverview div.convRelated ul li {
	margin: 0 0 5px 0;
	padding: 0;
	list-style-type: none;
}

div#convOverview div.convRelated ul li a,
div#convOverview div.convRelated ul li a:visited {
	padding: 0 18px 0 0;
	background: url(/images/icon_external_link.gif) right -2px no-repeat;
}

div.box.intro.statement {
	background-color: #f4f4f4;
	border-bottom: 3px solid #ccc;
	border-top: 3px solid #ccc;
	margin: 18px 0 2px 0;
	padding: 18px;
	height: auto;
}

div.box.intro.statement h2 {
	font-size: 12px;
	line-height: 18px;
	color: #009db2;
}

div.box.intro.statement p {
	font-size: 12px;
	line-height: 18px;
	color: #000;
	height: auto;
}

/* Talk */

div#tooltip.talkTip {
	width: auto;
}

div.talkInfo {
	width: 375px !important;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding: 13px 10px 33px 10px;
}

div.talkInfo h4 {
	margin: 0 0 12px 0;
	padding: 0;
	border: none;
}

div.talkInfo h4 a,
div.talkInfo h4 a:visited {
	color: #fff;
}

div.talkInfo img {
	width: 69px;
	height: 51px;
	border: 1px solid #fff;
	margin: 2px 8px 0 0;
	float: left;
	display: inline-block;
}

div.talkInfo p {
	color: #fff;
	width: 279px;
	float: left;
	display: inline-block;
	margin: 0;
	font-size: 11px;
	line-height: 13px;
}

div#convOverview.talk {
	padding: 20px 20px 5px 280px;
	width: 348px;
}

div#convOverview.talk div.convDetails {
	width: 240px;
}

div#convOverview.talk p.talkInfo {
	font-size: 11px;
	color: #666;
}

div#convOverview.talk p.talkInfo em {
	font-style: normal;
	font-weight: bold;
}

div#convOverview.talk ul.convCat li.convTags span {
	width: 266px;
}

div#convOverview.talk ul.convCat li.convWatch {
	margin-bottom: 15px;
}

div#convOverview.talk ul.convCat li.convWatch a,
div#convOverview.talk ul.convCat li.convWatch a:visited {
	color: #dd3434;
}

div#convOverview.talk ul.convCat li.convWatch a:hover {
	color: #000;
	text-decoration: underline;
}



/* Pagination
-----------------------------------*/

p.pageNum {
	font-size: 11px;
	color: #777;
	margin: 0 0 10px 0;
}

p.pageList {
	font-size: 11px;
	color: #777;
	float: right;
	display: inline-block;
	margin: 0 0 20px 0;
}

p.pageList a,
p.pageList a:visited {
	padding: 4px;
}

p.pageList em {
	margin: 0 4px;
	font-style: normal;
}

p.pageList a.nextLink {
	margin: 0 0 0 5px;
}



/* Page Tabs - to be added to global?
-------------------------------------------------------------------*/

.pageTabs {
	margin-bottom: 6px;
	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(../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(../i/bgTabsRight.png) no-repeat 100% 0;
}

.pageTabs ul li.selected {
	background-image: url(../i/bgTabsLeftActive.png);
}

.pageTabs ul li.selected a {
	background-image: url(../i/bgTabsRightActive.png);
}



/* Page Tabs overrides for Conversations
-------------------------------------------------------------------*/

.conversation .pageTabs ul {
	float: left;
}

.conversation .pageTabs ul li a {
	padding-top: 10px;
	padding-bottom: 9px;
}



/* Modules -> Selector
-----------------------------------*/

div#content.ideas div.box.intro.ideas,
div#content.debates div.box.intro.debates,
div#content.questions div.box.intro.questions {
	display: block;
}

ul#selector {
	width: auto;
	margin: 8px 0 17px 0;
}

ul#selector li {
	width: 215px;
	float: left;
	display: inline-block;
	margin: 0 2px 0 0;	
	position: relative;
}

ul#selector li a.navButton,
ul#selector li a.navButton:visited {
	height: 0px !important;
	display: block;
	overflow: hidden;
	width: 215px;
	padding: 81px 0 0 0;
}

ul#selector li.on a.navButton {
	height: 0px !important;
	display: block;
	overflow: hidden;
	width: 215px;
	padding: 83px 0 0 0;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.7);
	-moz-box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
	box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.7);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}

ul#selector li span.arrowDown {
	border-style: dashed;
	border-color: transparent;
	border-width: 0.73em;
	display: -moz-inline-box;
	display: inline-block;
	font-size: 12px;
	height: 0;
	line-height: 0;
	position: absolute;
	vertical-align: middle;
	width: 0;
	border-top-width: .8em;
	border-top-style: solid;
	border-top-color: transparent;
	bottom: -17px;
	left: 46%;
	display: none;
}

ul#selector li.on span.arrowDown {
	display: block;
}

ul#selector li img {
	position: absolute;
	top: 7px;
	right: 7px;
	z-index: 2;
	cursor: pointer;
	display: none;
}

ul#selector li.on img {
	display: block;
}

ul#selector li#ideas a.navButton {
	border-left: 2px solid #ccc;
	background: #fff url(../i/navIdeas.png) 10px 10px no-repeat;
}
ul#selector li#ideas span.arrowDown {
  border-top-color: #fece08;
}
ul#selector li#ideas a.navButton:hover {
	background: #fece08 url(../i/navIdeas.png) 10px -98px no-repeat !important;
}
ul#selector li#ideas.on a.navButton {
	border-left: 2px solid #fece08;
	background: #fece08 url(../i/navIdeas.png) 10px -98px no-repeat !important;
}

ul#selector li#questions a.navButton {
	border-left: 2px solid #ccc;
	background: #fff url(../i/navQuestions.png) 10px 16px no-repeat;
}
ul#selector li#questions span.arrowDown {
  border-top-color: #92c43d;
}
ul#selector li#questions a.navButton:hover {
	background: #92c43d url(../i/navQuestions.png) 10px -82px no-repeat !important;
}
ul#selector li#questions.on a.navButton {
	border-left: 2px solid #92c43d;
	background: #92c43d url(../i/navQuestions.png) 10px -82px no-repeat !important;
}

ul#selector li#debates {
	width: 211px;
}
ul#selector li#debates a.navButton {
	border-left: 2px solid #ccc;
	border-right: 2px solid #ccc;
	background: #fff url(../i/navDebates.png) 10px 15px no-repeat;
}
ul#selector li#debates span.arrowDown {
  border-top-color: #55bfe9;
}
ul#selector li#debates a.navButton:hover {
	background: #55bfe9 url(../i/navDebates.png) 10px -85px no-repeat !important;
}
ul#selector li#debates.on a.navButton {
	border-color: #55bfe9;
	background: #55bfe9 url(../i/navDebates.png) 10px -85px no-repeat !important;
}

/*  Start Convo  */

ul#selector.convStart li {
	width: 199px;
	margin-right: 2px;
}

ul#selector.convStart li a.navButton,
ul#selector.convStart li a.navButton:visited {
	padding: 102px 0 0 0;
	border: none !important;
}

ul#selector.convStart li#ideas a.navButton {
	width: 199px;
	background: #fff url(../i/navPropose.png) 10px 10px no-repeat;
}
ul#selector.convStart li#ideas a.navButton:hover {
	background: #fece08 url(../i/navPropose.png) 10px -142px no-repeat !important;
}
ul#selector.convStart li#ideas.on a.navButton {
	background: #fece08 url(../i/navPropose.png) 10px -142px no-repeat !important;
}

ul#selector.convStart li#questions a.navButton {
	width: 199px;
	background: #fff url(../i/navAsk.png) 10px 10px no-repeat;
}
ul#selector.convStart li#questions a.navButton:hover {
	background: #92c43d url(../i/navAsk.png) 10px -142px no-repeat !important;
}
ul#selector.convStart li#questions.on a.navButton {
	background: #92c43d url(../i/navAsk.png) 10px -142px no-repeat !important;
}

ul#selector.convStart li#debates {
	width: 198px;
}
ul#selector.convStart li#debates a.navButton {
	width: 198px;
	margin-right: 0;
	background: #fff url(../i/navDebate.png) 10px 10px no-repeat;
}
ul#selector.convStart li#debates a.navButton:hover {
	background: #55bfe9 url(../i/navDebate.png) 10px -142px no-repeat !important;
}
ul#selector.convStart li#debates.on a.navButton {
	background: #55bfe9 url(../i/navDebate.png) 10px -142px no-repeat !important;
}

/*  Mini  */

ul#selector.convMini {
	width: 256px;
	float: right;
	display: inline-block;
	margin: -55px 0 25px 0;
}

ul#selector.convMini li {
	margin-right: 4px;
}

ul#selector.convMini li a.navButton,
ul#selector.convMini li a.navButton:visited {
	padding: 29px 0 0 0;
	border: none !important;
}

ul#selector.convMini li {
	width: 70px;
}
ul#selector.convMini li#ideas a.navButton {
	width: 70px;
	background: #fff url(../i/navIdeasSm.png) 5px 0 no-repeat;
}
ul#selector.convMini li#ideas a.navButton:hover {
	background: #fece08 url(../i/navIdeasSm.png) 5px -22px no-repeat !important;
}
div#content.ideas ul#selector.convMini li#ideas a.navButton {
	background: #fece08 url(../i/navIdeasSm.png) 5px -22px no-repeat !important;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}
div#content.ideas ul#selector.convMini li#ideas span.arrowDown {
	display: block;
	border-width: 0.63em;
	font-size: 12px;
	bottom: -14px;
	left: 40%;
}

ul#selector.convMini li#questions {
	width: 97px;
}
ul#selector.convMini li#questions a.navButton {
	width: 97px;
	background: #fff url(../i/navQuestionsSm.png) 5px 0 no-repeat;
}
ul#selector.convMini li#questions a.navButton:hover {
	background: #92c43d url(../i/navQuestionsSm.png) 5px -22px no-repeat !important;
}
div#content.questions ul#selector.convMini li#questions a.navButton {
	background: #92c43d url(../i/navQuestionsSm.png) 5px -22px no-repeat !important;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}
div#content.questions ul#selector.convMini li#questions span.arrowDown {
	display: block;
	border-width: 0.63em;
	font-size: 12px;
	bottom: -14px;
	left: 44%;
}

ul#selector.convMini li#debates {
	width: 81px;
	margin-right: 0;
}
ul#selector.convMini li#debates a.navButton {
	width: 81px;
	background: #fff url(../i/navDebatesSm.png) 5px 0 no-repeat;
}
ul#selector.convMini li#debates a.navButton:hover {
	background: #55bfe9 url(../i/navDebatesSm.png) 5px -22px no-repeat !important;
}
div#content.debates ul#selector.convMini li#debates a.navButton {
	background: #55bfe9 url(../i/navDebatesSm.png) 5px -22px no-repeat !important;0
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	-moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.8);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=2);
}
div#content.debates ul#selector.convMini li#debates span.arrowDown {
	display: block;
	border-width: 0.63em;
	font-size: 12px;
	bottom: -14px;
	left: 44%;
}



/* Landing Modules -> Conversation Intro
-----------------------------------*/

div#convIntro h2 {
	font-size: 20px;
	font-weight: normal;
}

p.buttonStartConv {
	float: right;
	display: inline;
	margin: 0 0 10px 0;
}

p.buttonStartConv a:before {
	content: "+ ";
	font-size: 14px;
	line-height: 14px;
	margin: 0 2px 0 0;
}

p.buttonStartConv a.buttonItem {
	padding-left: 10px;
	padding-right: 12px;
}

ul#selectorSub {
	margin: 20px 0 0 0;
	padding: 10px;
	background-color: #f6f6f6;
	height: 11px;
}

ul#selectorSub li {
	margin: 0 0 0 3px;
	padding: 0;
	list-style-type: none;
	float: left;
	display: inline-block;
	color: #333;
}

ul#selectorSub.alt {
	margin: 4px 0 0 0;
	padding: 0;
	background: none;
}

ul#selectorSub li.on a,
ul#selectorSub li.on a:visited {
	color: #333;
	cursor: text;
}

ul#selectorSub li.on a:hover {
	text-decoration: none;
}

ul#selectorSub li.last:after {
	content: "";
}

ul#selectorSub li:after {
	content: " |";
}



/* Landing Modules -> Conversation List
-----------------------------------*/

ul.conversationList {
	border-bottom: 1px dotted #828282;
}

ul.conversationList li {
	border-top: 1px solid #d8d8d8;
	padding: 13px 0 10px 120px;
	margin: 0;
	position: relative;
}

ul.conversationList li:hover {
    background-color: #f4f4f4;
}

ul.conversationList li h2 {
	width: 58px;
	height: 0px !important;
	display: block;
	overflow: hidden;
	padding: 24px 0 0 0;
	border: 0;
	outline: none;
	position: absolute;
	top: 10px;
	left: 10px;
}

ul.conversationList li.ideas h2 {
	width: 58px;
	background: url(../i/navIdeasSm.png) top left no-repeat;
	padding: 24px 0 0 0;
}

ul.conversationList li.questions h2 {
	width: 84px;
	background: url(../i/navQuestionsSm.png) top left no-repeat;
	padding: 24px 0 0 0;
}

ul.conversationList li.debates h2 {
	width: 71px;
	background: url(../i/navDebatesSm.png) top left no-repeat;
	padding: 24px 0 0 0;
}

/*ul.conversationList li:hover {
	background-color: #f4f4f4;
}*/

ul.conversationList li div.userThumb {
	width: 50px;
	height: 50px;
	float: left;
	display: inline-block;
}

ul.conversationList li div.conversationDetails {
	width: 330px;
	float: left;
	display: inline-block;
	margin: 0 0 0 13px;
}

ul.conversationList li div.conversationDetails small {
	color: #999;
	font-size: 12px;
	margin: 0 0 4px 0;
	display: block;
}

ul.conversationList li div.conversationDetails small.debates {
	background: url(../i/iconDebateSm.png) 0 0 no-repeat;
	padding: 1px 0 0 20px;
}

ul.conversationList li div.conversationDetails small.questions {
	background: url(../i/iconAskSm.png) 0 0 no-repeat;
	padding: 1px 0 0 20px;
}

ul.conversationList li div.conversationDetails small.ideas {
	background: url(../i/iconProposeSm.png) 0 0 no-repeat;
	padding: 2px 0 0 20px;
}

ul.conversationList li div.conversationDetails small.talks {
	background: url(../i/iconCommentSm.png) 0 0 no-repeat;
	padding: 1px 0 0 20px;
}

ul.conversationList li div.conversationDetails small em {
	text-transform: uppercase;
	font-style: normal;
	font-weight: bold;
}

ul.conversationList.featured li div.conversationDetails small {
	color: #333;
}

ul.conversationList li div.conversationDetails h3 {
	margin: 0 0 4px 0;
	font-size: 14px;
}

ul.conversationList li div.conversationDetails h3 a,
ul.conversationList li div.conversationDetails h3 a:visited {
	color: #000;
}

ul.conversationList li div.conversationDetails h3 a:hover {
	color: #f00;
}

ul.conversationList li div.conversationDetails p {
	margin: 0;
}

ul.conversationList li p.conversationTiming {
	position: relative;
	width: 114px;
	text-align: right;
	float: right;
	display: inline-block;
	padding: 22px 0 0 0;
	font-size: 11px;
	color: #999;
	margin: 5px 8px 0 0;
}

/* positioned to left of clock icon, which is a css background */
ul.conversationList li p.conversationTiming img.liveConvoIconSmall {
	position: absolute;
	top: 2px;
	right: 20px;
}

ul.conversationList li p.conversationTiming em {
	font-style: normal;
}

ul.conversationList li.expireSoon p.conversationTiming {
	background: url(../i/iconClockExpireSoon.png) right 0 no-repeat;
}

ul.conversationList li.expireSoon p.conversationTiming em {
	color: #ff2a06;
}

ul.conversationList li.expire p.conversationTiming {
	background: url(../i/iconClockExpire.png) right 0 no-repeat;
}

ul.conversationList li.closed p.conversationTiming {
	background: url(../i/iconClockClosed.png) right 0 no-repeat;
}

ul.conversationList li.noExpire p.conversationTiming {
	background: url(../i/iconClockNoExpire.png) right 0 no-repeat;
}

div.box.intro.all,
div.box.intro.debates,
div.box.intro.ideas,
div.box.intro.questions,
div.box.intro.talks {
	display: none;
}



/* Search Result Modules -> 
-----------------------------------*/

div.box.intro.result {
	border-top: 3px solid #ccc;
	margin: -5px 0 12px 0;
	padding: 14px 18px 20px 0;
}

div.box.intro.result h2 {
	font-weight: normal;
}

div.refine {
	clear: both;
	padding: 10px;
	margin: 15px 0;
	background-color: #f4f4f4;
}

div.refine select {
	vertical-align: middle;
	display: inline-block;
	margin: 0 0 0 5px;
	font-size: 11px;
}

div.refine label {
	font-size: 11px;
	margin: 0;
	vertical-align: middle;
	display: inline-block;
}

div.refine p.pageNum {
	float: right;
	margin: 0;
}


/* Start Conversation Modules -> 
-----------------------------------*/

div#details {
	background-color: #e7e2da;
	padding: 24px 24px 0 24px;
}

div#details h2 {
	font-size: 12px;
	margin: 0 0 20px 0;
	text-transform: uppercase;
}

div#details div.box.intro {
	margin: 0 0 20px 0;
}

div.box.intro.lead {
	margin-bottom: 20px;
}

div.box.intro.lead p {
	color: #000;
	font-size: 18px;
	font-weight: bold;
	height: auto;
}

div#details div.box.intro p {
	font-size: 16px;
	font-weight: normal;
	color: #333;
}

div#details div.detailItem {
	margin: 0 0 20px 0;
}

div#details div.detailItem label {
	font-size: 11px;
	display: block;
	margin: 0 0 5px 0;
	font-weight: bold;
}

div#details div.detailItem label span.required {
	color: #390;
}

div#details div.detailItem p {
	width: 170px;
	margin: 0 0 0 20px;
	float: right;
	display: inline-block;
	color: #666;
	font-style: italic;
}

div#details div.detailItem .debates,
div#details div.detailItem .ideas,
div#details div.detailItem .questions {
	display: none;
}

.debates div#details div.detailItem .debates,
.ideas div#details div.detailItem .ideas,
.questions div#details div.detailItem .questions {
	display: inline-block;
}

div#details div.detailItem select {
	width: 202px;
	padding: 3px;
	font-size: 11px;
}

div#details div.detailItem input {
	width: 195px;
	padding: 3px;
	border: 1px solid #dcdcdc;
	font-size: 11px;
	vertical-align: middle;
}

div#details div.detailItem label em {
	font-size: 12px;
	color: #777;
	font-weight: normal;
}

div#details div.detailItem.detailHead textarea {
	width: 402px;
	padding: 5px 3px;
	height: 30px;
	border: 1px solid #dcdcdc;
}

div#details div.detailItem.detailDesc textarea {
	width: 402px;
	padding: 5px 3px;
	height: 90px;
	border: 1px solid #dcdcdc;
}

div#details div.detailItem p.charactersUsed {
	float: none;
	font-style: normal;
	margin: 5px 0 0 0;
}

div#details div.detailItem.detailDesc {
	margin-bottom: 40px;
}

div#details div.detailItem.detailExpTags select {
	margin: 0 0 20px 0;
}

div#details div.detailItem.detailLocLang select {
	margin: 0 0 20px 0;
}

div#details div.detailItem.detailLocLang select#location-country {
	width: 186px;
	margin-left: 16px;
}

div#details div#conversation_alert {
	font-family:Arial;
	font-size:11px;
	background-color:#FFFFDD;
	font-weight:bold;
	width:398px;
	padding:5px;
	margin-top:5px;
}

div#actions {
	background-color: #dbdbdb;
	position: relative;
	margin: 2px 0 15px 0;
	padding: 14px 24px;
}

div#actions p.saveMessage {
	font-size: 11px;
	font-style: italic;
	color: #000;
	margin: 4px 0 0 0;
}

div#actions span.button {
	float: right;
	display: inline-block;
	margin-right: 5px;
}



/* Topics
-----------------------------------*/

div.column {
	width: 192px !important;
	padding-right: 10px;
	float: left;
	display: inline-block;
	font-size: 1.2em;
	margin-right: 8px;
	margin-bottom: 20px;
}

div.column h3 {
	font-size: 16px !important;
}

div.column li {
	font-size: 11px !important;
}


/* Form Elements -> Buttons (overwrites shared styles in shared.css)
-----------------------------------*/

span.button input {
	padding: 3px 10px;
	font-size: 10px;
	cursor: pointer;
}

span.button.primary input {
	font-weight: normal;
}

span.button.secondary input {
	font-weight: normal;
	color: #999;
}

span.button input:hover {
	color: #c00;
}


/* Errors
----------------------------------*/

ul.error {
	margin: 0 0 20px 0;
	padding: 0;
}

ul.error li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: bold;
	color: #f00;
}

ul.error_list {
	margin: 0 0 2px 0;
	padding: 0;
}

ul.error_list li {
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #f00;
}

/* Sponsor
----------------------------------*/
div#convOverview.sponsor div.convDetails { 
	width: 205px;
	margin: -20px 0 0 -20px;
	padding: 12px;
	background: url(/css/i/bgSponsor.png);
}
div#convOverview.sponsor div.shareWrap { 
	width: 205px;
}
div#convOverview.sponsor div.sponsorWrap { 
	background-color: #808080;
	padding-bottom: 5px;
}
div#convOverview.sponsor div.sponsorText { 
	position: relative;
	margin: 0 0 8px 0;
	border-top: 3px solid #ddd;
	background-color: #fff;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	-webkit-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
	filter:	progid:DXImageTransform.Microsoft.Shadow(color='#555555', Direction=180, Strength=2);
}
div#convOverview.sponsor div.sponsorWrap h3 { 
	color: #000;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 12px 12px 2px 12px;
	background:none;
}
div#convOverview.sponsor div.sponsorWrap p { 
	color: #fff;
	font-size: 11px;
	line-height: 14px;
	margin: 0;
	padding: 0 12px 10px 12px;
}
div#convOverview.sponsor div.sponsorWrap img.headshot { 
	float: left;
	display: inline-block;
	padding: 14px 12px 10px 12px;
}
div#convOverview.sponsor div.sponsorText h3 { 
	color: #555;
	padding-bottom: 10px;
}
div#convOverview.sponsor div.sponsorText h3 img { 
	vertical-align: middle;
}
div#convOverview.sponsor div.sponsorText p { 
	color: #555;
}
div#convOverview.sponsor span.arrowDown {
	border-style: dashed;
	border-color: transparent;
	border-width: 0.73em;
	display: -moz-inline-box;
	display: inline-block;
	height: 0;
	line-height: 0;
	position: absolute;
	vertical-align: middle;
	width: 0;
	border-top-width: 1.8em;
	border-left-width: 0.0em;
	border-right-width: 1.8em;
	border-top-color: #fff;
	border-top-style: solid;
	bottom: -23px;
	left: 80%;
}

/* My Comments
-----------------------------------*/

ul#commentList {
	margin: 0;
	padding: 0;
}

ul#commentList li {
	margin: 10px 0;
	padding: 15px 0 20px 65px;
	position: relative;
	border-bottom: 1px solid #e5e5e5;
}

ul#commentList img.profile {
	position: absolute;
	top: 15px;
	left: 0;
}

ul#commentList h4 {
	border: none;
	margin: 0 0 1px 0;
	padding: 0;
}

ul#commentList h4 span.quiet {
	font-weight: normal;
	color: #888;
}

ul#commentList h4 a,
ul#commentList h4 a:visited {
	color: #000;
}

ul#commentList div.comment {
	margin: 20px 0 0 0;
}

ul#commentList div.comment span.date {
	color: #399;
	font-weight: bold;
}