html, body {margin: 2px; padding: 0}
form {display: inline}
body, textarea, select, td, th, input {font-family: "lucida grande", tahoma, verdana, arial, sans-serif; font-size: 11px}
a {color: #3b5998; text-decoration: none}
a:hover {text-decoration: underline}
a img {border: 0px}
.clear {clear: both}
h1, h2, h3, h4, h5, h6 {padding: 0; margin: 0; color: #333; font-weight: bold}
h1 {font-size: 20px; border-bottom: 1px solid #ddd; margin-bottom: 8px; padding-bottom: 3px; margin-top: 20px}
h2, h3 {font-size: 16px; border-bottom: 1px solid #ddd; margin-bottom: 8px; padding-bottom: 2px; margin-top: 20px}
h4 {font-size: 13px}
table tr.odd {background-color: #EEEEEE; }
table tr.even {background-color: white; }
#index-gom {
  margin-top:0px;
  margin-left:0px;
  float: left;
  z-index: 0;
}
#index-pie {
  margin-top:0px;
  margin-left:18px;
  float: left;
  z-index: 0;
}
#index-trend {
  margin-top:0px;
  margin-left:25px;
  float: left;
  z-index: 0;
}		

#top_list {
  margin-top:10px;
  margin-left: 25px;
  width: 118px;
  float: left;
}

#trends {
  margin-top:10px;
  margin-left: 25px;
  width: 118px;
  float: left;
}
#translate {
  margin-top:20px;
  margin-left: 25px;
  width: 120px;
  float: left;	
}
#powered_by {
  margin-top:20px;
  margin-left: 20px;
  width: 120px;
  float: left;	  
}

#right-layout {	
  position:absolute;
  top:0px;
  left:100%;
  margin-left: -180px;
  flow:left;
  z-index: 0;
}

.ie6 h2, .ie6 h3 {position: relative}
#main-layout-header {position: relative; width: 100%}
#main-layout {padding-right: 20px}
#main-layout #center {width: 100%; position: relative; float: left; overflow: hidden}
#main-layout #right {width: 172px; margin-left: 20px; margin-right: -20px; position: relative; float: left; overflow: hidden}

#feed-container { overflow: hidden; height: 820px; position: relative; }
#feed { list-style-type: none; width: 702px; padding: 0px; margin: 0px; }
#map_info { list-style-type: none; padding: 0px; margin: 0px; }
#feed li.feed-item, .feed-item {
  padding: 0px;
  border-bottom: 2px dotted #dddddd;
  overflow: hidden;
  clear: both;
  position: relative;
  width: 100%;
  z-index:2;
}
#feed li.selected { border-bottom: none;}
#feed li.selected { background: none;}
#feed li.feed-item .feed-position, .feed-position { display: table-cell;  vertical-align: middle; width: 100%; text-align: center; }
#feed li.feed-item .feed-thumb, .feed-thumb { float: left; width: 70px; height: 80px; }
#feed li.feed-item .feed-thumb img, .feed-thumb img { position: relative; top: -50%; }
#feed li.feed-item .feed-thumb a, .feed-thumb a { display: block; }
#feed li.feed-item .feed-wrapper { margin-left: 80px; width: 610px; height: 80px; font-size: 13px;}
#map_info .feed-wrapper { margin-left: 80px; height: 80px; font-size: 13px;}
#feed li.feed-item .feed-wrapper .feed-position, .feed-wrapper .feed-position { text-align: left; }
#feed-highlighter { height: 78px; background: #ddf0f8; border: 1px solid #eeeeee; -moz-border-radius: 5px; -webkit-border-radius: 5px; position: absolute; top: 0px; left: 0px;}

#feed li.feed-item .happy { color: #bbbbbb; }
#feed li.feed-item .sad { color: #bbbbbb; }
#feed li.feed-item .angry { color: #bbbbbb; }
#feed li.feed-item .scared { color: #bbbbbb; }
#feed li.feed-item .confused { color: #bbbbbb; }
#feed li.feed-item .strong { color: #bbbbbb; }
#feed li.feed-item .weak { color: #bbbbbb; }
.sentiment {color: #bbbbbb}

#feed .feed-content, .feed-content { padding-top: 10px; }
#feed .centered, .centered { padding: 0px; overflow: hidden; display: table; position: relative; }
#feed .centered .feed-content, .centered .feed-content {
  padding-top: 0px;
  position: relative; 
  top: 50%; 
  display: table-cell; 
  vertical-align: middle;
}
#feed .feed-timestamp, feed-timestamp { color: #a7a9ac; font-size: 10px; }
  
#feed .body { position: relative; margin-top: 5px; }
#feed .body img { position: absolute; right: 0px; top: 0px; width: 30px; height: 30px; }

#top_nav {
  padding-left: 0px; padding-right: 0px; 
  margin: 0 auto;
  position: absolute;
  float: left;
/*  text-align:center;*/
  left: 50%;
  margin-left: -400px;
  }

hr {color: #fff; background-color: #fff; border: 1px dotted #888888; border-style: none none dotted; }
.tweet_negative6, .tweet_negative, .si0 {color:#EE0000;}
.tweet_negative5, .si8 {color:#EE2800;}
.tweet_negative4, .si17 {color:#EE4F00;}
.tweet_negative3, .si25 {color:#EE7700;}
.tweet_negative2, .si33 {color:#EE9F00;}
.tweet_negative1, .si42 {color:#EEC600}
.tweet_neutral, .si50 {color:#EEEE00;}
.tweet_positive1, .si58 {color:#C6EE00;}
.tweet_positive2, .si67 {color:#9FEE00;}
.tweet_positive3, .si75 {color:#77EE00;}
.tweet_positive4, .si83 {color:#4FEE00;}
.tweet_positive5, .si92  {color:#28EE00;}
.tweet_positive6, .tweet_positive, .si100  {color:#00EE00;}

.bksi0 {background-color:#EE0000;}
.bksi8 {background-color:#EE2800;}
.bksi17 {background-color:#EE4F00;}
.bksi25 {background-color:#EE7700;}
.bksi33 {background-color:#EE9F00;}
.bksi42 {background-color:#EEC600}
.bksi50 {background-color:#EEEE00;}
.bksi58 {background-color:#C6EE00;}
.bksi67 {background-color:#9FEE00;}
.bksi75 {background-color:#77EE00;}
.bksi83 {background-color:#4FEE00;}
.bksi92  {background-color:#28EE00;}
.bksi100 {background-color:#00EE00;}

.content_area {
  top: 70px;
} 

#chart_content {
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top:100px;
  width: 900px;
}

.chart {
  position: absolute;
  left: 50%;
  margin-left: -450px;
  top:0px;
  width:700px;
}
.chart2 {
  position: absolute;
  left: 50%;
  top: 30px;
  margin-left: -450px;
  width:700px;
}

#top_list2 {
  position: absolute;
  left: 99.7%;
  margin-left: -160px;
  top:0px;
  width:200px;
  float: left;
}

#analyze {
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top:70px;
  width:800px;	
}
#about, #login, #statuses, #profile {
  font-size: 12px;
  position: absolute;
  left: 50%;
  margin-left: -400px;
  top:70px;
  width:800px;	
}
#map {
  position: absolute;
  left: 50%;
  margin-left: -40%;
  top:105px;
  width:80%;	
  height:600px;
}
#map_links {
  position: absolute;
  left: 50%;
  margin-left: -250px;
  top:80px;
  width:80%;
}
#main-layout {
  top: 70px;
  padding-left: 0px; padding-right: 0px; 
  margin: 0 auto;
  position: absolute;
  float: left;
/*  text-align:center;*/
  left: 50%;
  margin-left: -400px;
  }
#main-layout #left { width: 190px; margin-left: 0px; margin-right: 10px; position: relative; float: left;}

#charts {
  width: 120px; margin: 0 auto; padding: 0px; position: absolute; float:left; top: 0px; left: 99.7%; margin-left: -120px;
  z-index:5
}

.header { margin-bottom: 30px; padding-left: 20px;}
.header h2, .header h3 { border: 0px; margin: 0px; }
.header h2 { font-size: 30px; color: #666666; }
.header h3 { font-size: 20px; width: 800px; font-weight: normal; color: #000000; }

#center h4 {
  font-family:"Myriad Pro",tahoma,verdana,arial,sans-serif;
  color: #006699;
  font-size: 18px;
  border: 0px;
  margin-bottom: 10px;
}

.ie #feed li.feed-item .centered, ie .centered  { position: relative; }
.ie #feed li.feed-item .centered .feed-position, ie .feed-position { position: absolute; top: 50%; left: 0px;}
.ie8 #feed li.feed-item .centered .feed-position, ie8 .feed-position { position: absolute; top: 15px; left: 0px;}
.ie #feed li.feed-item .centered img, #feed li.feed-item .centered .feed-content, ie .feed-item .centered .feed-content { position: relative; top: -50%; left: 0px;}
.ie #feed li.feed-item .centered .sentiment img, .feed-item .centered .sentiment img {position: relative; top: 0px; left: 0px;}

.timestamp {color: #808080; text-align: left; font-size: 9px; margin-bottom: 3px}

#analyze_search {
	width:150px;
	height:80px;
}
#analyze_dashboard {
	position:absolute;
	top:40px;
	left: 180px;
	width:220px;
	height:120px;
}
#analyze_summary {
	position:absolute;
	top:35px;
	left: 400px;
	width:200px;
	height:120px;
}
#analyze_profile {
	position:absolute;
	top:35px;
	left: 590px;
	width:230px;
	height:120px;
}
#analyze_tweets {
	width: 800px;
}
#control_play {
	background-image: url(/images/16_24x24.png);
	position: absolute;
	top: 90px;
	left: 5px;
	display: none;
	width:24px;
	height:24px;
}
#control_pause {
	background-image: url(/images/19_24x24.png);	
	position: absolute;
	top: 90px;
	left: 5px;
	display: inline;
	width:24px;
	height:24px;
}
#control_stop {
	background-image: url(/images/18_24x24.png);	
	position: absolute;
	top: 90px;
	left: 5px;
	display: none;
	width:24px;
	height:24px;
}
#spinner_center {
	position: absolute;
	top: 40%;
	left: 50%;
	display:block;
	color:darkgreen;
	margin-top: -20px;
	margin-left: -100px;
	z-index:5;
	background-color:#FFFFFF;
	border:solid;
	border-color:#BBBBBB;
}
.table_header th {
    border: 1px solid #DDDDDD;
	border-color:#DDDDDD;
	padding: .2em .5em;
}
.language_selector {
	position: absolute;
	top: 0;
	left: 0;
	color: #888888;	
}
#user_info {
	position: absolute;
	top: 2px;
  	left: 50%;
  	margin-left: 200px;
	height: 36px;
	width: 180px;	
	font-size: 9px;
	background-color:#FFFFFF;
	border:3px solid;
	border-color:#EEEEEE;	
}

/* About page specifics */

.about_chunk 				{ border-top: 1px solid #f3f3f3;overflow:hidden; clear:both; margin-top:10px; }
.about_chunk img.screenshot { float:right; padding-top: 16px; margin-left: 15px; margin-bottom: 12px; }
.about_chunk h3				{ color: #F76425; border:none; margin-bottom: 7px; }
.about_chunk p				{ font-size: 13px; margin: 0 0 18px 0; line-height: 18px; }