html {height:100%;}
body { //background:#FFF url('tweetback2.gif') repeat; height:100%; overflow:hidden;
user-select: none; -moz-user-select: none; -webkit-user-select: none;}

#facts {font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif; font-size:150%; font-weight:bold; color:#333; 
position:absolute; width:100%; bottom:0px; padding:20px; line-height:150%; left:0px; right:0px; text-align:center; z-index:99999; cursor:default; background:#FFF;}
h1 {margin:0; padding:0; font-size:100%;}
#facts a {color:#0BB5FF; text-decoration:none; cursor:pointer;}
#facts a:hover {background-color:#0BB5FF; color:#FFF; text-decoration:none;}
#facts strong {color:#111; line-height:100%;}
#facts ul {list-style:none; margin:0; padding:0;}
#facts ul li {display:inline; margin:0; padding:0;}


.note{
    padding:3px 10px;
    line-height:120%;
    position:absolute;
    left:400px;
    text-transform:lowercase;
    top:10px;
    cursor:move;
    color:#111; 
    //background:#FFF;
    // border:2px solid #333;
    font-weight:bold;
    white-space:nowrap;
    font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif;
    font-size:50px;
    -moz-border-radius: 3px; -webkit-border-radius: 3px;
	
//	   -moz-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
//	-webkit-box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
//	        box-shadow:1px 2px 2px rgba(0, 0, 0, 0.4);
}

#main {position:absolute; top:0; left:0; right:0; bottom:0;}
#lies {margin:0 auto; position:relative; width:960px; height:100%; z-index:10;}

#fancy_ajax .note{	cursor:default; }

span.data{	display:none; }

a#addButton, a#addButton:visited {position:absolute; top:30px; left:50%; margin-left:-16px;
font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif; background:#0BB5FF;
display:block; width:35px; height:35px; padding:6px 3px; font-size:20px; text-transform:uppercase;
font-weight:bold; text-decoration:none; padding:10px; line-height:170%; color:#FFF; text-align:center;
opacity:1; -moz-border-radius: 35px; -webkit-border-radius: 35px; z-index:999999; overflow:hidden;
}

a#addButton:hover{background:#0BB5FF; opacity:0.6;}

.author{
color:#FFF;
font-family:Arial,Verdana,sans-serif;
text-transform:uppercase;
font-size:14px;
padding:1px 5px;
position:absolute;
top:-1em; left:100%; display:none;
margin-left:-20px;
background:#000;
line-height:20px;
font-weight:bold;
}

.when {
color:#CCC;
font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif;
text-transform:uppercase;
display:none;
}

.author strong b { text-indent:-9999px; background:url('speech.gif') no-repeat top left; width:6px; height:8px; position:absolute; bottom:-7px;}
.note:hover .author strong b { display:inline; }
.note:hover {background:#FFF700; color:#000; border-color:#F4C430;}
.note:hover .author {display:block;}
.note:hover .author:hover strong {display:none;}
.note:hover .author:hover .when {display:inline;}

#noteData{
	/* The input form in the pop-up: */
	height:0px;
	margin:auto 0;
	width:200px;
       position:absolute;
       top:100px;
       left:120px;
      
}

.note-form label{
	font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif;
	display:block;
	font-size:10px;
	font-weight:bold;
	letter-spacing:1px;
	text-transform:uppercase;
	padding-bottom:3px;
}

.note-form textarea, .note-form input[type=text]{
	background-color:#FFFFFF;
	border:5px solid #000000;
	font-family:Arial,Verdana,sans-serif;
	font-size:16px;
	height:60px;
	padding:5px;
	width:300px;
	margin-bottom:10px;
}

.note-form input[type=text]{	height:auto; }

#note-submit{margin-left:120px; margin-top:10px; background:#000; font-size:120%; padding:3px 15px; text-decoration:none; color:#FFF; font-family:'Helvetica Neue',Helvetica,Arial,Tahoma,Verdana,sans-serif; text-transform:uppercase;
}
#note-submit:hover{background:#EEE; border:1px solid #BBB; border-bottom-color:#AAA; border-right-color:#AAA;  color:#444; }