.homePage .header{
 	height:192px;
}

.homePage .body{
	margin-top:-1px;
	position:relative;
}

.homePage .body .rounded-outline{	
	height:650px;
	width:80%;
}

#homeBody{
	height:418px;
}

.homePage .body .rounded-outline .rt{
	background:#f9f7f8 none;
	border-right:1px solid #DDDDDD;
}

.homePage .body .rounded-outline .top{
	border:none;
}

.homePage .header .lb,
.homePage .body .rounded-outline .lt{
	background:#f9f7f8 none;
	border-left:1px solid #DDDDDD;
}

.homePage .tabNavColumn{
	position:absolute;
	top:6px;
	left:80%;
	right:0;
}

.homePage .tabNavColumn .tabUls{
	overflow:hidden;
	margin-bottom:5px;
}

.homePage .tabNavColumn .tabUls ul li{
	position: relative;
}

/* HEADER */
#homePageBannerContainer h1{
      font-size:2.9em;
      margin:0;
}

#homePageBannerContainer h3{
      font-weight:normal;
      font-size:1.5em;
}

#newTopicForm{margin-top:8px;}

#topicName{width:88%;}

#homePageBannerContainer #newTopicForm .bigButton{
      margin-left:10px;
      position:absolute;
      right: 0;
}
/* END HEADER */

/* ALPHABET INDEX */
#alphabetIndex{
      width:27px;
      height:458px;
      position:absolute;
      top:2px;
      text-align:center;
      z-index:1;
      background: transparent url(../images/bg/alphabet_index_bg.png) no-repeat;
}

#alphabetIndex ul{
      list-style:none;
      margin-top:4px;
}

#alphabetIndex ul li{
      font-weight:bold;
      color:#aeaeae;
}

#alphabetIndex ul a{
      color:#2b2b2b;
      text-decoration:none;
}
/* END ALPHABET INDEX */

/*TABBER NAVIGATION MENU*/
.tabNavColumn .tabUls ul li{
      float: left;
      width: 100%;
      height:34px;
      margin-top:5px;
      /*border-left:4px solid #b5b3b5;*/
      background: transparent url(../images/bg/tabber_nav_inactive.png) no-repeat right center;
      cursor: pointer;
}

#categoryList{
	margin-left:4px;
}

.tabNavColumn ul li.active,
.tabNavColumn ul li.tabberactive{
      width:100%;
      left:-1px;
      position:relative;
      /*border-left:4px solid #faf8f9;*/
      background: transparent url(../images/bg/tabber_nav_active.png) no-repeat right center;
}

.tabNavColumn ul li span{
	display: block;
	width: 4px;
	height: 34px;
	float:left;
	background-color: #b5b3b5;
}

.tabNavColumn ul li.tabberactive span{
	background:#faf8f9 url("../images/bg/tabber_nav_active.png") repeat-x;
}

.tabNavColumn .tabUls ul li a{
      margin: 10px;
      position: absolute;
      text-decoration: none;
      font-weight: bold;
      color:#9e9e9e;
      white-space:nowrap; 
}
/*END TABBER NAVIGATION MENU*/

.scrollSet{position:relative;}
.scrollArea{
      margin:12px 0;
      overflow:hidden;
      height:348px;
}

.listBoxList li{margin-bottom:12px}

.listBox{
      position:relative;
      height: 60px;
      /*width: 361px;
      width:97%;*/
      margin-right:9px;
      background: transparent url(../images/bg/list-item.png) no-repeat;
}

.listBoxClose{      
      position:absolute;
      width: 9px;
      height: 60px;
      right:-9px;
      background: transparent url(../images/bg/list-item.png) no-repeat right top;
}

.listBoxDetails{
      position:absolute;
      left:0;
      right:0;
      top:0;
      bottom:0;
      margin:10px;
}

.listBoxDetails *, .listBoxDetails a{text-decoration:none;white-space:nowrap;}

.listBoxDetails .avatar{
      width: 38px;
      height: 38px;
      background:#fff;
      border: 1px solid #b4b4b4;
      position:absolute;
      top:0;
      left:0;
}

.listBoxDetails .avatar img{
      width: 36px;
      height: 36px;
      margin: 1px;
}

.listBoxDetails .listBoxSubDetails{
      position:absolute;
      left:48px;
      right:80px;
}

.listBoxDetails .topicView{
      position:absolute;      
      right:0;
      margin-top:6px;
      display: block;
      background: transparent url("../images/buttons/view_button.png") no-repeat;
      color:#FFFFFF;
      font-weight:bold;
      width:61px;
      height:27px;
      line-height:2em;
      text-align:center;      
}

.listBoxDetails .topicView:hover{
	background-position: left -27px;
}

.listBoxDetails .listBoxSubDetails .listBoxSubDetailTitle{
      font-size: 18px;
      font-weight: bold;

}
.listBoxDetails .listBoxSubDetails .listBoxSubDetailSubTitle span{font-weight: bold;}
.listBoxDetails .listBoxSubDetails .listBoxSubDetailTitle .ellipsisTopic{width: 460px;display:block;} 
.listBoxDetails .listBoxSubDetails .listBoxSubDetailSubTitle .ellipsisScreename{max-width: 185px; width:auto !important; width:185px;  display: inline-block; vertical-align:bottom;}
.listBoxDetails .listBoxSubDetails .listBoxSubDetailTitle .ellipsisGroup{width: 255px;}

/*FOR FRIENDS AND GROUPIES*/

#myGroupies .listBoxList,
#myFriends .listBoxList,
#groupies .listBoxList,
#friends .listBoxList{
      width:92%;
      margin-left:32px;
}

#myFriends .listBoxList .listBox, 
#myGroupies .listBoxList .listBox, 
#groupies .listBoxList .listBox, 
#friends .listBoxList .listBox{
	width:57%;
}

#myGroupies .listBoxList li, 
#myFriends .listBoxList li, 
#groupies .listBoxList li, 
#friends .listBoxList li{
	overflow:hidden;
}
	
#myGroupies .listBoxList .listBox, 
#myFriends .listBoxList .listBox, 
#groupies .listBoxList .listBox, 
#friends .listBoxList .listBox, 
.listBoxList .speakOut{
	float:left;
}

#myGroupies .listBoxDetails .listBoxSubDetails,
#myFriends .listBoxDetails .listBoxSubDetails,
#groupies .listBoxDetails .listBoxSubDetails,
#friends .listBoxDetails .listBoxSubDetails{
	right:0;
}

.listBoxList .speakOut{
      font-size:14px;
      font-weight:bold;
      color:#747474;
      width:215px;
      height:34px;
      margin:10px 0 0 14px;
      background: url(../images/bg/callout.png) no-repeat;
}

.listBoxList .flToggler{
	float: left;
	width: 215px;
	margin:4px 0 0 14px;
}

.listBoxList .flToggler a{
	color:#909090;
	font-size:11px;
	text-decoration: underline;
	float:right;
	/*	
	color:#0092BB;
	font-size: 12px;
	font-weight: bold;
	padding-left:24px;
	text-decoration: none;
	text-indent: 24px;
	*/
}
/*
.listBoxList .flToggler a.leave{
	background: transparent url("../images/buttons/groupies-options.png") no-repeat left -18px;
}

.listBoxList .flToggler a.follow{
	background: transparent url("../images/buttons/groupies-options.png") no-repeat left top;
}

.listBoxList .flToggler a.viewprofile{
	background: transparent url("../images/buttons/groupies-options.png") no-repeat left -36px;
}

.listBoxList .flToggler a.discuss{
	background: transparent url("../images/buttons/groupies-options.png") no-repeat left -54px;
}
*/
.myGroupies .listBoxList .speakOut,
#myGroupies .listBoxList .speakOut{
	margin-top: 0px;
	width: 215px;
}

.listBoxList .speakOut span{
      display:block;
      margin:8px 2px 0 16px;
}

.listBoxList .speakOut span q{
	display:block;
	width:100%;
	white-space:nowrap;
}

.listBoxList .speakOut span q a{
	text-decoration: none;
	color:#747474; 
}

.letterIndex{
      font-weight:bold;
      height:16px;
      margin-bottom:6px;
      clear:both;
      background: url(../images/bg/black.gif) repeat-x 0 center;
}

.letterIndex span{
      display:block;
      background:#f9f7f8;
      width:22px;
      padding-left:2px;
}

/*END FOR FRIENDS AND GROUPIES*/

/*TEMP*/
#tabContainer .tabbertabhide{
	display:none;
}

#msg{
	display:block;
	float:right;
	font-size:9px;
	color:#666;
}

#loading-dlg{	
	position:absolute;
	top:50%;
	left:50%;
	margin-left:-39px;
	margin-top:-30px;		
}

/*TABBER NAVIGATION MENU*/


.tabNavColumn *{color: #3a3a3a;}
.tabNavColumn .tabUls ul li.tabberactive a{color:#2c2c2c;}
.tabbernav .tabberactive a, .tabbernav a span{color:#2c2c2c;}

.categories{
	 border-left:4px solid #B5B3B5;
	 position:relative;
}

.categories.active{
	border-left:4px solid #FBF9FA;
}

.categories.active label{
	color:#2C2C2C;
}

.categories div.categoryTab {
	 background:transparent url("../images/bg/widget_bg.png") no-repeat 100% 0;
	 position:relative;
}

.categories.active div.categoryTab{
	 background:transparent url("../images/bg/widget_bg_active.png") no-repeat 100% 0;
	 position:relative;
}


.categories i{
	 display:block;
	 font-size:1px;
	 height:10px;
	 width:100%;
}

.categories i.close{
	background:transparent url("../images/bg/widget_bg.png") no-repeat 100% 100%;
}

.categories.active i.close{
	background:transparent url("../images/bg/widget_bg_active.png") no-repeat 100% 100%;
}

.categories .categoryContents{
 	padding:8px 0 0 8px;
}
.categories .categoryContents div.categoryLink{
 	cursor:pointer;
	overflow:hidden;
	width:100%;
}

.categories .categoryContents a.toggler{
	 display:block;
	 float:right;
	 font-size:1px;
	 height:6px;
	 width:16px;
	 margin:5px 20px; 
}

.categories .categoryContents a.expand{
 	background:transparent url(../images/buttons/arrow.png) no-repeat -7px -14px;
}

.categories .categoryContents a.collapse{
	 background:transparent url(../images/buttons/arrow.png) no-repeat -7px 4px;
	 height: 10px;
	 margin-top: 2px;
}

.categoryTab ul{
	 overflow: hidden;
	 height: 0px;
	 width: 100%;
}

.categoryTab ul li{
	 margin-top: 4px;
}

.categoryTab ul li a{
	 color:#9E9E9E;
	 text-decoration: none;
}

.categoryTab ul li a.selected{
	 background-color:#5DC5DB;
	 -moz-border-radius:6px;
	 -webkit-border-radius: 6px;
	 color:#FFFFFF;
	 padding:4px;
}

.categoryLabel{
	float: left;
	color:  #9E9E9E;
	font-weight:bold;
	margin:0px;
	text-decoration:none;
	white-space:nowrap;
}
	
.topicCategorySelect{
	/*border-color:#848484 #C6CACB #E1E1E1;
	border-style:solid;
	border-width:1px;*/
	height:22px;
	margin:0px 104px 0 0;
	float: right;
}
.topic-tips{
	display:block;
	clear:both;
}
.hashTagDiv{
 	width:95%;
}
.x-form-field-wrap{
	width:189px;
}
.x-form-field-wrap .x-form-trigger {
      background:transparent url(../images/buttons/trigger.gif) no-repeat;
      border:none;
      width:20px;
      height:25px;
}

.ext-strict .x-form-text{
      height:19px;
      padding:0;
}

.ext-strict .x-form-text {
	width:173px;
	font-family:inherit;
	font-weight:bold;
}
.x-form-text, textarea.x-form-field {
      background:#fff none;
      border:1px solid #ddd;
}
#topicCatDiv img{
	 height:21px;
}

/*END TABBER NAVIGATION MENU*/
#loading-dlg .x-window-tl, #loading-dlg .x-window-bwrap{display:none;}
#loading-dlg .loader{text-align: center;}
#screenName{display: inline-block;width: auto;}
#salutationIE{display: none;}