/* ---- main container ---- */
.cs-tw-moonlight div.cs-twitter-container {
	font-family: arial;
	color: #2a6886;
	background: #a9d1e4 url("images/flower-bg.png") no-repeat left bottom;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #a9d1e4;
}

.cs-tw-moonlight div.cs-twitter-container div.cs-twitter-container-inner {
	background:url("images/bird-bg.png") no-repeat left top;
}

/* ---- head section ---- */
.cs-tw-moonlight div.cs-twitter-head {
	margin: 7px 11px 0;
	height: 0;
	display: block;
}

.cs-tw-moonlight div.cs-twitter-head div.cs-twitter-head-inner {
	
}

.cs-tw-moonlight div.cs-twitter-head div.cs-twitter-head-inner span.cs-twitter-caption {
	display: none;	
}

/* ----- body section ----- */
.cs-tw-moonlight div.cs-twitter-body {
	font-size: 12px;
}

.cs-tw-moonlight div.cs-twitter-body div.cs-twitter-body-inner {
	
}

/* ---- tweet list ---- */
.cs-tw-moonlight ul.cs-twitter-list {
	list-style: none;
	margin: 0;
	padding: 0;
	
}

.cs-tw-moonlight ul.cs-twitter-list li {
	display: block;
	margin: 10px;
	padding-bottom: 0;
	background: none;
}

/* ---- general tweet style ---- */

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-list-container {
	background-color: #c0e1f1;
	height: 100%;
	overflow: hidden;
	zoom:1;
	margin-left: 120px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #c0e1f1;
/*	padding-left: 30px;*/
}
/* user pic */
.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-img-container {
	float: left;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-img-container img {
	border: none;
	margin: 11px;
	
}
/* content */
.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content {
	overflow: hidden;
	padding: 11px 11px 11px 0;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content {
	color: #2a6886;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text {
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text a {
	color:#2a6886;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text a.cs-twitter-content-user {
	text-decoration: none;
	font-weight: bold;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text span.cs-twitter-content-hash {
	color: #8a8a8a;	
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content span.cs-twitter-content-text span.cs-twitter-content-author {
	font-weight: bold;
}

.cs-tw-moonlight ul.cs-twitter-list li div.cs-twitter-content a.cs-twitter-content-time {
	color: #c39421;
	text-decoration: none;
	display: block;
	padding-top: 5px;
	font-size:inherit;
	margin-top:0;
}


/* ---- footer section ---- */
.cs-tw-moonlight div.cs-twitter-footer {
	margin-bottom: 7px;
	
}

.cs-tw-moonlight div.cs-twitter-footer div.cs-twitter-footer-inner {
	overflow: hidden;
	padding-right: 11px;

}

.cs-tw-moonlight div.cs-twitter-footer a.cs-twitter-follow {
	display: block;
	float: right;
	color: #c39421;
	font-size: 12px;
	text-decoration: none;
	
	background: url("images/follow.png") no-repeat top left;	
	padding-top: 39px;
	height: 0;
	overflow: hidden;
	width: 88px;
}

/* ---- update zone ---- */
.cs-tw-moonlight div.cs-twitter-status-update-box{
	padding: 5px 11px 11px;
	color: #fff;
	margin-left: 120px;
}

.cs-tw-moonlight div.cs-twitter-status-update-box p,
.cs-tw-moonlight div.cs-twitter-status-update-box span {
	padding: 0;
	margin: 0;
	color: #fff;
}

.cs-tw-moonlight div.cs-twitter-status-update-box div.cs-twitter-status-caption {
	overflow: hidden;
	zoom:1;
}

.cs-tw-moonlight div.cs-twitter-status-caption p {
	float: left;
	font-size: 20px;
	font-weight: bold;
}

.cs-tw-moonlight div.cs-twitter-status-caption a.cs-twitter-refresh {
	display: block;
	overflow: hidden;
	height: 0;
	width: 22px;
	padding-top: 22px;
	background: url("images/refresh.png") no-repeat center center;
	color: #2A6886;
	float: right;
	margin-top: 3px;
}

.cs-tw-moonlight div.cs-twitter-status-update-box div.cs-twitter-status-text {
	margin-top: 10px;	
}

.cs-tw-moonlight div.cs-twitter-status-text p.cs-twitter-status-text-char-left{
	font-size: 14px;
	text-align: right;
}

.cs-tw-moonlight div.cs-twitter-status-text textarea,
.cs-tw-moonlight div.cs-twitter-status-password input {
	width: 99%;
	padding: 3px;
	font-family: arial;
	font-size: 15px;
	border: 1px solid #8abbd2;
	background-color: #f4fafc;
	color: #4e4e4e;
}


.cs-tw-moonlight div.cs-twitter-status-update-box div.cs-twitter-status-password {
	margin-top: 2px;
	
}

.cs-tw-moonlight div.cs-twitter-status-password span {
	color: #4e4e4e;
	font-size: 14px;
}

.cs-tw-moonlight div.cs-twitter-status-password input {
	width: 40%;
	
}

.cs-tw-moonlight div.cs-twitter-status-update-box div.cs-twitter-status-submit {
	overflow: hidden;
	zoom:1;
	margin-top: 5px;
}

.cs-tw-moonlight div.cs-twitter-status-submit input {
	background-color: #c0e1f1;
	padding: 3px 7px;
	border: 1px solid #8abbd2;
	color: #4e4e4e;
	font-size: 13px;
	float: right;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

/*--- no images class ---*/
.cs-tw-moonlight div.cs-twitter-no-user-pic ul.cs-twitter-list li div.cs-twitter-img-container {
	display: none;
}

.cs-tw-moonlight div.cs-twitter-no-user-pic ul.cs-twitter-list li div.cs-twitter-content {
	padding-left: 11px;
}

/* --- error container --- */

.cs-tw-moonlight div.cs-twitter-error ul.cs-twitter-list li.cs-twitter-error {
	display: block;
}

.cs-tw-moonlight div.cs-twitter-error ul.cs-twitter-list li.cs-twitter-error div.cs-twitter-list-container div.cs-twitter-content{
	padding-left: 70px;
	background-image: url("images/error.png");
	background-repeat: no-repeat;
	background-position: 22px center;
	height: 35px;
}

/* ----- loading indicator ------ */
.cs-tw-moonlight div.cs-twitter-loading {
    top:20px;
    right:40px;
    background:url("images/loading.gif") no-repeat top left;
}

.cs-tw-moonlight div.cs-twitter-loading span 
{
    display:none;
}