#dockbottoms {
position:fixed;
bottom:0;
clear:both;
width:1025px;
height:22.5px;
padding:1px 0 0;
border:0px solid #999;
border-bottom:0;
background-color:#E8EAED;
z-index:11000;/*Allow layering*/
}

#dockbottoms-inner {
float:center;
width:100%;
height:2px;
padding:0;
position:relative;
background-color:#ccc;
}

/* Equal width for 3 possible region, adjust to your need*/
#dockbottoms-inner div {
display:block;
float:left;
margin:0 0px;
width:100%
}

#dockbottoms-inner ul {
padding: 0 0 0 14px
}

/*Chat widget sample, adjust everything here*/
div#chat-wrapper {
width:345px;
position:absolute;
bottom:-11.5px;
right:-10px;
z-index:11002;/*value above #dockbottoms-inner*/
text-align:center;
border:0px solid #ADADAD
}

#dockbottoms-inner div#chat {
width:100%;
height:255px;
background-color:#E8E9ED;
text-align:left;
float:none;
margin:0;
display:none;/*Do not show the chat, let jquery play*/
}

#dockbottoms-inner div.slider {
width:100%;
position:relative;
z-index:11003;/*value above #chat*/
height:11px;
padding:0;
background-color:#E8E9ED;
margin:-10px 0 0;
float:none;
}

/*Add image if necessary, such as close or open buttons*/
a.toggleup,a.toggledown {
text-align:center;
display:block;
line-height:22px;
background-color:#E8E9ED;/*Match .slider*/
}