/*JUITTER PLUGIN CSS*/

#juitter{
width:453px;
height:315px;
}
.textarea{
    width:280px;
    margin:5px;
    font-size:11px;
    height:45px;
}
.btweet{
    width:50px;
    height:20px;
    background:#D8DFEA none repeat scroll 0 0;
    border:1px solid #94A3C4;    
    margin-top:10px;
}
.stweet {
float:right;
margin:5px 5px 5px 0;
width:145px;
}
#contador {
float:right;
font-size:10px;
left:257px;
position:absolute;
text-align:right;
top:40px;
width:30px;
color:red;
}
img#imgprofile {
border:1px solid #FFFFFF;
float:right;
padding:3px;
width:26px;
}
#tweet{ width:100%;background:#ddeef6;border-bottom:solid 3px #fff;}
#juitterContainer{ width:100%; height:250px; overflow-y:scroll;}

#juitterContainer .twittList{margin:0;padding:0; border:solid 1px #ddeef6; } /* UL that will contain the list of tweets */

/* Bellow the list of tweets "<li>" */

#juitterContainer .twittLI{font-size:11px;list-style:none;background:#fff;margin:0;padding:5px 0 0 0;padding:3px;clear:both;height:35px;} 
#juitterContainer .twittList span.time{color:#777;font-size:0.9em}
#juitterContainer .twittList a{color:#013e87;} /*Links inside the tweets list */
#juitterContainer .twittList a:hover{color:#bb0000;}

/* Bellow the CSS for the avatar image  */

#juitterContainer .juitterAvatar{float:left;border:solid 1px #ddeef6;background:#FFF;margin-right:5px;padding:2px;}

#juitterContainer .jRM{float:right;clear:both} /*read it on twitter link*/

#juitterContainer .extLink{} /*CSS for the external links*/

#juitterContainer .hashLink{} /*CSS for the hash links*/

/*end of Juitter CSS*/


/* input */

#tweet #frmtweet .input { font-size:11px; height:20px;}


/*BELOW HERE IS THE JUITTER WEBSITE CSS*/

body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-size:11px;}

#header{text-align:center;}

#logo{width:166px;margin:40px 0 20px 0;}

h1{color:#009900;font-size:1.8em;margin:0 0 5px 0;padding:0;}
h1 SPAN{ display:none}


#content{width:860px;padding:10px;background:#FFF;margin:0 auto;position:relative;}


#content H2{color:#2CAF1D;font-size:1.4em;margin:0 0 5px 0;padding:0;}

#content UL.nav {margin:0;padding:0;}

#content UL.nav LI{ list-style:none; float:left;margin:0;padding:0 5px 0;color:#A4D630;}

#content UL.nav LI A{color:#A4D630;font-size:1.2em;display:block; font-weight:bold;}

#content UL.nav LI A:hover{color:#2CAF1D;}

#content UL.nav LI A.on{color:#2CAF1D;font-size:1.2em;}

#content #juitterSearch{clear:both;padding:7px 0 5px 0;}
#content #juitterSearch P{font-size:1.2em;color:#2CAF1D}
#content #juitterSearch INPUT{padding:4px;border:solid 1px #666;width:250px;color:#666}
#content P.download{text-align:center;margin-bottom:0;}

#content P.download SMALL{color:#006699;font-size:0.8em;}

#content P.download IMG{border:0;}

#content #juitter{width:440px;float:left;}



#info{width:400px;margin-left:10px;float:left;}

#info H2{color:#17C6FF;font-size:1.6em;margin:0 0 5px 0;padding:0;}

#info A{color:#0099FF}

#info LI{margin:5px 0;}

#info FORM{ padding-left:100px;}

#content .btl{position:absolute;left:0;top:0;}

#content .btr{position:absolute;right:0;top:0;}

#content .bbl{position:absolute;left:0;bottom:0;}

#content .bbr{position:absolute;right:0;bottom:0;}



#footer{width:860px;padding:5px 10px;background:#FFF;margin:10px auto;position:relative;}

#footer P{text-align:center;font-size:0.9em;color:#003300;margin:1px 0;padding:0;}

#footer P A{color:#003300;}

#footer .btl{position:absolute;left:0;top:0;}

#footer .btr{position:absolute;right:0;top:0;}

#footer .bbl{position:absolute;left:0;bottom:0;}

#footer .bbr{position:absolute;right:0;bottom:0;}





.cb{clear:both}

.nmt{margin-top:0;padding-top:0;}

.code{color:#006600;background:#FEFDED;margin:0;padding:0;}


h3 { margin:0px;}