body {
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
	overflow:hidden;
	font-family:"Lucida Grande",Arial,Sans-serif;

}

div#googleMap {
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	z-index:0;
}
div#logocontrol {
	left:302px !important;
}

img.googleLogo {
	position:absolute;
	bottom:5px;
	left:302px;
	z-index:1;
}
img.twitterLogo {
	position:absolute;
	bottom:45px;
	left:303px;
	z-index:1;
}
div.twitterShareButton {
	position:absolute;
	bottom:73px;
	left:303px;
	z-index:1;
}
div.marker {
	padding:20px;
	font-size:0.9em;
}
div.metainfoTweet {
	font-size:0.6em;
	margin-top:20px;

}
div.metainfoTweetList {
	font-size:0.6em;
	margin-top:10px;

}

/* INTERFACE DESIGN */
div#interface {
	position:absolute;
	top:0px;
	left:0px;
	width:308px;
	height:100%;
	z-index:2;
}
div.overflow {
	position:absolute;
	width:100%;
	height:100%;
	overflow:hidden;
	border:1px;
}
div.rel, img.rel {
	position:relative;
}

div.search {
	position:absolute;
	top:0px;
	left:0px;
	
	height:133px;
	width:100%;

	background-image:url("bilder/twitterTrace_02.png");
	background-repeat:repeat-y;
	
}
img.twitterchase {
	position:absolute;
	bottom:70px;
	left:10px;
	width:280px;
}
img.searchDropShadow {
	position:absolute;
	top:133px;
	display:block;
}
div.tracingArrow {
	position:absolute;
	background-image:url("bilder/twitterTrace_06.png");
	background-repeat:none;
	
	top:140px;
	height:76px;
	width:328px !important;
}

div.tweetList {
	position:absolute;
	top:210px;
	height:100%;
	width:100%;
	padding-top:10px;
}


div.tweetList div.scrollTop {	
	position:absolute;
	top:0px;
	left:0px;
	width:320px;
	height:15px;
	background-image:url("bilder/scrollTopHighlight.png"); /*preload*/
	background-image:url("bilder/scrollTop.png");
	background-repeat:none;
	z-index:3;
	cursor:pointer;
}
div.tweetList div.scrollTop:hover {
	background-image:url("bilder/scrollTopHighlight.png");
}
div.scrollBottom {	
	position:absolute;
	bottom:0px;
	left:0px;
	width:300px;
	height:14px;
	background-image:url("bilder/scrollBottomHighlight.png");
	background-image:url("bilder/scrollBottom.png");
	background-repeat:none;
	z-index:3;
	cursor:pointer;
}
div.scrollBottom:hover {
	background-image:url("bilder/scrollBottomHighlight.png");
}

div.tweetList div.whiteBG {
	position:absolute;
	top:15px;
	height:100%;
	width:100%;
	z-index:0;
	background-image:url("bilder/twitterTrace_13.png");
	background-repeat:repeat-y;
}
div.tweetList div.tweets {
	position:absolute;
	width:300px;
	z-index:2;
	top:15px;
	bottom:0px;
	overflow:hidden;
	padding-bottom:240px;
}
div.tweets div.tweet {
	width:100%;
}
div.tweets div.tweet div.tweetcontent {
	padding:20px 20px 20px 70px;
	text-align:right;
	font-size:0.8em;
}
a.tweetLink {
	color:#000000;
	text-decoration:none;
}
a.tweetLink:hover {
	color:#000000;
	text-decoration:underline;
}

a.tweetMention {
	font-weight:bold;
	cursor:pointer;

}
img.position {
	position:absolute;
	left:15px;
	top:20px;
	visibility:hidden;
	cursor:pointer;
	-webkit-transform-origin:16.17px 16.42px;
	-webkit-animation:loading 3000ms linear 0ms infinite;
}

img.arrowPosition {
	left:20px;
	top:17px;
	visibility:visible !important;
	-webkit-transform-origin:50% 50%;
}
img.arrowFailurePosition {
	visibility:visible !important;
	-webkit-animation:none !important;
}

div.tweets div.blue {
	background-image:url("bilder/twitterTrace_16.png");
	background-repeat:repeat;
}
/* /INTERFACE DESIGN */
/* SEARCH FORM */
div.searchInput {
	position:absolute;
	bottom:57px;
	left:11px;
}
form#search select.select {
	position:absolute;
	top:30px;
	left:0px;
	width:270px;
	height:20px;
	
	margin:0px;
	padding:3px;
	background-color:#ffffff;
	background-image:url("bilder/twitterTrace_lupe.png");
	
	
	border:1px solid #eee;
	border-left-width:0;

	font:13px "Lucida Grande",Arial,Sans-serif;
}
form#search input.text {
	position:absolute;
	top:0px;
	left:40px;
	width:230px;
	height:25px;

	margin:0px;
	padding:3px;
	background-color:#ffffff;
	
	border:1px solid #eee;
	border-left-width:0;
	
	color:#aaaaaa;

	-webkit-border-top-right-radius:5px;
	-webkit-border-bottom-right-radius:5px;
	
	-moz-border-radius-topright:5px;
	-moz-border-radius-bottomright:5px;
	
	border-top-right-radius:5px;
	border-bottom-right-radius:5px;

	font:0.9em "Lucida Grande",Arial,Sans-serif;
	
}
div.credit {
	position:absolute;
	font-size:0.6em;
	color:#060a92;
	bottom:115px;
	right:20px;
}
div.credit a {
	color:#060a92;
	text-decoration:none;
}
div.credit a:hover {
	color:#d1d2ee;
}

div.noTweet {
	position:absolute;
	top:37px;
	left:-4px;
	white-space:nowrap;
	color:#d1d2ee;
	font:0.6em "Lucida Grande",Arial,Sans-serif;
}
div.noTweet:hover {
	color:#ffffff;
}
div.noTweet label {
	margin-left:5px;
}
div.noTweet input {
	vertical-align:center;
}


form#search input:focus , form#search select:focus {
	color:#000000;
	outline-width:0;
	border:1px solid #eee;
	border-left-width:0;
}
form#search input.submit {
	position:absolute;
	top:0px;
	left:0px;
	
	width:40px;
	height:33px;

	margin:0px;
	
	background-color:#ffffff;
	background-image:url("bilder/twitterTrace_lupe.png");
	background-repeat:no-repeat;
	background-position:center;
	
	border:1px solid #eee;
	border-right-width:0;
	
	-webkit-border-top-left-radius:5px;
	-webkit-border-bottom-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-bottomleft:5px;
	border-top-left-radius:5px;
	border-bottom-left-radius:5px;
	
	cursor:pointer;
}
/* /SEARCH FORM */
/* RedArrow Content*/
div.tracingArrow img.avatar {
	position:absolute;
	top:8px;
	left:10px;
	
	height:48px;
	width:48px;
	
	border:2px solid #eeeeee;

	-webkit-border-radius:2px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	border-radius:2px;
	float:left;
}
div.tracingArrow div.tracingName{
	position:absolute;
	top:4px;
	left:75px;
	width:210px;
	text-align:left;
	float:left;
}
div.tracingArrow div.tracingName a.name{
	font:0.6em "Lucida Grande",Arial,Sans-serif;
	text-decoration:none;
	color:#ffd5d5;
	font-weight:100;
	position:relative;
	top:5px;
	
}
div.tracingArrow div.tracingName a.location{
	font:0.6em "Lucida Grande",Arial,Sans-serif;
	text-decoration:none;
	color:#ffd5d5;
	font-weight:100;
	position:relative;
	top:-1px;
}
div.tracingArrow div.tracingName a.username{
	font:1.1em "Lucida Grande",Arial,Sans-serif;
	text-decoration:none;
	color:#ffffff;
	font-weight:700;
	position:relative;
	top:6px;
	-webkit-animation:blinking 700ms ease-in-out 0ms infinite alternate;
}

div.tracingArrow a.statistics {
	position:absolute;
	display:block;
	top:20px;
	right:35px;
	z-index:2;
	padding:5px;
}
@-webkit-keyframes blinking{
	from {
		opacity:1;
	}
	75% {
		opacity:1;
	}	
	85% {
		opacity:0;
	}
	to {
		opacity:0;
	}
}
@-webkit-keyframes loading{
	from {
		-webkit-transform:rotate(0deg);
	}
	to {
		-webkit-transform:rotate(360deg);
	}
}
/* /RedArrow Content */

h1 {
	font-size:0.9em;
	font-weight:bold;
}
div.intro {
	padding:20px;
	font-size:0.8em;
}