.toolbarViewPort
{
    padding: 0px;
    margin: 0px;
}

.toolbar
{
    height: 32px;
    color: #ffffff;
    background-color: transparent;
    background: #4a555d url(images/tbar.jpg) repeat-x;
    font-family: verdana, arial ;
    font-size: 0.9em ;
    line-height: 2.9em;
    border: none;
    vertical-align: middle;
    z-index: 110000;
}


.toolbar #widgets
{
    float: right;
    display: inline-block;
}

.toolbar-widget
{
    background: transparent url(images/tbar.jpg) no-repeat 0px -128px;
    display: inline-block;
    padding: 0px 25px;
    float: left;
    zoom: 1;
}

.toolbar #widgets .toolbar-widget:hover
{
    background-color: #4a555d;
    cursor: default;
}

.widget-open
{
    background-color: #4a555d !important;
}

.widget-popup
{
    position: fixed;
    background-color: #4a555d;
    border: 3px ridge #ffffff;
    border-bottom: none;
    width: 410px;
    height: 250px;
}



.toolbar-info
{
    background: #088808 url(images/tbar.jpg) repeat-x 0px -32px;
}

.toolbar-error
{
    background: #850808 url(images/tbar.jpg?v3) repeat-x 0px -96px;
}

.toolbar-warning
{
    background: #ED7D32 url(images/tbar.jpg) repeat-x 0px -64px;
}

.widget-status 
{
    float: left;
    text-align: left;

}




/*
//    specific widget stuff
*/
.popup-friends-chrome
{
    background: #eeeeee url(images/bk_body.jpg) repeat;
    height: 210px !important;
    background-color: #ffffff;
    color: #000000;
    margin: 10px;
    padding: 10px;
    line-height: normal;
    text-align: left;
}

.popup-friends-chrome div h3
{
    margin-bottom: 30px;
}

.popup-leftCol, .popup-rightCol
{
    width: 175px;
    height: 210px;
    margin: 0px;
    padding: 0px;
    float: left;
}
.popup-leftCol
{
    padding-right: 10px;
    margin-right: 10px;
    background: transparent url(images/bk_vertline.jpg) repeat-y 100% 0px;
}

.widget-popup-friends ul
{
    padding: 0px;
    margin: 0px;
    overflow: auto;
    height: 190px;
}

.widget-popup-friends ul li
{
    background: transparent url(images/bk_horizline.jpg) repeat-x 0px 100%;
    margin: 0px 0px;
    padding: 8px 5px;
    cursor: default;
}

.widget-popup-friends ul li:hover
{
    background: #eeeeee url(images/bk_horizline.jpg) repeat-x 0px 100%;
}