.widget
    {
        width: 640px;
        margin: 0px 10px 15px 0px;
        padding: 10px;
        background: #7E97D6;
        border: 1px solid #dedbd1;
    }
    .widget a
    {
        color: #222;
        text-decoration: none;
    }
    .widget a:hover
    {
        color: #009;
        text-decoration: underline;
    }
    .tabnav
    {
        width: 100%;
        margin: 10px 0px;
        padding-left: 10px;
    }
    .tabnav li
    {
        display: inline;
        list-style: none;
        padding-right: 5px;
    }
    .tabnav li a
    {
        text-decoration: none;
        text-transform: none;
        color: #fff;
        font-weight: bold;
        margin-top: 2px;
        padding: 2px 6px;
        outline: none;
        font-size: normal;
    }
    .tabnav li a:hover, .tabnav li a:active, .tabnav li.ui-tabs-selected a
    {
        background: #557AC9;
        color: #fff;
        text-decoration: none;
    }
    .tabdiv
    {
        margin-top: 2px;
        background: #fff;
        border: 1px solid #dedbd1;
        padding: 5px;
        overflow: auto;
        height: 100%;
        width: 628px;
    }
    .tabdiv ul
    {
        margin: 0px;
        padding: 0px;
    }
    .tabdiv li
    {
        list-style: none;
        margin-left: 5px;
    }
    .tabdiv li a
    {
        text-decoration: none;
        text-transform: none;
        color: #7E97D6;
        font-weight: bold;
        padding: 4px 6px;
        outline: none;
    }
    .tabdiv li a:hover, .tabdiv li a:active
    {
        cursor: pointer;
        text-decoration: underline;
    }
    .tabdiv li p
    {
        margin-top: -2px;
        margin-left: 10px;
        padding: 0px;
    }
    .ui-tabs-hide
    {
        display: none;
    }