/*JUITTER PLUGIN CSS*/

#juitterContainer{} /*Juitter container*/

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

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

#juitterContainer .twittLI{list-style:none;background:#fff;margin:0;padding:5px 0 0 5px;border-bottom:dashed 1px #1486BE;padding:3px;clear:both;height:55px;} 
#juitterContainer .twittList SPAN.time{color:#1486BE;font-size:1em}
#juitterContainer .twittList A{color:#1486BE;} /*Links inside the tweets list */

/* Bellow the CSS for the avatar image  */

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

#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*/





/*BELOW HERE IS THE JUITTER WEBSITE CSS*/

body{margin:0;padding:0;font-family:Arial, Helvetica, sans-serif; color:#000000;font-size:12px;background: #fff /*url(../image/bg.jpg) left top repeat-x*/;}

#header{text-align:center;}

#logo{ height:200px; width:620px;margin:10px 0 10px 0;}
logo a {text-decoration:none; }
h1{color:#1486BE;font-size:2.8em;margin:0 0 5px 0;padding:0;}
h1 SPAN{ display:none}

#content{width:860px;padding:0px;background:#FFF;margin:0 auto;position:relative;}
#content A{text-decoration:none; font-variant:small-caps;}
#contentmap {width:860px;padding:0px;background:#FFF;margin:0 auto;position:relative; border:3px #000000;}

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

#content UL.nav {margin:0;padding:0 0 0 20px; font-size:14px; list-style:none}

#content UL.nav LI{  margin:0;padding:0 5px 0;color: #1486BE;}

#content UL.nav LI A{color:#1486BE;font-size:1.2em;display:block; font-weight:bold;margin-top:10px; font-weight:600; text-decoration:none; list-style:none; }

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

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

#content #juitterSearch{clear:both;padding:0px 0 5px 0;}
#content #juitterSearch P{font-size:1.2em;color:#1486BE}
#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:#1486BE;font-size:0.8em;}

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

#content #juitter{width:440px;float:left;}
.iphone { width:200px; height:340px; margin-left:110px; margin-top:-15px}
#info{width:400px;margin-left:10px;float:left; }

#info H2{color: #000000;font-size:1.6em;margin:0 0 5px 0;padding:0;}
#info H3{text-align:center; }
#info H4{text-align:center; margin-top:-10px; }
#info A{/*color:#0099FF*/}

#info LI{margin:5px 0;color: #1486BE;}

#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:#1486BE;margin:1px 0;padding:0;}

#footer P A{color:#1486BE; text-decoration:none;}
#footer P A:hover{color: #1E71B5; text-decoration: underline}

#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;}

button {
border: 0 none;
cursor: pointer;
font-weight: bold;
padding: 0 15px 0 0;
text-align: center;
height: 30px;
line-height: 30px;
width: auto;

}

button.rounded {
background: transparent url( btn_right.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;font-size:12px;
}


button span {
display: block;
padding: 0 0 0 15px;
position: relative;
white-space: nowrap;
height: 30px;
line-height: 30px;
}

button.rounded span {
background: transparent url( btn_left.png ) no-repeat scroll left top;
color: #FFFFFF;
}

button.rounded:hover {
background-position: 100% -30px;
}

button.rounded:hover span {
background-position: 0% -30px;
}


button.rounded1 {
background: transparent url( btn_right1.png ) no-repeat scroll right top;
clear: left;
font-size: 0.8em;
}




button.rounded1 span {
background: transparent url( btn_left1.png ) no-repeat scroll left top;
color: #FFFFFF;
font-size:12px;
}

button.rounded1:hover {
background-position: 100% -30px;
}

button.rounded1:hover span {
background-position: 0% -30px;
}

button::-moz-focus-inner {
border: none;
}

.cb{clear:both}

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

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