/*
* This file is on the way out. Time permitting I will have moved everything into a more suitable place. - RA
* For now just stick any styles in as close to their associated styles as possible. Anything new should be appended. - RA
*/


/* MAIN CONTENT AREA */	
.clear { /* This is unnecessary, we should remove all clearing elements and give containers correct layout. */
	clear: both;
}

small-print {
	font-size: 70%;
}

/** **/
.viewText{
	margin:5px;
}
.viewText ol, .Wizards ol {
	list-style-type: decimal;
	margin-left: 30px;
}
.viewText ul, .Wizards ul {
	list-style-type: circle;
	margin-left: 30px;
}
.viewText blockquote, .Wizards blockquote {
	margin:40px;
	font-size:110%;
	line-height: 110%;
}
			
/* MAIN AREA - HEADERS */
.page-header {
	width: 908px;
	text-align: left;
	padding: 0 15px;
	margin:  0 0 0 -15px;
	border-bottom: 1px solid #d7d7d7;
}

.page-header h1 {
	margin-bottom: 15px;
	line-height: 1.4em;
}
	
/* MAIN AREA - HEADERS - CONFIGURE AND HELP LINKS */
.WizardLinks {
	float: right;
	margin-bottom: 15px;
	text-shadow: none;
}
	
.WizardLinks a {
	margin-left: 14px;
	background-color: #efefef;
	border: 1px solid #e7e7e7;
	padding: 0 7px 1px 7px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.DocWizardButton {
	background-color: #efefef;
	border: 1px solid #e7e7e7;
	padding: 0 7px 1px 7px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.Tile {
	border: 1px solid #e7e7e7;
	padding: 7px;
	margin:7px;
	float:left;
	width:272px;
	min-height:150px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#efefef)); 
	background: -moz-linear-gradient(center top , #fff, #efefef) repeat scroll 0 0 transparent;

	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.4);
}


.Tile form {
	margin: 20px 0;
}

.Tile form label {
	display: block;
	margin-bottom: 10px;
}

.Tile form label span.label {
	float: left;
	line-height: 24px;
}

.Tile form label.checkbox span.label {
	line-height: auto;
}

.Tile form input {
	background: #FFF;
}

.Tile form label.date span.label {
	width: 50px;
}

.Tile form button.submit {
	float: right;
}

.WizardLinks a:hover {
	background-color: #2e70b1;
	border: 1px solid #2e70b1;
	text-decoration: none;
	color: #fff;
}

/* TAG CLOUD */
.tagCloud {
	width: 908px;
	padding: 3px 15px 6px 15px;
	/*font-size: 0.9em; */
	margin: 0 0 1px -15px;
	background: #9fcdf0 url('/static/images/search-bg.png') repeat-x center top;
	line-height: 1.8em;
	z-index: 997;
	position: relative;
	border-bottom: 1px solid #dbe9f7;
}
	
.tagCloud h3, .tagCloudFilter h3 {
	display: inline;
	float: left;
	width: 157px;
	color: #333;
	text-shadow: none;
	margin: 5px 15px 0 0;
	/* font-size: 1em; */
	line-height: 1.2em;
}
	
.tagCloud h3 span {
	margin: 0 15px 0 0;
	display: block;
}
	
.tagCloud a {
	color: #2e70b1;
	font-weight: bold;
	text-shadow: 0 1px 1px #fff;
	padding: 0 8px 8px 0;
}
	
.tagCloud a:hover {
	text-shadow: none;
	color: #274e8b;
}
	
.tagcloud-links {
	display: inline;
	float: left;
	width: 736px;
}

.tagCloud a.exclude-link {
	display: inline;
	float: left;
	/* font-size: 0.9em; */
	margin-top:6px;
	margin-bottom:0px;
	padding:0px;
}
.tagCloud a.include-link {
	display: inline;
	float: left;
	/* font-size: 0.9em; */
	margin-top:6px;
	margin-bottom:0px;
	padding:0px;
	color:#2e70b1;
}

.refine-by-exclude {
	display:none;
}

.refine-by-exclude a {
	color:#b1702e;
}	

.refine-by-exclude a:hover {
	text-shadow: none;
	color: #8b4e27;
}

/* FILTERS */
.filters {
	display: none;
	position: relative;
	margin-left: -15px;
	width: 908px;
	padding: 0 15px;
}

.filter {
	position: relative;
	display: block;
	background: #9fcdf0 url('/static/images/search-bg.png') repeat-x center top;
	padding: 5px 15px 3px 15px;
	margin: 0 0 0 -15px;
	width: 908px;
}

.filter .data {
	display: none;
}

.filter select { float: left; }

.filter.highlighted { background: #FFFED1; }

.filter h3,
.ToolBar h3 {
	display: inline;
	font-size: 100%;
	font-weight: normal;
	color: #333;
	margin: 2px 0 0 0;
	display: inline;
	float: left;
	width: 157px;
}

.filter .options {
	position: relative;
	width: 751px;
	float: right;
}

.filter .options ul {
	display: inline;
}
	
.filter ul li {
	display: block;
	float: left;
	margin: 1px 2px 1px 0;
}

.filter ul + ul li:first-child {
	border-left: 1px solid #2e70b1;
	margin-left: 5px;
	padding-left: 5px;
}

.filter ul li a {
	padding: 2px 4px 3px 4px;
	border: 1px solid #a6bbd9;
	-webkit-border-radius: 12px;
	-khtml-border-radius: 12px;	
	-moz-border-radius: 12px;
	border-radius: 12px;
	text-shadow: 0 1px 1px #fff;
	color: #2e70b1;
	display: block;
	padding: 2px 8px 3px 19px;
	background: #c9d8ed;
	background-repeat: no-repeat;
	background-position: 6px 6px;
}

.filter ul.noicons li a { padding-left: 8px; }
.filter ul.noicons li a.active { padding-left: 20px; }

.filter ul li a:hover {
	color: #f7f3b6;
	text-decoration: none;
	text-shadow: 0 1px 1px #000;
	background-color: #274e8b;
	border: 1px solid #274e8b;
}
		
.filter ul li a.active {
	color: #f7f3b6;
	text-shadow: 0 1px 1px #000;
	background-color: #274e8b;
	border: 1px solid #274e8b;
}
	
.filter ul li a.active:hover {
	text-decoration: none;
	background-image: url('/static/images/tags-minus.png');	
	border: 1px solid #52658b;	
}

.filter form {
	float: left;
}
	
/* TODO multiple (2) tags icon for TagSetFilter */
.TagFilter ul li a, .TagSetFilter ul li a {
	background: #c9d8ed url('/static/images/tags.png') no-repeat 5px center;
}

.TagFilter ul li a:hover, .TagSetFilter ul li a:hover {
	background: #274e8b url('/static/images/tags-plus.png') no-repeat 5px center;
}

.TagFilter ul li a.active, .TagSetFilter ul li a.active {
	background: #274e8b url('/static/images/tags-active.png') no-repeat 5px center;
}

.SavedSearchFilter2 ul li a {
	background: #c9d8ed url('/static/images/searches.png') no-repeat 5px center;
}		

.SavedSearchFilter2 ul li a:hover, .SavedSearchFilter2 ul li a.active {
	background: #274e8b url('/static/images/searches-hover.png') no-repeat 5px center;
}

.RelationshipFilter ul li a, .AuthorRelationshipFilter ul li a {
	background: #c9d8ed url('/static/images/people.png') no-repeat 5px center;
}	

.RelationshipFilter ul li a:hover, .relationshipfilter ul li a.active {
	background: #274e8b url('/static/images/people-hover.png') no-repeat 5px center;
}

.AuthorRelationshipFilter ul li a:hover, .AuthorRelationshipFilter ul li a.active {
	background: #274e8b url('/static/images/people-hover.png') no-repeat 5px center;
}

/**/
.ServiceFilter ul li a {
	background-color:#C9D8ED;
	background-position: 5px center;
	background-image: url(/static/images/service.png);	
	background-repeat: no-repeat;
	padding-left: 22px;		
}		

.ServiceFilter ul li a:hover, 
.ServiceFilter ul li a.active {
	background-color: #274e8b;
}

.ServiceFilter ul li.sodash a {
	background-image: url(/static/images/icons/16x16/accessories-text-editor.png);
}

.ServiceFilter ul li.twitter a {
	background-image: url('/static/images/icons/external/twitter-logo.png');
}

.ServiceFilter ul li.facebook a {
	background-image: url('/static/images/icons/external/facebook-mini.png');
}

.ServiceFilter ul li.web a {
	background-image: url('/static/images/icons/internets.png');
}

.ServiceFilter ul li.blogs a {
	background-image: url('/static/images/icons/16x16/blogs.png');
}

/**/
.AssignedToFilter ul li a {
	background: #c9d8ed url('/static/images/people.png') no-repeat 5px center;
}

.AssignedToFilter ul li a:hover, .AssignedToFilter ul li a.active {
	background: #274e8b url('/static/images/people-hover.png') no-repeat 5px center;
}
	
.PeriodFilter ul li a {
	background: #c9d8ed url('/static/images/time.png') no-repeat 5px center;
}
.PeriodFilter ul li a:hover, .PeriodFilter ul li a.active {
	background: #274e8b url('/static/images/time-hover.png') no-repeat 5px center;
}
	
/* ONGOING SEARCHES LIST */
/* TODO refactor css - have either a common class or dashboard container */	
.SavedSearchesWidget, .RecentSearchesWidget, .TwitterTrendsWidget, .ActivityWidget {
	margin-bottom: 10px;
}

.TwitterTrendsWidget { clear: both; }

.SavedSearchesWidget h2, .RecentSearchesWidget h2, .TwitterTrendsWidget h2, .ActivityWidget h2 {
	margin: 25px 0 10px 0;
	/* font-size: 1.2em; */
}
	
.SavedSearchesWidget ul, .TwitterTrendsWidget ul {
	margin-left: -15px;
}

.SavedSearchesWidget ul li, .RecentSearchesWidget ul li, .TwitterTrendsWidget ul li {
	display: inline;
	float: left;
	width: 205px;
	margin: 0 0 5px 15px;
}

.SavedSearchesWidget ul li.row, 
.RecentSearchesWidget ul li.row, 
.TwitterTrendsWidget ul li.row { clear: both; }
	
.SavedSearchesWidget ul li a, .RecentSearchesWidget ul li a, .TwitterTrendsWidget ul li a {
	display: block;
	border-bottom: 1px solid #ccc;
	padding: 5px;
	/* font-size: 0.9em; */
}
	
.SavedSearchesWidget ul li a:hover, .RecentSearchesWidget ul li a:hover, .TwitterTrendsWidget ul li a:hover {
	border-bottom: 1px solid #2e70b1;
	text-decoration: none;
}
.SavedSearchesWidget ul li a img.icon, .RecentSearchesWidget ul li a img.icon,
.filter img.icon {
	width:16px;
	margin-right: 4px;
}
	
.ExtraFilters {display:none;}

/* RESULTS PAGINATION */
.nav {
	/* font-size: 0.7em; */
	margin: 0 0 0 0;
	border-bottom: 1px solid #ccc;
	padding: 9px 15px 10px 15px;
	text-align: center;


	width: 908px;
	z-index: 99;
}
	
.pagination-first, .pagination-previous, .pagination-next, .pagination-last {
	background-color: #efefef;
	border: 1px solid #e7e7e7;
	padding: 0 5px 1px 5px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	opacity: 0.6;
}
	
a.pagination-first, a.pagination-previous, a.pagination-next, a.pagination-last {
	border: 1px solid #e7e7e7;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
	padding: 0 5px 1px 5px;
	opacity: 1.0;
}
	
a.pagination-first:hover, a.pagination-previous:hover, a.pagination-next:hover, a.pagination-last:hover {
	text-decoration: none;
	border: 1px solid #2e70b1;
	text-decoration: none;
	color: #fff;
	text-shadow: none;
}
	
a.pagination-first {
	background: #efefef url('/static/images/arrow-first.png') no-repeat 3px center;
	padding-left: 15px;
	margin: 15px;
}
	
a.pagination-first:hover {
	background: #2e70b1 url('/static/images/arrow-first-hover.png') no-repeat 3px center;
}
	
a.pagination-previous {
	background: #efefef url('/static/images/arrow-previous.png') no-repeat 3px center;
	padding-left: 11px;
}
	
a.pagination-previous:hover {
	background: #2e70b1 url('/static/images/arrow-previous-hover.png') no-repeat 3px center;
}
	
a.pagination-next {
	background: #efefef url('/static/images/arrow-next.png') no-repeat 91% center;
	padding-right: 11px;
}
	
a.pagination-next:hover {
	background: #2e70b1 url('/static/images/arrow-next-hover.png') no-repeat 91% center;
}
	
a.pagination-last {
	background: #efefef url('/static/images/arrow-last.png') no-repeat 91% center;
	padding-right: 15px;
	margin: 0 0 0 15px;
}
	
a.pagination-last:hover {
	background: #2e70b1 url('/static/images/arrow-last-hover.png') no-repeat 91% center;
}
	
.pages-left {
	width: 369px;
	text-align: left;
	display: inline;
	float: left;
}
	
.pages {
	width: 170px;
	color: #555;
	text-align: center;
	display: inline;
	float: left;
}
	
.pages-right {
	width: 369px;
	text-align: right;
	display: inline;
	float: right;
}
	
/* BROCHURE PAGE */
.login-link  {
	display: none;
}	

p.intro {
	font-size: 2em;
	letter-spacing: -1px;
	margin: 15px;
}
	
ol#intro {
	margin: 15px;
}
	
ol#intro li {
	font-size: 2.5em;
	margin-top: 5px;
	letter-spacing: -1px;
}
	
ol#intro li span {
	font-weight: bold;
	color: #56b12e;
}
	
p.alpha {
	margin: 15px;
}
		
/* LOGIN PAGE */
/* TODO clean this up a bit re. login's other pages */
.login-page {
	margin-top: 65px;
}
	
.login-page .message, .login-page .error {
	width: 332px;
	padding: 15px;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 1px 8px #ccc;
	box-shadow: 0 1px 8px #ccc;
}

.login, .lost-password {
	width: 332px;
	padding: 35px 15px 0 15px;
	background-color: #fff;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid #c5c5c5;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
	-webkit-box-shadow: 0 1px 8px #ccc;
	box-shadow: 0 1px 8px #ccc;
}
	
.lost-password {
	/* font-size: 0.9em; */
}
	
.login p {
	margin-bottom: 30px;
}
	
.login label, .lost-password label {
	font-weight: bold;
}
	
.login label input, .lost-password label input {
	width: 318px;
	padding: 5px;
	margin: 5px 0 20px 0;
	font-weight: bold;
	font-size: 1.2em;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
.login input.submit {
	width: 395px;
	margin: 20px 0;
	padding: 5px;
}
	
.login input, .lost-password input {
	border: 2px solid #629fd5;
	background-color: #fff;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
}
	
.login input:hover, .login input:focus, .lost-password input:hover, .lost-password input:focus {
	background-color: #fffed1;
	-webkit-box-shadow: 0 0 3px #ccc;
	box-shadow: 0 1px 3px #ccc;
	border: 2px solid #328dd3;
}

div.remember {
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;border-radius: 4px;
	background-color: #edf6ff; /* this is a very pale blue */
	padding: 13px 8px 4px 8px;
	float: left;
	margin: 10px 0 0 0;
	height: 23px;
	/* font-size: 0.7em; */
	font-weight: bold;
}

.login input.submit {
	width: 217px;
	height: 40px;
	background: transparent url('/static/images/login-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 10px 0 0 0;
	float: right;
}
	
.login input.submit:hover {
	background: transparent url('/static/images/login-button.png') no-repeat center -40px;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
.login input.submit:focus {
	background: transparent url('/static/images/login-button.png') no-repeat center -80px;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
}
	
p.forgotten {
	font-weight: bold;
	/* font-size: 0.6em; */
	margin-top: 20px;
}
	
.lost-password h2 {
	margin: 0 0 10px 0;
	/* font-size: 1.3em; */
}
	
.lost-password .send-button {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/send-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 10px 0 20px 0;
}
	
.lost-password .send-button:hover {
	background: transparent url('/static/images/send-button.png') no-repeat center -28px;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0
}

.lost-password .send-button:focus {
	background: transparent url('/static/images/send-button.png') no-repeat center -56px;
	cursor: pointer;
	-webkit-box-shadow: none;
	box-shadow: none;
	border: 0
}
		
/* SEARCH SODASH PAGE */
#search .search-sodash {
	width: 163px;
	height: 43px;
	background: transparent url('/static/images/searchsodash-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 18px; 
	display: inline;
	float: left;
}
	
#search .search-sodash:hover {
	background: transparent url('/static/images/searchsodash-button.png') no-repeat center -43px;
	cursor: pointer;
}
	
.search-other {
	display: inline;
	float: left;
	margin: 10px 0 0 20px;
}
	
.search-other a {
	font-weight: bold;
}
		

.throbber {
	color: #555;
	margin:20px;
}
.throbber img {
}
	
	
/* ERRORS */
.no-results {
	margin: 15px;
}
	
.subtitle {
	margin: 15px 0 15px 0;
	/* font-size: 0.9em; */
}

.not-monitored { font-size:125%; margin:15px; }

/* switch off the reset */
td {
	vertical-align:top;
}

table.grid td, table.grid th {
	border: 1px solid #aaa;
}

/* for /view/people */
img.mugshot {
	float: right;
	border: 1px solid #ddd;
	padding: 5px;
	margin: 5px;
	margin-top: 0px;
	width: 150px;
}

/* SEARCH AREA */
.SearchFilter .options {
	width: 908px;
}	

#search {
	/*width: 908px;*/
	text-align: center;
	padding: 10px 2px 8px;
	overflow: hidden;	
	/*background: #9fcdf0; url('/static/images/search-bg.png') repeat-x center top;*/
	/*margin: -1px 0 0 -15px;*/
	/*z-index: 998;*/
	/*position: relative;*/
	/*border-bottom: 1px solid #dbe9f7;*/
}
	
.search-terms {
	float: left;
	display: inline;
		

	width: 431px;
	height: 24px;
	padding: 6px 6px 9px 6px;	
	margin-right: 15px;

	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-size: 125%;	
	font-weight: bold;
	color: #333;

	-webkit-border-radius: 5px;
	-khtml-border-radius: 5px;	
	-moz-border-radius: 5px;
	border-radius: 5px;
	
	border: 2px solid #328dd3;
		
	background-color: #fff;	
}
	
.search-terms:hover, .search-terms:focus {
	background-color: #fffed1;
	-webkit-box-shadow: 0 0 5px #ccc;
	box-shadow: 0 1px 5px #ccc;
}
	
#search .submit {
	width: 160px;
	height: 43px;
	border: 0;
	text-indent: -9999px;
	display: inline;
	float: left;
}
	
#search .submit:hover {
	cursor: pointer;
}
	
#search .twitter:hover { background: transparent url('/static/images/search-button.png') no-repeat center -43px; }
#search .twitter { background: transparent url('/static/images/search-button.png') no-repeat center top; }
#search .facebook:hover { background: transparent url('/static/images/search-button-neutral.png') no-repeat center -43px; }
#search .facebook { background: transparent url('/static/images/search-button-neutral.png') no-repeat center top; }
#search .identica:hover { background: transparent url('/static/images/search-button-neutral.png') no-repeat center -43px; }
#search .identica { background: transparent url('/static/images/search-button-neutral.png') no-repeat center top; }
			
/* SEARCH AREA - CREATE ONGOING/STOP ONGOING BUTTONS */
button.create-ongoing {
	width: 219px;
	height: 43px;
	background: transparent url('/static/images/createongoing-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
}
	
button.create-ongoing:hover {
	background: transparent url('/static/images/createongoing-button.png') no-repeat center -43px;
	cursor: pointer;
}
	
button.no-ongoing {
	width: 219px;
	height: 43px;
	background: transparent url('/static/images/noongoing-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 13px;
}
	
button.stop-ongoing {
	width: 219px;
	height: 43px;
	background: transparent url('/static/images/stopongoing-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0;
}
	
button.stop-ongoing:hover {
	background: transparent url('/static/images/stopongoing-button.png') no-repeat center -43px;
	cursor: pointer;
}
	
#search form {
	margin: 0 auto;
}
	
/* SEARCH AREA - GRAPH PAGES */
#search .submit-graph {
	width: 160px;
	height: 43px;
	background: transparent url('/static/images/generategraph-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 14px; 
	display: inline;
	float: left;
}
	
#search .submit-graph:hover {
	background: transparent url('/static/images/generategraph-button.png') no-repeat center -43px;
	cursor: pointer;
}

.ChatLink {
	margin: 1px 0 5px 15px;
	float: left;
}

.ChatLink img {
	margin-right: 2px;
}

.ActionButton button {
   padding-right: 20px;
}

.ActionButton .status {
  height: 16px;
  width: 16px;
  background: none;
  margin: 0px;
}

.ActionButton .status .loading {
   background: url('/static/images/throbber.gif') no-repeat;
}

.TwitterStreamWidget .tweet-text {
  border-bottom: 1px solid #ccc;
  margin-bottom: 2px;
}

/*-------------------------*/
/* LISTS OF RESULTS */
.TweetTable, .TweetTableDB, .TweetTable-tagged {
	margin: -10px 0 0 -15px;
	padding-top: 10px;
	min-height: 100px;
}

.MessageStream.TweetTable {
	min-height: 0;
}


.MessageStream.Outbox .TweetTableRow {
	min-height: 80px;
}

.TweetTableRow, .SubscriptionEventRow {
	display: block;
	width: 938px;
	clear: both;
	padding: 15px 0px 15px 0px;
	position: relative;
	background: #fff url('/static/images/tweet-arrow-bg.png') repeat-y left center;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #fff;
	margin: 0;
	position: relative;
}

.TweetTableRow span.arrow, 
.TweetTableRow-focus span.arrow,
.SubscriptionEventRow span.arrow {
	position: absolute;
	top: 50%;
	margin-top: -11px;
	width: 10px;
	height: 22px;
	background-position: right center;
	background-repeat: no-repeat;
}

.TweetTableRow span.arrow.left,
.TweetTableRow-focus span.arrow.left,  
.SubscriptionEventRow span.arrow.left {
	left: 62px;
	background-image: url(/static/images/tweet-arrow-left.png);
}

.TweetTableRow span.arrow.right, 
.TweetTableRow-focus span.arrow.right,  
.SubscriptionEventRow span.arrow.right {
	right: 244px;
	background-image: url(/static/images/tweet-arrow-right.png);
}

.TweetTableRow-focus span.arrow.left { background-image: url(/static/images/tweet-arrow-left-focus.png); }
.TweetTableRow-focus span.arrow.right { background-image: url(/static/images/tweet-arrow-right-focus.png); }
		
.QueuedTweetTable .TweetTableRow {
	display: block;
	width: 808px;
	clear: both;
	padding: 15px 0 10px 130px;
	position: relative;
	background: #fff url('/static/images/tweet-arrow-outbox.png') no-repeat left center;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #fff;
	margin: 0;
	position: relative;
}

.TweetTableRow-focus, .QueuedTweetTable .TweetTableRow-focus {
	background: #fff url('/static/images/tweet-arrow-focus-bg.png') repeat-y left center;
	margin: -2px -3px -2px -3px;
	border: 3px solid #9fcdf0;
	z-index: 1;
	width: 938px;
	position: relative;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
}

.QueuedTweetTable .TweetTableRow-focus {
	background: #fff url('/static/images/tweet-arrow-outbox-focus.png') no-repeat left center;
	width: 808px;
}
	
/* LISTS OF RESULTS - AVATAR AREA */
.TwitterAvatarWidget {
	width: 100px;
}
	
.TweetTableRow .TwitterAvatarWidget, 
.SubscriptionEventRow .TwitterAvatarWidgetsmall {
	float: left;
	display: inline;
	width: 57px;
	padding-left: 14px;
	position: absolute;
	top: 50%;
	margin-top: -21px;
	left: 0;
}

.SubscriptionEventRow .TwitterAvatarWidgetSmall {
	top: 5px;
}
	
.TwitterAvatarWidget a {
	color: #2e70b1;
	text-shadow: 0 1px 1px #fff;
	display: block;
}
	
.TwitterAvatarWidget a:hover {
	text-decoration: none;
	color: #1d4873;
}
	
.TwitterAvatarWidget img, .SubscriptionEventRow .TwitterAvatarWidgetSmall img {
	clear: both;
	border: 3px solid #acccef;
	width: 36px;
	height: 36px;
}
	
.TweetTableRow-focus .TwitterAvatarWidget img {
	border: 3px solid #2e70b1;
}
	
.TwitterAvatarWidget .username {
	display: block;
	margin-top: 2px;
	font-weight: bold;
}

.TwitterAvatarWidget .locn {
	display: block;
	margin-top: 0px;
}	

button.follow, button.unfollow {
	height: 24px;
	width: 100px;
	font-size: 10px;
	background-color: #cdcdcd;
	border: none;
	margin: 10px 15px 0 0;
	padding: 2px 8px 1px 8px;
	display: inline;
	float: left;
	cursor: pointer;
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 10px;
	font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif; 
	font-weight: bold;
}
	
button.follow[disabled], button.unfollow[disabled] {
	opacity: 0.3;
}

button.follow[disabled]:hover, button.unfollow[disabled]:hover {
	cursor: default;
}
	
button.follow:hover, button.unfollow:hover {
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
	padding: 1px 7px 4px 8px;
}
	
/* LISTS OF RESULTS - ACTUAL MESSAGES */
.tweet {
	float: left;
	width: 580px;
	margin-left: 92px;
}
	
.tweet-inside {
	margin-bottom: 5px;
	padding: 2px 5px;
	
	background-color: #fff;
	
	border: 1px solid #c7c7c7;
	border-bottom: 1px solid #d7d6d6;
	border-top: 1px solid #b8b8b8;
	
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	
	-webkit-box-shadow: 0 1px 5px #ccc;
	-moz-box-shadow: 0 1px 5px #ccc;
	box-shadow: 0 1px 5px #ccc;
}

.tweet-inside .message {
	width: auto;
	overflow: hidden;

	border: 1px solid #C7C7C7;
	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;	
	border-radius: 5px;
}
	
.tweet-inside img {
	float: right;
	margin: 0 0 5px 10px;
	border: 2px solid #c7c7c7;
	max-width: 100px;
	max-height: 75px;
}
	
.spam {
	background-color: #e2d9b4;
}
	
.TweetTableRow-focus .tweet-inside {
	/*background-color: #feffb5;*/
	border: 1px solid #dfdd9e;
}
	
.TweetTableRow-focus .spam {
	/*background-color: #e2d9b4;*/
	border: 1px solid #dfdd9e;
}
	
.tweettext {
	overflow: hidden;
	margin: 0;
	line-height: 1.4em;
}

.tweettext p {
	margin: 0;
}

.topsy_widget_data {display:inline; float:right;width:1;height:1;overflow:hidden;}
.topsy-sm-retweet, .topsy-sm-badge {width:0;height:0;overflow:hidden;}
	
.tweet .username {
	display: inline;
	float: left;
	margin: 1px 0 0 0;
	border-top-left-radius: 12px;
	border-bottom-left-radius: 12px;
	-moz-border-radius-topleft: 12px;
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-webkit-border-bottom-left-radius: 12px;
	padding: 2px 8px 4px 8px;
	background-color: #f1f0f0;
	border: 1px solid #d5d5d5;
	border-right: 0;
}

.tweet .username.self {
	border-radius: 12px;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-right: 1px solid #d5d5d5;
}
	
.tweet .username:hover {
	text-decoration: none;
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
	padding: 2px 8px 4px 7px;
	text-shadow: none;
}
	
.tweet .follow, .tweet .unfollow {
	display: inline;
	float: left;
	margin: 1px 10px 0 0;
}
	
p.datetime {
	float: left;
	display: inline;
	margin: 4px 0 0 0;
}

p.datetime a {
	color: #606060;
	font-style: italic;
}

.trans {
	font-style:italic;
	/* Shouldn't be necessary, but is */
	font-size: 10pt;
}		
	
/* Tweet source: which search? Also which client? */

/* .tweettable-tagged p.tweet-source, .tweettabledb p.tweet-source */
p.tweet-source {
	float: left;
	display: inline;
	margin: 4px 0 0 20px;
}
	
p.tweet-source span {
	font-weight: bold;
}

/* specific to tags within a message, to avoid affecting the tag cloud */
.TagsWidget {
	float: right;
	overflow: hidden;
	margin: 4px 10px 0 0;
	font-size: 10px;
}

.TwitterAvatarWidget .TagsWidget {	
	margin: 5px 0 0 0px;
}

.inresponseto .TagsWidget {
	margin: 0px;
}

.TagsWidget .del {
	position: absolute;
	right: 0;
	top: 0;
	height: 100%;    	   
	color: #000000;
	cursor: pointer;
	line-height: 1.5em;
	padding: 0 5px;
}

.TagsWidget .del:hover {
	color: #666;
	text-shadow: 0 0 5px #FFF;
}
	
.TagsWidget .tag  {
	position: relative;

	float: left;

	padding: 0px 15px 0px 12px;	
	margin-right: 5px;
	margin-bottom: 5px;
	
	background-color: #9fcdf0;
	background-image: url('/static/images/tag-end.png');
	background-repeat: no-repeat;
	background-position: left center;
		
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-top-right-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	
	color: #000;	
}

.TweetTableRow-focus .TagsWidget .tag {
	background-image: url('/static/images/tag-end-focus.png');	
}

.TagsWidget .tag.ai {
	background-image: url('/static/images/tag-end-focus-ai.png');	
}

.TweetTableRow-focus .TagsWidget .tag.ai {
	background-image: url('/static/images/tag-end-focus-ai.png');	
}

.TagsWidget .tag-ignore {
	background: #e2d9b4 url('/static/images/tag-end.png') no-repeat left center;
}
	
/* LISTS OF RESULTS - RESPOND AREA*/
.respond {
	float: right;
	width: 230px;
	padding-left: 14px;
	opacity: 0.6;
}

.TweetTableRow-focus .respond {
	opacity: 1;
}

.respond button {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -44px 0px;
	width: 44px;
	height: 24px;
	display: inline;
	float: left;
	border: 0px;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
	text-shadow: 0 1px 2px rgba(0, 0, 0, .5)
}

.respond button:hover {
	color: #2E70B1;
}

.respond button.first,
.respond button:first-child  { background-position: 0 0; }

.respond button.last,
.respond button:last-child:not(.QuickTag) { background-position: -173px 0; width: 43px; }

.respond .TagToggle button {
	background-position: -87px 0;
	width: 43px;
}

.respond .buttons button.destroy,
.respond button.destroy {
	text-indent: -9999px;
	background-position: -261px 0;
}

.respond .buttons {
	overflow: hidden;
	margin-bottom: 2px;
}

.tag-dropdown select {
	margin-top: 1px;
	display: inline;
	float: left;
	width: 218px;
	height: 24px;
	border: 1px solid #ccc;
	background: #eee;
	border-radius: 3px;
	-moz-border-radius: 3px;
}

.tag-dropdown .SelectTag {
	width: 173px;
}

.tag-dropdown .QuickTag {
	margin-top: 1px;
	margin-left: 1px;
	width: 44px;
	height: 24px;
	background-position: -216px 0;
	text-transform: none;
}
	
/* LISTS OF RESULTS - REPLY AREA */	
.reply {
	display: none;
	margin: 10px 0 0 0;	
	padding-left: 71px;
}

.reply .TextCounterWidget textarea {
	height: 44px;
	border: 1px solid #2e70b1;
	width: 504px;
	padding: 8px 54px 8px 8px;
	margin-left: 20px;
	display: inline;
	float: left;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}

.reply .TextCounterWidget textarea:focus {
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);	
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);	
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.25);
}
	
#counter, .counter {
	position: absolute;
	right: 5px;
	top: 5px;
	
	display: inline-block;	
	
	width: 35px;
	padding: 4px 0;

	background-color: #9fcdf0;
	
	text-align: center;
	
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;

	-webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);	
	-moz-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);	
	box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4);	
}

#counter.over, .counter.over {
	background-color: #CF3140;
	color: #FFF;
	text-shadow: 0 1px 1px #000;
}
	
.reply button {
	margin: 0 5px 5px 0;
}
	
a.close-panel, a.save-draft {
	/* font-size: 0.8em; */
	font-weight: bold;
	display: block;
}
	
a.close-panel:hover, a.save-draft:hover{
	text-decoration: none;
	cursor: pointer;
	color: #123353;
}

.TopForm a.save-draft {
	display:none;
}

.hint-tooltip {
	border: 1px solid #75a0c1 !important;
	background: #9fcdf0 !important;
	color: #000;
	font-weight: bold;
	padding: 10px; 
	/* font-size: 0.7em; */
	width: 70px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 3px #000;
	text-align: center;

}
	
/* USER PROFILE PAGE */
.profile {
	position: relative;
	width: 908px;
	padding: 15px;
	background: #9fcdf0 url('/static/images/search-bg.png') repeat-x center top;
	margin: -1px 0 0 -15px;
}
	
.profile .user {
	margin: 0 0 0 -15px;
	border: 0;
	padding: 0;
}
	
.default-project {
	display: none;
}
	
.profile .user .avatar img {
	border: 3px solid #2e70b1;
}
	
.PictureWidget {
	float: left;
	margin: 0 30px 0 0;
}
	
.user-info a {
	color: #333;
}
	
.user-info button.follow, .user-info button.unfollow {
	background-color: #cdcdcd;
	border: 1px solid #333;
	margin: 5px 15px 0 0;
	padding: 2px 8px 3px 8px;
	display: inline;
	float: left;
	cursor: pointer;
	border-bottom-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	font-weight: bold;
}
	
.user-info button.follow[disabled], .user-info button.unfollow[disabled] {
	opacity: 0.3;
}

.user-info button.follow[disabled]:hover, .user-info button.unfollow[disabled]:hover {
	cursor: default;
}
	
.user-info button.follow:hover, .user-info button.unfollow:hover {
	background-color: #333;
	color: #fff;
	border: 1px solid #333;
	padding: 2px 7px 3px 8px;
	margin: 5px 15px 0 0;
}
	
.profile a {
	font-weight: bold;
}
	
.profile p {
	margin-bottom: 1em;
}
	
.profile p.following-status {
	margin-bottom: 0;
	display: inline;
	float: left;
}
	
.profile .follow, .profile .unfollow {
	display: inline;
	float: left;
	margin: -1px 0 0 5px;
	cursor: pointer;
}
	
.profile .follow:hover, .profile .unfollow:hover {
	display: inline;
	float: left;
	margin: -1px 0 0 5px;
	cursor: pointer;
}
	
.profile .user-location {
	font-style: italic;
}
	
.profile strong {	
	font-weight: bold;
}	
	
.TwitterStreamWidget h3 {
	width: 908px;
	text-align: left;
	padding: 15px 15px 15px 15px;
	margin:  0 0 0 -15px;
	border-bottom: 1px solid #d7d7d7;
}
	
.ignore-disabled {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/ignore-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 188px;
	opacity: 0.2;
}
	
/* OUTBOX */
.process-all {
	border-bottom: 1px solid #AAA;
	position: relative;
	width: 938px;
	overflow: hidden;
}

.process-all button {
	margin-top: 6px;
	margin-right: 5px;
}

.select-all {
	float: left;
	display: inline;
	border-right: 1px solid #AAA;
	padding: 15px 29px;
	margin-right: 20px; 
}

.select-all input {
	margin: 0;
	display: block;
}
	
.select-all span {
	display: none;
}

.QueuedTweetTable {
	margin: 0 0 0 -15px;
}

.QueuedTweetTable .DBObjectCheckbox {	
	position: absolute;
	top: 50%;	
	margin-top: -6px;
	left: 28px;
}

.QueuedTweetTable .TextCounterWidget { 
	float: left; 
	width: 369px; 
}
	
.TwitterAvatarWidget-outbox {
	position: absolute;
	width: 58px;	
	left: 70px;
	top: 50%;
	margin-top: -22px;
}
	
.TwitterAvatarWidget-outbox a {
	color: #2e70b1;
	text-shadow: 0 1px 1px #fff;
}
	
.TwitterAvatarWidget-outbox a:hover {
	text-decoration: none;
	color: #1d4873;
}
	
.TwitterAvatarWidget-outbox img {
	border: 3px solid #acccef;
	width: 37px !important;
	height: 37px;
}
	
.TweetTableRow-focus .TwitterAvatarWidget-outbox img {
	border: 3px solid #2e70b1;
}
	
.TwitterAvatarWidget-outbox .username {
	display: block;
	margin-top: 2px;
	font-weight: bold;
}

.TextCounterWidget { 
	position: relative;
}

.TextCounterWidget textarea, .NewNoteWidget textarea {
	float: left;	
	margin: 0;

	overflow: hidden;
	
	padding: 8px 54px 8px 8px;
	height: 53px;
	width: 303px;
		
	border: 2px solid #2e70b1;

	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;

	background-color: #fff;	
}
	
p.inresponseto {
	float: left;
	width: 238px;
	margin: 0 10px 0 15px;
	font-size: 0.8em;
	line-height: 1.2em;
	padding: 7px;
	background-color: #fff;
	border: 1px solid #aaa;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	opacity: 0.75;
}
	
p.inresponseto span {
	font-weight: bold;
}
	
.send-button-outbox {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/send-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 45px;
	float: left;
}
	
.send-button-outbox:hover {
	background: transparent url('/static/images/send-button.png') no-repeat center -28px;
	cursor: pointer;
}

.send-button-outbox:focus {
	background: transparent url('/static/images/send-button.png') no-repeat center -56px;
	cursor: pointer;
}
	
button.ignore-button-outbox {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/ignore-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 14px;
}
	
button.ignore-button-outbox:hover {
	background: transparent url('/static/images/ignore-button.png') no-repeat center -28px;
	cursor: pointer;
}

button.ignore-button:focus {
	background: transparent url('/static/images/ignore-button.png') no-repeat center -56px;
	cursor: pointer;
}

button.sendchecked-button {
	width: 102px;
	height: 28px;
	background: transparent url('/static/images/sendselected-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 10px 0 0 19px;
}
	
button.sendchecked-button:hover {
	background: transparent url('/static/images/sendselected-button.png') no-repeat center -28px;
	cursor: pointer;
}

button.sendchecked-button:focus {
	background: transparent url('/static/images/sendselected-button.png') no-repeat center -56px;
	cursor: pointer;
}
	
button.deletechecked-button {
	width: 102px;
	height: 28px;
	background: transparent url('/static/images/deleteselected-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 9px;
}
	
button.deletechecked-button:hover {
	background: transparent url('/static/images/deleteselected-button.png') no-repeat center -28px;
	cursor: pointer;
}

button.deleteselected-button:focus {
	background: transparent url('/static/images/deleteselected-button.png') no-repeat center -56px;
	cursor: pointer;
}
	
/* HELP AND SETTINGS WIDGETS */
.Wizards {
	z-index: 1;
	position: relative;
}

.HelpWidget {
	display: none;
	margin: 0 0 0 -15px;
	width: 908px;
	padding: 15px 15px 30px 15px;
	background-color: #333;
	color: #fff;
	text-shadow: none;
	border-bottom: 1px solid #ccc;
	z-index: 1;
	position: relative;
}
	
.HelpWidget h2, .HelpWidget h3, .HelpWidget h4 {
	color: #fffed1;
}
	
.SettingsWidget {
	display: none;
	margin: 0 0 0 -15px;
	width: 908px;
	padding: 15px;
	border-bottom: 1px solid #ccc;
	z-index: 1;
	position: relative;
	/* font-size: 0.9em; */
	background: #fffed1 url('/static/images/config.png') no-repeat 750px center;
}
	
.SettingsWidget a {
	font-weight: bold;
}
	
.SettingsWidget h2 {
	/* font-size: 1.2em; */
	margin: 0 0 15px 0;
}
	
.HelpWidget a {
	color: #fffed1;
	font-weight: bold;
}
	
div.close-panel {
	margin: 20px 0 0 0;
	/* font-size: 0.8em; */
	font-weight: bold;
	display: block;
}
	
div.close-panel a {
	background: #444;
	padding: 1px 6px 2px 6px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
}
	
div.close-panel a:hover {
	text-decoration: none;
	color: #fff;
	background: #555;
	cursor: pointer;
}
	
.settings-warn {
	background-color: #fffed1;
	padding: 15px;
	margin: 0 0 0 -15px;
	width: 908px;
}
	
.settings-warn a {
	font-weight: bold;
	margin-left: 10px;
}
	
/* CONFIG */
.config {
	background-color: #fffed1;
	padding: 15px;
	margin: -15px 0 15px -15px;
	width: 908px;
	padding: 15px;
}
	
.conversation .message {
	padding: 3px 10px 3px 20px;
	margin: 5px 0 2px 0;
	border: 1px solid #c7c7c7;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #444;
	width: auto;
	font-weight: normal;
}
.conversation div.reply {
	display: block;	
	background: #feffd5 url('/static/images/reply-arrow.png') no-repeat 5px 50%;
}

.conversation .in-reply-to {
	background: #feffd5 url('/static/images/reply-arrow.png') no-repeat 5px 50%;
}

.conversation p {
	display: block;
	margin: 0;
	line-height: 1.4em;
}

.conversation span.dateline {
	color: #606060;
	font-style: italic;
	margin: 4px 0 0 0;
}

.conversation .posting {	
	background-color: #c4eda0;
}

/* REPORT */
.trends-chart {
	margin: 15px 0;
}
	
.trends-chart p {
	margin-bottom: 20px;
	/* font-size: 0.9em; */
}
	
/* FLASH AND ERROR MESSAGES */
/* used for flash messages to the user */
.message {
	border: 0;
	border-bottom: 1px solid #ccc;
	background-color: #fffed1;
	padding: 15px;
	margin: 0 0 0 -15px;
	width: 908px;
	font-weight: bold;
}


.message.error {
	border: solid 1px #000;
	margin: 0;
}	
	
/* used for flash messages to the user about errors */
div.error,
div.ErrorWidget {
	background-color: #d84848;
	padding: 15px;
	margin: 0 0 0 -15px;
	width: 908px;
	font-weight: bold;
	color: #fff;
	text-shadow: 0 1px 1px #000;
	/* font-size: 0.9em; */
	border: 0;
	border-bottom: 1px solid #ccc;
}

input.error { color: red; }
	
.warning {
	color: #c33;	
}
	
/* GHOSTWRITER SETTINGS */
.GhostWriterWidget {
	margin:5px;
	padding:5px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #B5DDE2;
}

.add-ghost {
	width: 908px;
	padding: 5px 15px;
	background: #9fcdf0 url('/static/images/search-bg.png') repeat-x center top;
	margin: -1px 0 15px -15px;
	z-index: 998;
	border-bottom: 1px solid #90a9d3;
}

select.SimpleTrigger {
	width: 160px;
}

.GhostWriterWidget textarea {
	width: 500px;
}

.GhostWriterWidget .TextCounterWidget {
	margin:8px;
	overflow: hidden;
}
	
.ghost-text:hover, .ghost-text:focus {
	background-color: #fffed1;
}
	
.save-button {
	width: 102px;
	height: 28px;
	background: transparent url('/static/images/save-button.png') no-repeat center top;
	border: 0;
	margin: 0 0 10px 13px;
	text-indent: -9999px;
}
	
.save-button:hover {
	background: transparent url('/static/images/save-button.png') no-repeat center -28px;
	cursor: pointer;
}

.save-button:focus {
	background: transparent url('/static/images/save-button.png') no-repeat center -56px;
	cursor: pointer;
}

.GhostWriterWidget .submit-button {
	width: 135px;
	height: 28px;
}	

/* PEOPLE PAGE */
.user-table {
	padding: 0 0 15px 0;
}
	
.user-table .nav {
	margin-left: -15px;
}
	
.user {
	display: block;
	width: 938px;
	clear: both;
	padding: 15px 0;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin: 0;
	margin-left: -15px;
}
	
.user-hover {
	margin: -3px -3px -2px -18px;
	border: 3px solid #9fcdf0;
	z-index: 9999;
	width: 938px;
	-webkit-box-shadow: 0 0 8px #ccc;
}

.user .avatar {
	width: 41px;
	display: inline;
	float: left;
	margin: 0 15px;
}
	
.user .avatar img {
	border: 3px solid #acccef;
	width: 35px;
	height: 35px;
}
	
.user-info {
	width: 101px;
	display: inline;
	float: left;
	margin: 0 15px 0 0;
	font-style: normal;
}
	
.user-info a {
	font-weight: bold;
}
	
.user-info .follow, .user-info .unfollow {
	margin: 4px 0 2px -1px;
	clear: both;
	display: block;
}
	
.user-info .follow:hover, .user-info .unfollow:hover {
	margin: 4px 0 2px -1px;
}
	
.user-bio {
	width: 487px;
	display: inline;
	float: left;
	font-style: italic;
	line-height: 1.3em;
	padding: 6px 8px 8px 8px;
	background-color: #eee;
	border: 1px solid #c7c7c7;
	border-bottom: 1px solid #d7d6d6;
	border-top: 1px solid #b8b8b8;
	margin: 0 15px 0 0;
	font-style: normal;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	margin-bottom: 3px;
}
	
.user-bio p {
	margin-bottom: 0;
}
	
.user-bio span.loc {
	font-style: italic;
	margin: 0 15px 0 15px;
}
	
span.homepage {
	margin: 1px 0 0 0;
}
	
.user-follow-info {
	width: 216px;
	display: inline;
	float: left;
}
	
.user-follow-info a {
}
	
.follower, .following {
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
	display: inline;
	float: left;
}
	
.no, .yes {
	padding: 2px 4px;
	color: #fff;
	background: #c74545;
	font-weight: bold;
	text-transform: uppercase;
	text-align: center;
	-webkit-border-radius: 2px;
	-khtml-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	text-shadow: none;
	margin-left: 0px;
	margin-right: 2px;
}
	
.yes {
	background: #39c932;
}
	
.since {
	color: #777;
	font-weight: normal;
	/* font-size: 0.9em;*/
	position: absolute;
	left: 120px;
	margin-top: 1px;
}
	
.follower-counts {
	font-style: italic;
}

/** Form fields */	
.settingspage .save-button {
	margin-top: 18px;
	margin-left: 28px;
}
		
.settingspage a {
	font-weight: bold;
}		
	
/* For text that is part of a checkbox or radiobutton */
span.checkbox-text {
	font-weight: bold;
}
	
/* ERRORS */
.twitter-error {
	background-color: #d84848;
	padding: 10px;
	margin: 10px 0 10px 0;
	font-weight: bold;
	color: #000;
	text-shadow: none;
	border: 0;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
}
	
.twitter-error a {
	color: #fff;
}
	
/* UPDATE TWITTER FORM */
.twitter-update h3 {
	display: inline;
	float: left;
	width: 200px;
	color: #f7f3b6;
	text-shadow: none;
	margin: 0 30px 0 0;
}

.TopForm {
	display: none;
	margin: 0px auto 21px auto;
	width: 908px;
	padding: 15px;
	border: 1px solid #c5c5c5;
	z-index: 9999;
	-webkit-border-radius: 7px;
	-khtml-border-radius: 7px;	
	-moz-border-radius: 7px;
	border-radius: 7px;
	background: #fff;
	-webkit-box-shadow: 0 1px 5px #aaa;
	box-shadow: 0 10px 5px #ccc;
}

#update-twitter-form {
	background: #fff url('/static/images/twitter-bird.png') no-repeat 30px 45px;
}

.TopForm h3 {
	color: #333;
	width: 142px;
}
	
.TopForm textarea {
	width: 556px;
	margin-left: 0;
}
	
.TopForm button {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/send-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 15px 0 14px;
	display: inline;
	float: left;
}
	
.TopForm button:hover {
	background: transparent url('/static/images/send-button.png') no-repeat center -28px;
	cursor: pointer;
}

.TopForm button:focus {
	background: transparent url('/static/images/send-button.png') no-repeat center -56px;
	cursor: pointer;
}

.TopForm .TwitterUpdateWidget, .TopForm .NewNoteWidget {
	margin-left: 130px;
}

.TwitterUpdateWidget .controls {
	float: left;
	margin-top: 6px;
}

.TweetTableRow .TwitterUpdateWidget .TextCounterWidget {
	float: left;
	display: inline;
	margin-top: 10px;
}

.TweetTableRow .TwitterUpdateWidget .controls {
	width: 230px;
	padding-left: 49px;
}

.TweetTableRow .TwitterUpdateWidget .controls label.schedule {
	border: solid 1px #999;
	border-radius: 5px;
	margin: 5px 0;
	box-shadow: 0 0 10px rgba(0,0,0,0.25) inset;
	overflow: hidden;
	display: inline-block;
}

.TweetTableRow .TwitterUpdateWidget .controls label {

}

.TweetTableRow .TwitterUpdateWidget .controls label.schedule a.schedule {
	float: left;
	cursor: pointer;
	width: 16px;
	height: 16px;
	margin: 6px;
	background: url(/static/images/icons/16x16/clock_alarm.png) left top no-repeat;
}

.TweetTableRow .TwitterUpdateWidget .controls label.schedule .DateField-wrapper {
	display: none;
	float:left;
	margin-left: 4px;		
	margin-top: 2px;
	margin-right: 2px;
}

.ServiceSelector {
	float: left;
	margin-left: 14px;
	margin-top: 8px;
	clear: both;
}
	
/* ACTIVITY PAGE STYLING */
.event-table {
	margin: 0 0 0 -15px;
}

.activity-item {
	padding: 5px 0 5px 0;
	margin-left: 90px;
	width: 580px;
	display: inline;
	float: left;
}

span.subject, span.subscriptionverb, span.object {
	display: inline;
	float: left;
	font-weight: bold;
}
	
span.subscriptionverb {
	margin: 0 0.5em;
}
	
span.object {
	margin-right: 10px;
}
	
.SubscriptionEventRow .FollowButton {
	float: left;
	display: inline;
	margin: 0 0 0 37px;
}
	
.SubscriptionEventRow button.follow, .SubscriptionEventRow button.unfollow {
	margin: 0;
	-webkit-border-radius: 10px !important;
	-khtml-border-radius: 10px !important;	
	-moz-border-radius: 10px !important;
	border-radius: 10px !important;
}

.ReportServlet-table {
	margin-top: 10px;
}
.ReportServlet-table td, .ReportServlet-table th {
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
.ReportServlet-table tr.header {

	border-bottom: 1px solid black;	
}

.ReportServlet-pie {
	float: right;
}

.ReportServlet-summary {
	margin: 10px;
}

.ReportServlet-associations {
	clear: both;
}

.TagSetWidget {
	margin:5px;
	padding:10px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #E2DDB5;	
}

.TagSetWidget p.error {
	width: auto;
	margin: 0;
}

.MiniStreamWidget {
	float: right;
	width: 250px;
	margin:5px;
	padding:5px;
	padding-top: 0px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #999;
}

.MiniStreamWidget h2 {
	margin-top: 8px;

}
.MiniStreamWidget .item {
	border-bottom: 0px solid #ccc;
	margin-bottom:2px;
}

table.cellborders td {
	border: 1px solid #ccc;
	padding:2px;
}
		
.ActionButton, .AjaxField {
	display:inline;
}
.ActionButton form, .AjaxField form {
	display:inline;
}

.UnFollowWidget {
	border-top: 1px solid #ccc;
	padding-top:3px;
	margin-top:3px;
}

.Whiteboard .TextEditWidget {
	border:1px solid #999;	
	background-color:#ffffe0;
}

.ActivityTable .TwitterAvatarWidgetSmall {
	float: left;
	padding-left: 14px; /* Why...!?!? am I cursed with this mess! */
}

.ActivityTable .activity-item {
	padding-top: 12px;
}

.ActivityTable p.datetime {
	margin: 0;
}

.ActivityTable .FollowButton {
	margin-top: 10px;
}

/* jQuery UI DatePicker */
#ui-datepicker-div { 
	-webkit-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	-moz-box-shadow: 0 0 10px rgba(0,0,0,0.5);
	box-shadow: 0 0 10px rgba(0,0,0,0.5);

	font-size: 0.86em;

	z-index: 10010 !important;
}

#ui-datepicker-div .ui-datepicker-title { text-shadow: none; }

/* Close button */
.close-button {
	cursor:pointer;
	float: right;
	margin-top: 6px;
	margin-right: -5px;
}

/** SearchBar **/
.SearchBar .extras {
	float: left;
}

/** **/
.SelectTag optgroup {
	background: #FFF;
}

/** **/
.renderWithFlot { float: left; margin-bottom: 10px; visibility:hidden; }
.renderWithFlot.ajaxed { visibility: visible; }

.renderWithFlot .legendColorBox { padding-right: 5px; }

.renderWithFlot.togglable tr { cursor:pointer; }
.renderWithFlot.togglable tr:hover { color: #000; }
.renderWithFlot.togglable tr.off { opacity: 0.25; }
.renderWithFlot.togglable tr.off:hover { opacity: 0.5; }

.renderWithFlot .pieLabel { white-space: nowrap; }

ul.legend { display: inline-block; overflow: hidden; clear: both; margin-top: 20px; margin-left: 10px; margin-right: 10px; }
ul.legend li { float: left; font-size: 12px; line-height: 12px; color: #545454; margin-right: 10px; margin-bottom: 10px; cursor: pointer; }
ul.legend li.off,
ul.legend.hover li { opacity: 0.25; }
ul.legend.hover li.hover { opacity: 1; }
ul.legend li:hover { color: #333; }
ul.legend li span.color { float: left; border: solid 1px #CCC; padding: 1px; margin-right: 2px; }
ul.legend li span.color span.inner { display: block; width: 14px; height: 10px; }

/** **/
ul.spacy li {margin:10px;}

/** **/
.ExceptionWidget .section-body { white-space: pre; }

/* Spinner, whee. */
span.spinner {
 	width: 32px; 	
	height: 32px;

	margin: 0 auto;
	
	display: block;
	
	background-image: url(/static/images/throbber-wheel.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

.cssanimations  span.spinner {
	background-image: url(/static/images/spinner.png);
	background-size: 24px 24px;

	-webkit-animation-name: spinnerRotate;
	-moz-animation-name: spinnerRotate;
	animation-name: spinnerRotate;
	
	-webkit-animation-duration: 2s;
	-moz-animation-duration: 2s;
	animation-duration: 2s;
	
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
		
	-webkit-animation-timing-function: linear;
	-moz-animation-timing-function: linear;
	animation-timing-function: linear;	
}

@-moz-keyframes spinnerRotate {
    from {
	-moz-transform:rotate(0deg);
    }
    to {
        -moz-transform:rotate(360deg);
    }
}

@-webkit-keyframes spinnerRotate {
    from {
	-webkit-transform:rotate(0deg);
    }
    to {
        -webkit-transform:rotate(360deg);
    }
}

@keyframes spinnerRotate {
    from {
	transform:rotate(0deg);
    }
    to {
        transform:rotate(360deg);
    }
}

/** **/
div.overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: #000;	
}

/** **/
.DataTable { 	
	margin: 20px 10px 10px;
	display: inline-block;
	clear: both;

	-webkit-box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	-moz-box-shadow: 0 5px 10px rgba(0,0,0,0.25);
	box-shadow: 0 5px 10px rgba(0,0,0,0.25);

	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;

	border: solid 1px #999;

	overflow: hidden;
}

.DataTable td, .DataTable th {	
	padding: 5px 10px;
}

.DataTable tr {
	border-bottom: dotted 1px #999;
}

.DataTable tr:first-child:not(.header) {
	border-top: dotted 1px #999;
}

.DataTable tr:last-child {
	border-bottom: none;
}

.DataTable td,
.DataTable th {
	border-right: dotted 1px #999;

	-webkit-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.1);
	-moz-box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.1);
	box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.1);	
}

.DataTable td:last-child,
.DataTable th:last-child {
	border-right: none;
}

.DataTable tr.even td.even {
	background: #CCC;
}

.DataTable tr.even td.odd {
	background: #DDD;
}

.DataTable tr.odd td.even, 
.DataTable tr.header th.even {
	background: #EEE;
}

.DataTable tr.odd td.odd, 
.DataTable tr.header th.odd {
	background: #FFF;
}

.DataTable .nav { width: auto; }

/* Twitter DEFCON levels */
.BlameTwitter { clear: both; }

p.blame { 
	position: relative;
	padding: 25px 0;
	padding-left: 72px; 
}

p.blame span.icon { 
	position: absolute; 
	top: 0; 
	left: 0; 
}

p.blame.twitter span.icon {
	width: 64px;
	height: 50px;
	background-image: url(/static/images/icons/twitter-defcon.png);
	background-repeat: no-repeat;	
	background-position: 0 0;
}

p.blame.twitter.defcon-1 span.icon { background-position-y: 0; }
p.blame.twitter.defcon-2 span.icon { background-position-y: -100px; }
p.blame.twitter.defcon-3 span.icon { background-position-y: -145px; }
p.blame.twitter.defcon-4 span.icon { background-position-y: -50px; }

/* */
.two-col {
	overflow: hidden;
}

.two-col .col {
	float: left;
	width: 454px;
}

.Dashboard_Probes,
.Dashboard_Streams {
	float: left;
	width: 454px;
	overflow: hidden;
}

.SavedSearchesWidget .manage { 
	float: right; 
	margin-top: 10px;
	margin-right: 28px;
}

/* */
.Dashboard_Probes .icons {
	display: block;
	margin-top: 4px;
}

/* */
.Dashboard_Streams ul li a {
	line-height: 1.4em;
}

.Dashboard_Streams ul li a span {
	margin-right: 6px; 
	padding-left: 18px;
	background-position: left center;
	background-repeat: no-repeat;
}

.ie7 .Dashboard_Streams ul li a span {
	display: block;
}

.Dashboard_Streams ul li a span.q {
	background-image: url(/static/images/searches.png);
}

.Dashboard_Streams ul li a span.tag {
	background-image: url(/static/images/icons/16x16/tag-icon.png);
}

.Dashboard_Streams ul li a span.relationship,
.Dashboard_Streams ul li a span.assigned-to, 
.Dashboard_Streams ul li a span.inf,
.Dashboard_Streams ul li a span.from,
.Dashboard_Streams ul li a span.to {
	background-image: url(/static/images/people.png);	
}

.Dashboard_Streams ul li a span.service {
	background-image: url(/static/images/icons/internets-grey.png);
	padding-left: 20px;
}

.Dashboard_Streams ul li a span.date,
.Dashboard_Streams ul li a span.start,
.Dashboard_Streams ul li a span.end {
	display: block;
	background-image: url(/static/images/icons/calendar-grey.png);
	background-position: left top;
}

.Dashboard_Streams ul li a span.misc {
	background-image: url(/static/images/icons/information-grey.png);	
}

.Dashboard_Streams ul li a span.misc {
	background-image: url(/static/images/icons/information-grey.png);	
}

.Dashboard_Streams ul li a span.sort {
	background-image: url(/static/images/icons/header-menu-down-arrow.png);	
}

#lbawActivity {
	clear:both;
}