﻿
.post-ft:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.post-ft { zoom: 1; }
.landing #subhead {
	background-position: 0 -188px;
}
#subhead p {
	background: url(../images/community/icn-online.gif) no-repeat 0 3px;
	padding-left: 31px;
	margin-top: 8px;
}
/***** homepage tabbed box ****/
#home-content .ui-tabs-panel {
	position: relative;
}
#home-content .ui-tabs-nav {
	margin: 0 0 -2px 1px;
	position: relative;
}
#home-content .ui-tabs-nav li {
	background: none;
	float: left;
	padding: 0;
	margin-left: -1px;
}
#home-content .ui-tabs-nav li.first {
	margin: 0;
}
#home-content .ui-tabs-nav li a, #home-content .ui-tabs-nav li a span {
	display: block;
	background: url(../images/community/home-tab.gif) no-repeat;
}
#home-content .ui-tabs-nav li a {
	text-align: center;
	width: 157px;  /* 150 */
	color: #333;
	font-weight: bold;
}
#home-content .ui-tabs-nav li.first a {
	width: 158px;  /* 145 */
}
#home-content .ui-tabs-nav li a span {
	background-position: 100% -27px;
	height: 27px;
	line-height: 27px;
	vertical-align: -4px;
}
#home-content .ui-tabs-nav li a:hover {
	background-position: 0 -108px;
	text-decoration: none;
}
#home-content .ui-tabs-nav li a:hover span {
	background-position: 100% -135px;
}
#home-content .ui-tabs-nav li.ui-tabs-selected a, #home-content .ui-tabs-nav li.ui-tabs-selected a:hover {
	background-position: 0 -54px;
}
#home-content .ui-tabs-nav li.ui-tabs-selected a span, #home-content .ui-tabs-nav li.ui-tabs-selected a:hover span {
	background-position: 100% -81px;
}
#home-content .bd, #home-content .ft {
	background: url(../images/community/home-content-bg.gif);
	padding: 0 2px;
}
#home-content .ft {
	background-position: right bottom;
	height: 29px;
}
.filterHdr {
	float: left;
	font-size: .8em;
	padding: .8em 16px 0;
}
#home-content .filterBy {
	padding: 6px 12px 4px;
	margin: 0 2px;
	float: left;
}
#home-content .filterBy li {
	float: left;
	background: none;
	margin-right: 11px;
	overflow: hidden;
	padding: 0;
	font-weight: bold;
}
#home-content .filterBy li, #home-content .filterBy li span {
	display: block;
	_display: inline-block;
	color: #333;
}
#home-content .filterBy li span {
	padding: 0 5px;
	line-height: 1.85em;
}
#home-content .filterBy li.over, #home-content .filterBy li.over span,
#home-content .filterBy li.selected, #home-content .filterBy li.selected span {
	background: url(../images/community/home-filterby-bg.gif);
	text-decoration: none;
}
#home-content .filterBy li.over span, #home-content .filterBy li.selected span {
	background-position: right bottom;
}
#home-content table {
	width: 100%;
	border-top: /*1px solid #cacccc;*/
	
}
#home-content div div div div table {
	border: none;
}
#home-content div div div div {
	height: 440px;
	overflow: auto;
	
	width: 100%;
	background: #fff;
}
#home-content div div div div div, #home-content div div div div.filter {
	height: auto;
	width: auto;
	_width: 97%;
	background: none;
}
#home-content div div div div.filter {
	width: auto;
	overflow: visible;	
}
#home-content table {
	clear: left;
	*clear: none;	
}
#home-content table.main {
	background: url(../images/community/profile-bg.gif) no-repeat scroll 0 0;
	height: 625px;
}
#home-content td, #home-content th {
	font-size: .9em;
}
#home-content table p, #home-content table h4 {
	font-size: 1em;
}
#home-content td {
	padding: 0 10px .7em 10px;
	border-top: /*1px solid #cacccc;*/
	text-align: center;
}
#home-content td.textarea 
{
	border: 1px solid #CCCCCC; 
	padding: 0;
}
td.textarea div 
{
	 height: 437px; 
	 overflow: auto; 
	 padding: 10px;
}
div.quote
{
	font-style:italic;
}
#home-content td.header {
	padding-top:.7em;
	padding-bottom:.3em;
	font-size:1em;
	font-weight: bold;
	text-align:left;
}
#home-content tr.first td {
	border: none;
}
#home-content th {
	border-bottom: 1px solid #cccccc;
	border-top: 1px solid #fff;
	background: #f5f5f5;
	color: #005980;
	padding: .5em 10px;
	cursor: pointer;
	*cursor: hand;
}
#home-content th.sortBy span {
	padding-right: 10px;
	margin-right: -10px;
	*margin: 0;
	background: url(../images/arrow-v.gif) no-repeat 100% -63px;
}
#home-content th.desc span {
	background-position: 100% -432px;
}
#home-content th:hover, #home-content th.over {
	text-decoration: underline;
}
#home-content th.first, #home-content td.first {
	text-align: left;
}
#home-content .rating, #home-content .posts, #home-content .trackedBy {
	width: 24%;
	text-align: center;
}
#home-content th.trackedBy {
	width: 26%;
}
#home-content .replies {
	width: 19%;
	text-align: center;

}
#home-content .topics {
	width: 19%;
	text-align: center;
}
#home-content #community-screens th.replies,
#home-content #community-lists th.replies {
	width: 16%;
}
#home-content th.rating, #home-content th.posts {
	width: 25%;
}
#home-content th.topics {
	width: 19%;
}
#home-content .action {
	position: absolute;
	right: 10px;
	padding: 6px 10px 0 0;
	font-weight: bold;
}
#home-content .rating img {
	vertical-align: bottom;
	*vertical-align: text-bottom;
	margin-right: 5px;
}
/*** tag clouds in the right side bar ***/
#tagClouds span {
	display: none;
}
#tagClouds li {
	background: none;
	display: inline;
}
#tagClouds {
	padding: 0 16px 6px;
	margin: 15px auto 20px;
	background: url(../images/sidebar-divider.png) left bottom no-repeat;
}
#tagClouds .ui-tabs-nav li {
	float: left;
	width: 102px;
	padding: 0;
}
#tagClouds .ui-tabs-nav li a, #tagClouds .ui-tabs-nav li a span, #tagClouds .ui-tabs-nav {
	display: block;
	background: url(../images/community/tagcloudtab-bg.gif);
	color: #333;
	font-weight: bold;
}
#tagClouds .ui-tabs-nav {
	padding-bottom: 5px;
	background-position: 0 100%;
}
#tagClouds .ui-tabs-nav li a span {
	background-position: 100% -27px;
	text-align: center;
	line-height: 2.3em;
}
#tagClouds .ui-tabs-nav li a:hover {
	background-position: 0 -108px;
	text-decoration: none;
}
#tagClouds .ui-tabs-nav li a:hover span {
	background-position: 100% -135px;
}
#tagClouds .ui-tabs-nav li.ui-tabs-selected a, #tagClouds .ui-tabs-nav li.ui-tabs-selected a:hover {
	background-position: 0 -54px;
}
#tagClouds .ui-tabs-nav li.ui-tabs-selected a span, #tagClouds .ui-tabs-nav li.ui-tabs-selected a:hover span {
	background-position: 100% -81px;
}
#tagClouds .ui-tabs-panel li {
	line-height: 30px;
}
/* filched from 24ways.org, differs slightly from CS's tag cloud but is much more accessible */
#tagClouds .not-popular { font-size: .78em; }
#tagClouds .not-very-popular { font-size: .8em; }
#tagClouds .somewhat-popular { font-size: 1em; }
#tagClouds .popular { font-size: 1.2em; }
#tagClouds .very-popular { font-size: 1.4em; }
#tagClouds .ultra-popular { font-size: 1.6em; }

/* ad bug */
#communityAd {
	background: url(../images/community/ad-bg.gif) no-repeat;
	height: 89px;
	margin-left: 16px;
	padding: 10px;
}
#communityAd p, #communityAd li {
	font-size: .8em;
}
#communityAd h3 {
	font-size: 1em;
	padding-bottom: .2em;
}
#communityAd p {
	width: 190px;
	padding-bottom: .3em;
}
#communityAd li {
	background: none;
	display: inline;
	font-weight: bold;
	padding: 0 15px 0 0;
}
/*** forums ***/
#forumTable, #forumTable div {
	background: url(../images/community/forums-bg.gif);
}
#forumTable div {
	background-position: right bottom;
	padding: 0 2px 22px;
}
#forumTable div div {
	background: none;
}
#forumTable table {
	width: 100%;
}
#forumTable td {
	background: #fff;
	border-top: 1px solid #cacccc;
	padding: 10px;
}
#forumTable td, #forumTable th {
	font-size: .8em;
	text-align: center;
}
#forumTable th {
	padding: 10px 10px .5em;
}
#forumTable .first, #forumTable .lastPost {
	text-align: left;
}
#forumTable td.first {
	font-weight: bold;
}
/** thread **/
#threadInfo {
	background: #f2f2f2;
	padding: 8px 11px;
	margin-bottom: 10px;
}
#threadInfo p, #threadInfo h4 {
	float: left;
	padding-right: 16px;
	font-size: .8em;
	line-height: 1.4em;
}
#threadInfo p.rating {
	float: right;
	padding: 0;
}
#threadInfo p img {
	vertical-align: middle;
}
#threadBox, #threadBox .hd, #threadBox .ft {
	background: url(../images/community/thread-bg.gif);
}
#threadBox .hd, #threadBox .ft {
	padding:7px 8px;
}
#threadBox .bd {
	padding: 0 0 11px 12px;
	margin-right: 2px;
	height: 496px;
	overflow: auto;
}
#threadBox .hd {
	background-position: -628px 0;
}
#threadBox .ft {
	background-position: -1256px 0;
	padding-bottom: 9px;
}
#threadBox .hd .btn {
	float: left;
}
#threadSort {
	float: right;
	width: 40%;
	*width: 41%;
	_width: 43%;
}
#threadSort h5, #threadSort p {
	float: left;
}
#threadSort h5 {
	margin: .3em 5px 0 0;
}
p#sortCombo {
	float: right;
	margin: 0 16px 0 0;
	min-width: 143px;
	_width: 155px;
}
p#sortCombo a, p#sortCombo a span {
	background: url(../images/subheadcombo-bg.gif) no-repeat;
	display: block;
	line-height: 2em;
	vertical-align: middle;
	font-weight: bold;
}
p#sortCombo a span {
	background-position: 100% -24px;
	padding: 0 35px 0 8px;
}
p#sortCombo a:hover {
	background-position: 0 -48px;
	color: #fff;
	text-decoration: none;
}
p#sortCombo a:hover span {
	background-position: 100% -72px;
}
ul#sortComboMenu {
	position: absolute;
	top: 25px;
	background: url(../images/home/menu-dropshadow.png) no-repeat left bottom;
	padding:0 7px 8px 3px;
}
ul#sortComboMenu li {
	background: #fff;
	*zoom: 1;
	padding:0;
	width: 136px;
}
ul#sortComboMenu li.selected span {
	padding-right: 15px;
	background: url(../images/greencheck.gif) 95% .6em no-repeat;
}
ul#sortComboMenu li span {
	display: block;
	*zoom: 1;
	padding: 5px 10px;
}
ul#sortComboMenu li span:hover {
	background-color: #d1e2ee;
	text-decoration: none;
}
.post, .post div.post-hd, .post div.post-ft {
	background: url(../images/community/post-bg.gif);
}
.post {
	width: 593px;
	margin-top: 11px;
}
.post div.post-hd, .post div.post-ft {
	background-repeat: no-repeat;
}
.post div.post-hd {
	padding: .3em 12px;
	background-position: -614px 0;
}
.post div.post-hd p {
	text-align: right;
}
.post div.post-bd {
	padding: .5em 0 0;
}
.post-bd div, .post-bd h3 {
	padding: 0 3px 0 12px;
}
.post div.post-bd h3 {
	font-size: .8em;
}
.post div.post-ft {
	background-position: -1228px 100%;
	padding: .5em 10px;
}
.post div.post-ft p {
	float: left;
}
.post div.post-ft p.btn {
	float: right;
}
.post div.post-ft p.btn a {
	margin-left: 4px;
}
.postInfo p {
	display: inline;
	padding-right: 10px;
}
.flag {
	margin-top: 2px;
}
.flag a {
	background: url(../images/community/icn-flag.gif) no-repeat left center;
	padding-left: 12px;
}
.post-bd div.postContent {
	padding: 1em 12px;
}
.post-bd p.tags {
	padding: 0 1px 1em 10px;
	border-bottom: 1px solid #cacccc;
	margin: 0 2px;
}
#subscribeBox {
	position: absolute;
	top: 300px;
	left: 30%;
	background: url(../images/community/subscribe-bg.png);
	width: 240px;
	height: 132px;
	padding: .5em 23px;
	display: none;
}
#subscribeBox h3, #subscribeBox p {
	padding-bottom: .3em;
}
#subscribeBox h3 {
	font-size: 1.1em;
}
#subscribeBox label {
	padding-left: 2px;
}
#subscribeBox p.btn {
	padding: .8em 45px 0;
}
#subscribeBox p.btn a {
	margin-right: 10px;
}
#subscribeBox p.btn a.cancel span {
	font-weight: normal;
}

/***** Rating part ****/
.ratingStar {
    font-size: 0pt;
    width: 15px;
    height: 14px;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    display: block;
    background-repeat: no-repeat;
}

.waitingRatingStar {
    background-image: url(/Images/Rating/FillStar.png);
}
.filledRatingStar {
    background-image: url(/Images/Rating/BoldEmptyStar.png);
}
.emptyRatingStar {
    background-image: url(/Images/Rating/EmptyStar.png);
}
.rolloverRatingStar {
    background-image: url(/Images/Rating/SavingStar.png);
}

.avgEmptyRatingStar {
    background-image: url(/Images/Rating/FillStar.png);
}
.avgFilledRatingStar {
    background-image: url(/Images/Rating/FillBoldStar.png);
}
.avgPartRatingStar {
    background-image: url(/Images/Rating/HalfFillBoldStar.png);
}
.avgPartEmptyRatingStar {
    background-image: url(/Telligent/CustomWidgets/Images/Rating/HalfFillStar.png);
}

/* ReadOnly state */

.roAvgEmptyRatingStar {
    background-image: url(/Images/Rating/roFillStar.png);
}
.roAvgFilledRatingStar {
    background-image: url(/Images/Rating/roFillBoldStar.png);
}
.roAvgPartRatingStar {
    background-image: url(/Images/Rating/roHalfFillBoldStar.png);
}
.roAvgPartEmptyRatingStar {
    background-image: url(/Images/Rating/roHalfFillStar.png);
}

