/* common properties for all styles */
.TB_Time {
    white-space:nowrap;
    font-size:85%;
} 

.TB_Error {
    display:none; 
}

.TB_Picture {
    text-decoration: none;
    padding: 0px;        
}

.TB_Follow {
    padding: 0px 5px 0px 5px; 
    overflow: hidden;   
    height: 22px;    
}

div.TB_Status {
     overflow: hidden;
     padding: 0px 5px 0px 5px;    
}

div.TB_Status ul li {
    padding-bottom: 5px !important;
    margin:  0 !important;
    list-style: none !important;
    background: none !important;
}   

/* This style only applies when the form is initised it's dropped once the data is loaded */
.TB_Loading {
    background:url(Loading.gif);
    background-repeat:no-repeat;
    text-indent:20px;
    height: 20px;
}

/* Wide theme for banner shaped widgets */
div.TB_Wide{
    overflow: hidden;
    width: 100%;
}

div.TB_Wide div.TB_Picture{
    float: left;
    width: 61px;
    height: 23px;
    background:url(twitter-a.png);
    background-repeat:no-repeat;
}

div.TB_Wide div.TB_Status{
    float: left;
    overflow: hidden;
    width: 55%;
}

div.TB_Wide div.TB_Follow{
    display: block;
    overflow: hidden;
    width: 35%;
}   

.TB_Wide a {
    text-decoration: none !important;    
}

.TB_Wide a:hover {
    text-decoration: underline !important;    
}

div.TB_Wide div.TB_Status ul li.TB_Loading {
    margin: 5px !important;
    padding: 0 !important;
}

/* Narrow/Default theme */
div.TB_Narrow{
    overflow: hidden;
    width: 100%;
    padding-top: 5px !important;
}

div.TB_Narrow div.TB_Picture{
    float: left;
    width: 22px;
    height: 22px;
    background:url(t_small-a.png);
    background-repeat:no-repeat;

}

div.TB_Narrow div.TB_Status{
    float: right;
    overflow: hidden;
    width: 100%;
}

div.TB_Narrow div.TB_Follow{
    display: block;
    width: 80%;
}   

div.TB_Narrow div.TB_Status ul li.TB_Loading {
    margin: 10px !important;
    padding: 0 !important;
}

div.TB_Narrow div.TB_Status ul li {
    padding-top: 5px !important;
}