/*
Application Bar Classes
*/

/*    ID based classes This change the page layout so the bar stays on the bottom */
html, body {
	margin: 0px; /* FF hack: or we'll have double scrollbar showing on the browser */
	overflow: auto; /* hide browser's main scrollbar */
}

#divNewPosts
{
  position: absolute; 
  left: 5px; 
  top: -10px; 
  background-image: url('../AppBar/image/appNewPost.png'); 
  background-repeat:no-repeat; 
  text-align:center; 
  color: #FFFFFF; 
  font-weight:bold; 
  height: 17px; 
  width: 17px; 
  cursor: pointer;

}
/*#page-body {
	width: 100%;
	height: 100%;	 
	overflow: auto;	 
	position: absolute; 
}*/

.k_bottom{   position: fixed;
    bottom: 0;}
    
.content_wrapper 
{
    margin-left: 0px;
	width:98%;
}

table.apptable {
	background: transparent;
	border-bottom: 0px;
}

td.appBar
{
  background:#eff2f4 url('../image/hdr_mid_chat.gif') repeat-x scroll left top;
    border-width: 0px;
    font: 10px Verdana;
    padding-top: 2px;
    padding-bottom: 2px;
    padding-left: 3px;
    padding-right: 3px;
    vertical-align: top;
}

td.appBarLeft
{
  background: transparent url('../image/hdr_left_chat.gif') repeat-x scroll left top;
    width: 5px;
}

td.appBarRight
{
  background: transparent url('../image/hdr_right_chat.gif') repeat-x scroll left top;
  width: 5px;
}
tr.appItem, tr.appAltItem
{
    margin:1px;
}

tr.appItem td , td.appItem{
    background:#eff2f4 url('../image/cell.gif') repeat-x scroll left top;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
}

tr.appAltItem td , td.appAltItem{
    background: #ecf0f6 url('../image/cellAlt.gif') repeat-x scroll left top;
    border-top: #FFFFFF 1px solid;
    border-left: #FFFFFF 1px solid;
}


tr.appAltItem td, tr.appItem td, td.appItem, td.appAltItem, div.appItem ,div.appAltItem
{
    font: 10px Verdana;
    padding: 2px;
}

tr.topHeader th
{
  padding: 4px;
  background:#7B8EA0 url('../image/th.gif') repeat-x scroll left top;
  border-color:#495E73 #5D7287 #4B6177 #768A9D;
  border-style:solid;
  border-width:1px;
  color:#DDE3E8;
  font-size:12px;
  font-weight:bold;
  height:20px;
  padding:0 5px;
  text-align:center;
  white-space:nowrap;  
} 

span.join
{
  color: #006600;
  font-weight: bold;
}

span.leave
{
  font-weight: bold;
  color: #993300;
}

.appNotice 
{
  z-index: 1055;
  position: fixed;
  margin-left: 0px;
  padding: 15px;
  bottom: 200px;
  left: 50%;
  vertical-align: top;
}
    
* html .appNotice 
{
  position: absolute;
  margin-top: expression((document.body.scrollHeight / 4) + (0 - parseInt(this.offsetParent.clientHeight / 2) + (document.documentElement && document.documentElement.scrollTop || document.body.scrollTop)) + 'px');
}

.appPopNotice 
{
  z-index: 1055;
  position: absolute;
  padding: 15px;
  bottom: 0px;
  left: 50%;
  vertical-align: top;
}
    
    
.chatMessageBox
{
  font: 10px Verdana;
}
.apptablePopUp {
	border: solid 1px #C3CBD3; 
	background: #EFF2F4 url('../image/appCell.gif') top left repeat-x;
}
.appstart { background: url('../image/appBase.gif') bottom left repeat-x; }

#BuddyLink
{    
    height: 100%;
}

#ChatLink
{
    height: 100%;
}

div.AppNumber
{
 color: #FFFFFF;
}

.AppNumber a
{
 color: #FFFFFF;
}

.AppNumber a:hover
{
 color: #FFFFFF;
}