div.container div.mainContent {
	float: right;
	/*margin-left: 15px;*/
	width: 673px;
	margin: 20px 0 0 0;
}
/* right hand column widget */
div.container div.leftColNav {
	clear: left;
	float:left;
	width:251px;
	margin: 20px 0 0 0;
	background:#ffffff url(/Templates/Connect/Styles/Images/discussLeftNavBG.gif) no-repeat 0 0;
	padding-top: 4px;
}
div.container div.leftColNav h3 {
	font-size: 14px;
	padding:10px 0 0 10px;
	position:relative;
}

div.container div.pagination {
	float: right;

	font-weight: bold;
	
	margin: 0 0 2px 0;
	text-align: right;
	width: 100%;
}

div.container ul.discussSubNav {
	margin: 10px 5px 0 10px;
	list-style: none;
}
div.container ul.discussSubNav li ul {
	list-style: none;
}

div.container ul.discussSubNav li a:link,
div.container ul.discussSubNav li a:visited {
	color: #666;
	font-size: 0.75em;
	font-weight: bold;
}

div.container ul.discussSubNav li span {
	color: #666;
	font-size: 0.75em;
	font-weight: bold;
}

div.container ul.discussSubNav li {
	background:transparent url(/Templates/Connect/Styles/Images/orangeArrow.gif) no-repeat 0 11px;
	border-top: 1px solid #ccc;
	padding: 5px 0 4px 16px;
}
div.container ul.discussSubNav li.current{
	background:transparent url(/Templates/Connect/Styles/Images/orangeArrowCurrent.gif) no-repeat 0 11px;
}

div.container ul.discussSubNav li ul.level2 li {
	background:transparent url(/Templates/Connect/Styles/Images/blueArrowRight.gif) no-repeat 0 14px;
	border: none;
	padding: 5px 0 0px 8px;
	margin-top: -5px;
}
div.container ul.discussSubNav li ul.level2 li a:link,
div.container ul.discussSubNav li ul.level2 li a:visited{
	color: #336295;
	font-weight: bold;
}
div.container ul.discussSubNav li ul.level2 li.more a:link,
div.container ul.discussSubNav li,more ul.level2 li a:visited{
	color: #666666;
	font-weight: bold;
}
div.container ul.discussSubNav li ul.level2 li.more {
	background:transparent url(/Templates/Connect/Styles/Images/moreBtn.gif) no-repeat 0 13px;
	border: none;
	padding: 5px 0 4px 14px;
}

div.container div.searchTopics {
	left: 11px;
	margin-top: 10px;
	position: relative;
	width: 219px;
	margin-bottom: 40px
}
div.container .searchTopicLeft {
	background: transparent url(/Templates/Connect/Styles/Images/topicSearchLeft.gif) no-repeat left top;
	display: block;
	height: 23px;
	left: 0;
	position: absolute;
	top: 0;
	width: 12px;
}
div.container div.searchTopics .searchBox {
	background: transparent url(/Templates/Connect/Styles/Images/topicSearchMid.gif) repeat-x center top;
	border: 0 none;
	color: #999999;
	font-size: 0.75em;
	font-weight: bold;
	line-height: normal;
	margin: 0;
	padding: 4px 0 6px 0;
	position: absolute;
	right: 11px;
	top: 0;
	width: 196px;
}
div.container .searchTopicRight {
	background: transparent url(/Templates/Connect/Styles/Images/topicSearchRight.gif) no-repeat scroll right top;
	display: block;
	height: 23px;
	position: absolute;
	right: 0;
	top: 0;
	width: 12px;
}
div.container .lastBorder {
	border-bottom: 1px solid #ccc;
}

/* widget boxes */

/* discussions Home page */
div.container div.discussion {
	clear: both;
	background: transparent url(/Templates/Connect/Styles/Images/CreateDiscussPanelBG.gif) no-repeat left top;
	margin-left: 7px;

}
div.container div.discussion h3 {
	padding: 10px 0 0 14px;
	position: relative;
	line-height: 28px;
}
div.container div.discussionTabs {
	width: 665px;
}


div.container div.discussionContent {
	clear: both;
	margin: 0 0px 0 15px;
}

div.container div.discussionContent dl{
	margin: 0 0 0 0;
	overflow: hidden;
	padding: 0 0 0 0;
	width: 100%;
	border-bottom: 1px solid #DDDDDD;
	
}
div.container div.discussionContent dl.noBorder {
	border-bottom: none;
}
div.container span.avatar {
	display: block;
	float: left;
	width: 45px;
	height: 45px;
}
div.container span.discussDetail {
	display: block;
	float: left;
	width :470px;
	margin-left: 10px
}
div.container div.discussionContent dt {
	display: block;
	float: left;
	margin: 4px 0 0;
	padding: 13px 0 7px 0;
	width: 534px;
	font-size: 12px;
	border-right: 1px solid #ddd;
	color: #333;
}
div.container div.discussionContent dl dt span.heading{
	clear: both;
	display: block;
	font-size: 14px;
	font-weight: bold;
	color: #336295;
}
div.container div.discussionContent dl dt span.heading span.subheading{
	font-size: 0.85em;
}
div.container div.discussionContent dl dt span.heading a {
	color: #336295;
}
div.container div.discussionContent dd {
	color: #666666;
	font-weight: bold;
	font-size: 0.688em;
	display: block;
	float: left;
	margin: 0;
	padding: 17px 0 11px 20px;
	/*overflow: hidden;*/
	width: 81px;
}

/* create discussion - extra styles */
div.container div.createWrapper {
	float: left;
	width: 100%;
}
div.container div.mainContentCreate {
	background: #F8F8F8;
	margin: 30px 0 0 0;
	width: 930px;
	padding-bottom: 20px
}
div.container div.mainContentCreate h1,
div.container div.threadHeader h1,
div.container div.mainContentCreate h1 span,
div.container div.threadHeader h1 span {
	font-size: 16px;
	font-weight: bold;
}
div.container div.createLeft {
	float: left;
	width: 631px;
	padding-left: 27px
}

div.container div.createDiscussTop {
	background:url(/Templates/Connect/Styles/Images/creaDiscussionHeadBG.gif) no-repeat left 0 ;
	padding: 8px 0 10px 15px;
	border-bottom: 4px solid #888888;
	margin-bottom: 22px;
}
div.container .discussLabel {
	position:relative;
	top:0px;
	width:200px;
	left: 12px;
	color: #336295;
	font-weight: bold;
	font-size: 12px;

}
div.container .titleBox {
	border: 1px solid #B4B4B4;
	width: 610px;
	padding: 8px 0 4px 0;
	color: #666;
	font-weight: bold;
	font-size: 0.875em;
	margin-bottom: 22px
}
div.container .formatControls {
	border-left: 1px solid #B4B4B4;
	border-right: 1px solid #B4B4B4;
	border-top: 1px solid #B4B4B4;
	width: 626px;
	overflow: hidden;
	padding: 5px 0 5px 8px;
}
div.container .formatControls ul {
	list-style: none;
}
div.container .formatControls ul li {
	float: left;
	margin: 0 0 0 2px;

}
div.container .contentBox {
	width: 600px;
	height: 272px;
	padding: 15px 0 0 10px;
	border: 1px solid #B4B4B4;
	color: #666;
	font-size: 0.75em;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: -3px
}

div.container div.createRight {
	float: left;
	width: 250px;
	border: 1px solid #B4B4B4;
	margin: 19px 0 0 0;
	position: relative;
	padding-bottom: 20px;
	font-size: 12px;
}
div.container div.createRight h2 {
	font-size: 12px;
	margin: 18px 0 0 10px;
}
div.container .addMediaHelp {
	right:5px;
	top:-23px;
}
div.container .addMedia {
	margin: 25px 0 0 10px
}

div.container .createDiscussionFields 
{
	margin: 0px 0px 0px 7px;
}
div.container .moveDown {
	margin-top: 20px;
}
div.container div.submitDiscussionBox {
background: #D4D4D4;
text-align: right;
padding: 10px 364px 10px 0;

}

/* discussion thread styles */
div.container div.mainContentThread {
	float: left;
	margin: 30px 0 0;
	width: 673px;
}
div.container div.threadHeader {
	background: transparent url(/Templates/Connect/Styles/Images/discussionThreadTop.gif) no-repeat left 0;
	border-bottom: 4px solid #888888;
	padding: 8px 0 10px 15px;
	width: 650px
}
div.container div.theThread {
	background: transparent url(/Templates/Connect/Styles/Images/discussionThreadContentBG.gif) no-repeat left 0;
	margin: -5px 0 0 0;
}
div.container div.theThread dl {
    border-bottom: medium none;
    float: left;
    margin-left: 12px;
    width: 670px;
}
div.container div.theThread dt {
	background: transparent url(/Templates/Connect/Styles/Images/threadDTBG.gif) no-repeat right 0;
	border-right: none;
}
div.container div.threadHeaderLeft {
	float: left
}
div.container div.threadHeaderRight {
	float: right
}
div.container div.threadHeaderRight ul {
	margin: 0 20px 0 0;
	list-style: none
}
div.container div.threadHeaderRight ul li a:link,
div.container div.threadHeaderRight ul li a:visited {
	color: #336295;
	font-size: 0.625em;
	font-weight: bold;padding: 0 0 0 24px;
}

div.container .previousLink {
	background: transparent url(/Templates/Connect/Styles/Images/arrowUP.gif) no-repeat left 2px;
}
div.container .nextLink {
	background: transparent url(/Templates/Connect/Styles/Images/arrowDown.gif) no-repeat left 2px;
}

div.container span.videoHolder {
	display: block;
	margin: 10px 0 10px 0;
}
div.container div.threadControls {
	background: transparent url(/Templates/Connect/Styles/Images/threadBG.gif) repeat-x 0 0;
	border: 1px solid #E2E2E2;
	width: 531px;
	position: relative;
	padding: 10px 0 10px 15px
}
div.container div.threadControls ul {
	list-style: none;
}
div.container div.threadControls ul li a:link,
div.container div.threadControls ul li a:visited {
	color: #336295;
	font-size: 0.75em;
	font-weight: bold;
}
div.container div.threadControls ul li {
	float: left;
	margin-right: 10px
}
div.container .rateTopic {
	background-position: 0px -181px;
	height:14px;
	width:78px;
	margin-left: 10px;
}
div.container .flagTopic {
	background-position: 0 -205px;
	height:18px;
	width:26px;
	margin-left: 10px;
}
div.container .quoteComment {
	background-position: 0px -234px;
	height:18px;
	width:31px;
	margin-left: 10px;
}

div.container .borderRight {
	border-right: 1px solid #E2E2E2;
	padding-right: 17px;
}
div.container .threadHelp {
	display: block;
	float: left;
	position: absolute;
	right: 10px;
	top: 10px;
}
div.container div.commentsHeader {
	width: 533px;
	background: transparent url(/Templates/Connect/Styles/Images/commentsHeadBG.gif) no-repeat left 0;
	border-bottom: 4px solid #888888;
	padding: 8px 0 10px 15px;
	margin-top:  15px;
}
div.container div.threadComments {
	width: 572px;
}
div.container div.mythreadComments {
	background:transparent url(/Templates/Connect/Styles/Images/commentsBG.gif) no-repeat scroll left 0;
	margin:0px 0 0;
	width:548px;
}
div.container div.moveComment {
	margin-top: -8px;
}
div.container div.mythreadComments dl {
	border-bottom: none;
	margin-left: 12px;
	width:535px;
}

div.container div.mythreadComments dt {
	border-right: none;
	color: #333333;
	display: block;
	float: none;
	width: 558px;
}
div.container div.mythreadComments dd {
	color: #333;
	display: block;
	float: none;
	clear: both;
	margin: 0 0 0 56px;
	padding: 0 0 10px 0;
	width: 472px;
	font-weight: normal;
	font-size: 0.75em;
}
div.container .commentName {
	display:	block
}
/* Add Comments */
div.container div.addComments {
	float: right;
	margin: 30px 0 0;
	width: 251px;
}
div.container div.addCommentHeader {
	background:transparent url(/Templates/Connect/Styles/Images/addCommentHeadBG.gif) no-repeat left 0;
	position: relative;
}
div.container div.addCommentContent {
	border-left: 1px solid #E4E4E4;
	border-right: 1px solid #E4E4E4;
	border-bottom:	1px solid #E4E4E4;
	padding-bottom: 15px;
	padding-top: 15px;
	overflow: hidden;
}
div.container div.addComments h3 {
	font-size: 0.875em;
	padding: 18px 0 0 10px;
}

div.container div.commentControls {
	width: 224px;
	margin-left: 8px;
}
div.container .commentControls ul {
	margin-left: -2px
}
div.container .commentControls ul li {
	float: left;
	margin: 0 2px 0 0px;
}
div.container .commentBox {
	border:1px solid #B4B4B4;
	color:#666666;
	font-family:Arial,Helvetica,sans-serif;
	font-size:0.75em;
	height:230px;
	margin-top:-3px;
	padding:15px 0 0 10px;
	width:520px;
	margin-left: 8px;
}
div.container button.commentBTN {
	position: relative;
	top: 0;
	right: 0;
	left: 14px;
}
div.container div.submitComButtonWrap {
    margin:15px 35px 0 10px;
}
div.container div.removeFacet {
	display: block;
	margin: 10px 5px 10px 10px;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	overflow: hidden;
	padding: 10px 0 10px 0;
}

div.container div.tags {
	clear: both;
	margin: 0 0 0 37px;
	width: 893px;
	padding-top: 10px;
}
div.container div.tags h2 {
	font-size: 0.875em;
}
div.container div.tags p {
	color: #666;
}
div.container div.tagholder {
	float: left;
	width: 171px;
	margin: 20px 49px 0 0
}
div.container .regLabel {
	color: #336295;
	margin-bottom: 2px;
}
div.container .regSelBox {
	width: 150px;
	font-size: 12px;
}

div.container .requiredDesc {
	margin-top: 60px;
	font-size: 11px;
}

/* extra styles used by Cityscape TV - here because they basically the same as the discussionpages */
div.container span.avatarTV {
	width: 85px;
}
div.container span.detailTV {
	width: 430px;
}
div.container span.tvDate {
	display: block;
	color: #333;
	font-weight: normal;
	margin-bottom: 20px;
}
div.container span.TvPanelMove {
	margin-left: 55px;
}
div.container span.time {
	font-size: .80em;
}

/* Added by Chris - 20090902 */

div.container blockquote {
  font: 14px/22px normal helvetica, sans-serif;
  margin-top: 10px;
  margin-bottom: 10px;
  margin-left: 20px;
  padding-left: 15px;
  border-left: 3px solid #ccc;
} 

div.container .realupload {
	position:absolute;
	top:0;

	left:0;

	/* start of transparency styles */
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity:0);
	/* end of transparency styles */
	width:267px;
	z-index:2; /* bring the real upload interactivity up front */
}
div.container .fakeupload 
{
	height:20px;
	/* background:url(/Images/icons/connect/browse.png) no-repeat 100% 50%; */
}
div.container .browseimage {
	/* EDIT START WG 04-03-10 */
    /* left:205px;*/
	left:162px;
	/* EDIT START WG 04-03-10 */
    position:absolute;
    top:0;
}

div.container span.editedContent
{
	font-size: 0.75em;
	font-weight: bold;
	color: #336295;
}


/* Bullet Point Issues */
div.container .createLeft ul li,
div.container .createLeft ol li,
div.container .createRight ul li,
div.container .createRight ol li
{
    color: #333333;
    font-size: 0.75em;
}

