.tabberlive .tabbertabhide {
 display:none;
}

/*--------------------------------------------------
  .tabber = before the tabber interface is set up
  .tabberlive = after the tabber interface is set up
  --------------------------------------------------*/
.tabber {
}
.tabberlive {
 margin-top:1em;
}

/*--------------------------------------------------
  ul.tabbernav = the tab navigation list
  li.tabberactive = the active tab
  --------------------------------------------------*/
ul.tabbernav
{
 margin:0;
 padding: 3px 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

ul.tabbernav li
{
 list-style: none;
 margin: 0;
 display: inline;
}

ul.tabbernav li a
{
 padding: 3px 0.5em;
 margin-left: 3px;
 border: 1px solid #778;
 border-bottom: none;
 background: #DDE;
 text-decoration: none;
}

ul.tabbernav li a:link { color: #448; }
ul.tabbernav li a:visited { color: #667; }

ul.tabbernav li a:hover
{
 color: #000;
 background: #AAE;
 border-color: #227;
}

ul.tabbernav li.tabberactive a
{
 background-color: #fff;
 border-bottom: 1px solid #fff;
}

ul.tabbernav li.tabberactive a:hover
{
 color: #000;
 background: white;
 border-bottom: 1px solid white;
}

/*--------------------------------------------------
  .tabbertab = the tab content
  Add style only after the tabber interface is set up (.tabberlive)
  --------------------------------------------------*/
.tabberlive .tabbertab {
 padding:5px;
 border:1px solid #aaa;
 border-top:0;

 /* If you don't want the tab size changing whenever a tab is changed
    you can set a fixed height */

 /* height:200px; */

 /* If you set a fix height set overflow to auto and you will get a
    scrollbar when necessary */

 /* overflow:auto; */
}

/* If desired, hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 {
 display:none;
}
.tabberlive .tabbertab h3 {
 display:none;
}

/* Example of using an ID to set different styles for the tabs on the page */
.tabberlive#tab1 {
}
.tabberlive#tab2 {
}
.tabberlive#tab2 .tabbertab {
 height:200px;
 overflow:auto;
}






.ddpanel .ddpanelcontent{ /*CSS for "content" DIV of Drop Down Panel*/
color: white;
background: black; /*background of Drop Down Panel*/
/*Do NOT add any "padding" or "margin" properties here! Any padding/margin should be added to your content's container within this DIV instead */
}

.ddpanel .ddpaneltab{ /*CSS for "toggle" tab DIV of Drop Down Panel*/
margin-right: 20px;
font: normal 12px Arial;
}

.ddpanel .ddpaneltab a{ /*"toggle" tab related CSS*/
float: right;
color: white;
background: black url(http://style.nezz-media.co.uk/images/networkstyle/toggleleft.gif) no-repeat left bottom; /*background of toggle tab*/
text-decoration: none;
letter-spacing: 1px;
}

.ddpanel .ddpaneltab a span{ /*"toggle" tab related CSS*/
float: left;
display: block;
background: transparent url(http://style.nezz-media.co.uk/images/networkstyle/toggleright.gif) no-repeat right bottom;
padding: 1px 12px 4px 13px;
cursor: pointer;
}

.ddpanel .ddpaneltab a span img.pointerimage{ /*CSS for pointer image within toggle tab*/
margin-top: 2px;
margin-left: 5px;
}

.ddpanel .ddpaneltab a:hover{ /*"toggle" tab related CSS*/
background-color: navy; /*background of toggle tab onMouseover*/
}

.ddpanel .ddpaneltab a:active, .ddpanel .ddpaneltab a:focus{ /*"toggle" tab related CSS*/
outline: 0;
}

.ddpanel .ddpaneltab a:hover span{ /*"toggle" tab related CSS*/
background-color: transparent;
}





    .xg_dock_spacer {height:55px;clear:both;}
	.xg_dock {
  	font:11px/23px "Lucida Grande", Tahoma, Verdana, sans-serif;
    bottom: 0;
    left:0;
    position:fixed;
    width:100%;
    z-index:998;
    height:48px;
    background:transparent url('http://static.ning.com/socialnetworkmain/widgets/chat/gfx/dock.png?v=4.2.3%3A22746&xn_version=4.2.3_22746') repeat-x left 26px;
   }
	.appContainer {
	  bottom:0px;
    right:10px;
    position:fixed;
    width:550px;
    height:48px;
    z-index:999;
		background: transparent;
		overflow: hidden;
	}
 
	.xg_dock a {
        float:right;
        display:block;
        background:transparent url('http://static.ning.com/socialnetworkmain/widgets/chat/gfx/dock.png?v=4.2.3%3A22746&xn_version=4.2.3_22746') no-repeat 0 0;
        line-height:22px;
        height:22px;
        padding:0px 20px 4px;
        color:#454545;
        text-decoration:none;
        font-weight:bold;
        margin-top:26px;
        cursor:pointer;
    }
    a.xg_dock-indicator {
        text-indent:-9999px;
        margin-right:41px;
        width:22px;
        padding:0;
        background:transparent url('http://static.ning.com/socialnetworkmain/widgets/chat/gfx/signed-out.png?v=4.2.3%3A22746&xn_version=4.2.3_22746') no-repeat 0 0;
    }
    a.indicator-online {
        background-position:0 0;
    }
    a.indicator-offline {
        background-position:0 0;
    }