@charset "UTF-8";
/* CSS Document */

#widgetTwitter {position: relative; }
#widgetTwitter a {cursor:pointer}

.bgT {width: 302px; height: 100px; float: left; margin-right: 7px; background:url(images/widget-bg.jpg) no-repeat; font-family: Arial, Helvetica, sans-serif; }

/* Title */
.bgT h3 {color: #fff; font-size: 0.75em; float: left; margin: 0px; padding-left: 10px;}
.titleTwitter {background:url(images/title-bg.png) no-repeat; padding: 4px 0px; width: 269px; margin: 10px 0px 5px 20px; overflow: hidden}

/* Content Update */
#updateContainer {color: #000; margin-left: 20px; margin-right: 10px;}
#updateContent {font-weight: bold;}
.updates {width: 220px; float: left;}
.updates span {font-weight: normal}

#widgetInfo p { margin: 0px 10px 5px 30px;}

/* Status icon */
#updateCircle {width: 31px; height: 33px; background-repeat: no-repeat; float: left; margin-right: 11px;}
#updateContainer .green {background-image: url(images/status.gif) !important; background-position: 0px 0px;}
#updateContainer .yellow {background-image: url(images/status.gif) !important; background-position: 0px -199px;}
#updateContainer .red {background-image: url(images/status.gif) !important; background-position: 0px -399px;}


/* Info button */
.titleTwitter .btInfo {display: block; float: right; width: 13px; height: 13px; margin-right: 5px; background-repeat: no-repeat; text-indent: -3000px;}
.titleTwitter .off {background-image: url(images/bt-info.gif) !important; }
.titleTwitter .on {background-image: url(images/bt-info-off.gif) !important;}

#updateContainer, #widgetInfo {font-size:0.75em;}