.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;
	padding-right:4px;	
}


/* 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 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;
}

.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 a{
      margin: 10px;
      position: absolute;
      text-decoration: none;
      font-weight: bold;
      color:#9e9e9e;
      white-space:nowrap; 
}

.tabNavColumn *{color: #3a3a3a;}
.tabbernav .tabberactive a, .tabbernav a span{color:#2c2c2c;}
/*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;}

/*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;
}

.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;		
}
#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;}