/* CSS file for site-specific widget stuff. See widgets-base.css */

/* what of this stuff  isstill needed? */

/* switch project widget */

div.PickProject {
	position: relative;
}
.PickProject ul {
	display:none;
	position: absolute;
	top:25px;
	background:black;
	z-index:1000;
	padding:5px;
	text-shadow:none;
	color:white;
}
.PickProject ul a {
	color:gray;
}

textarea.description {
	/* font-size:75%; */
}

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

.TweetTableRow, .SubscriptionEventRow {
	display: block;
	width: 938px;
	clear: both;
	padding: 15px 0px 15px 0px;
	position: relative;
	background: #fff url('/static/images/tweet-arrow.png') no-repeat left center;
	border-bottom: 1px solid #aaa;
	border-top: 1px solid #fff;
	margin: 0;
	position: relative;
	}
		
.QueuedTweetTable .TweetTableRow {
	display: block;
	width: 938px;
	clear: both;
	padding: 15px 0 11px 0;
	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.png') no-repeat left center;
	margin: -2px -3px -2px -3px;
	border: 3px solid #9fcdf0;
	z-index: 1;
	width: 938px;
	-webkit-box-shadow: 0 0 8px #ccc;
	position: relative;
}
	
.QueuedTweetTable .TweetTableRow-focus {
	background: #fff url('/static/images/tweet-arrow-outbox-focus.png') no-repeat left center;
}
	
/* LISTS OF RESULTS - AVATAR AREA */

.TwitterAvatarWidget {
	width: 100px;
	/* font-size: 0.8em; */
	}
	
.TweetTableRow .TwitterAvatarWidget, 
.SubscriptionEventRow .TwitterAvatarWidgetsmall {
	float: left;
	display: inline;
	width: 57px;
	/* font-size: 0.8em; */
	padding-left: 14px;
	position: absolute;
	top: 25%;
	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: 1px solid #d2d2d2;
	border-left: 0;
	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 {
	width: 580px;
	display: inline;
	float: left;
	margin-left: 92px;
	}
	
.tweet-inside {
	padding: 2px 5px 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;
	margin-bottom: 5px;
	-webkit-box-shadow: 0 1px 5px #ddd;
	box-shadow: 0 1px 5px #ccc;
	}
	
.email-inside {
/*	max-height:250px;
	overflow:auto; caused jitteriness in scrolling */
	}
	
.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 {
	margin: 0px;
	font-size: 1.2em;
	line-height: 1.3em;
}
.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: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 25px 0 0;
}
	
p.datetime {
	margin: 4px 0 0 0;
	display: inline;
	float: left;
}
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 {
	display: inline;
	float: left;
	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 {
	display: inline;
	float: left;
	margin: 5px 0 0 5px;
}
.TwitterAvatarWidget .TagsWidget {	
	margin: 5px 0 0 0px;
}
.inresponseto .TagsWidget {
	margin: 0px;
}

.TagsWidget {
	font-size: 10px;
}

.TagsWidget .del {
	color: #eee;
	cursor: pointer;
}

.TagsWidget .del:hover {
	color: #f7f3b6;
}
	
.TagsWidget .tag  {
	background: #9fcdf0 url('/static/images/tag-end.png') no-repeat left center;
	padding: 0px 6px 2px 13px;
	border-top-right-radius: 2px;
	border-top-bottom-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	color: #000;
	margin-right: 5px;
}

.TagsWidget .tag-ignore {
	background: #e2d9b4 url('/static/images/tag-end.png') no-repeat left center;
}

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

.TagsWidget .ai {
	background-color: #c1dff5;/* 35% whiter */
}
	
/* LISTS OF RESULTS - RESPOND AREA*/
	
.respond {
	display: inline;
	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 0px 0px;
	width: 44px;
	height: 24px;
	display: inline;
	float: left;
	border: 0px;
	cursor: pointer;
	text-transform: uppercase;
	padding: 0px;
	margin: 0px;
}

.respond button:hover {
	color: #2E70B1;
}
.respond .dm-button {
	background-position: -44px 0;
}

.respond .retweet-button {
	background-position: -87px 0;
}

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

.respond .ignore-button {
	background-position: -172px 0;
}

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

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

/** TODO: Destroy? **/
/**
.reply-button {
	width: 45px;
	height: 28px;
	background: transparent url('/static/images/respond-buttons.png') no-repeat left top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 8px 14px;
	display: inline;
	float: left;
	}
	
.reply-button:hover {
	background: transparent url('/static/images/respond-buttons.png') no-repeat left -28px;
	cursor: pointer;
	}

.reply-button:focus {
	background: transparent url('/static/images/respond-buttons.png') no-repeat left -56px;
	cursor: pointer;
	}
	
.dm-button {
	width: 42px;
	height: 28px;
	background: transparent url('/static/images/respond-buttons.png') no-repeat -45px top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 8px 0;
	display: inline;
	float: left;
	}
	
.dm-button:hover {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -45px -28px;
	cursor: pointer;
	}

.dm-button:focus {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -45px -56px;
	cursor: pointer;
	}
	
.retweet-button {
	width: 43px;
	height: 28px;
	background: transparent url('/static/images/respond-buttons.png') no-repeat -87px top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 8px 0;
	display: inline;
	float: left;
	}
	
.retweet-button:hover {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -87px -28px;
	cursor: pointer;
	}

.retweet-button:focus {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -87px -56px;
	cursor: pointer;
	}
	
.star-button {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/respond-buttons.png') no-repeat -130px top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 8px 0;
	display: inline;
	float: left;
	}
	
.star-button:hover {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -130px -28px;
	cursor: pointer;
	}

.star-button:focus {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -130px -56px;
	cursor: pointer;
	}
	
form.ignore {
	display: inline;
	float: left;
	}
	
.ignore-button {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/respond-buttons.png') no-repeat -174px top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 0;
	display: inline;
	float: left;
	}
	
.ignore-button:hover {
	background: transparent url('/static/images/respond-buttons.png') no-repeat -174px -28px;
	cursor: pointer;
	}

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

	
.destroy {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/trash-button.png') no-repeat -1px top;
	border: 0;
	text-indent: -9999px;
	margin: 0 0 0 0;
	display: inline;
	float: left;
	}
	
.destroy:hover {
	background: transparent url('/static/images/trash-button.png') no-repeat -1px -28px;
	cursor: pointer;
	}

.destroy:focus {
	background: transparent url('/static/images/trash-button.png') no-repeat -1px -56px;
	cursor: pointer;
	}
**/
	
/* LISTS OF RESULTS - REPLY AREA */	

.reply {
	display: none;
	margin: 20px 0 0 71px;
	/*width: 700px;*/
	}
	
.reply .TextCounterWidget textarea {
	height: 44px;
	border: 2px solid #2e70b1;
	width: 457px;
	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;
	}
	
#counter, .counter {
	margin: 9px 0 0 -43px;
	background-color: #9fcdf0;
	display: inline;
	float: left;
	width: 35px;
	padding: 4px 0;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;	
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align: center;
	/* font-size: 0.8em; */
	}
	
.reply button {
	width: 44px;
	height: 28px;
	background: transparent url('/static/images/send-button.png') no-repeat center top;
	border: 0;
	text-indent: -9999px;
	margin: 0 35px 0 14px;
	display: inline;
	float: left;
	}
	
.reply button:hover {
	background: transparent url('/static/images/send-button.png') no-repeat center -28px;
	cursor: pointer;
	}

.reply button:focus {
	background: transparent url('/static/images/send-button.png') no-repeat center -56px;
	cursor: pointer;
	}
	
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 {
	width: 908px;
	padding: 15px;
	background: #9fcdf0 url('/static/images/search-bg.png') repeat-x center top;
	margin: -1px 0 0 -15px;
	border-bottom: 1px solid #dbe9f7;
	/* font-size: 0.9em; */
	}
	
.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 #ccc;
	padding-bottom: 5px;
	position: relative;
	width: 938px;
	margin-top: -5px;
	}
	
.select-all {
	float: left;
	display: inline;
	margin: 15px 0 0 28px;
	}
	
.select-all span {
	display: none;
	}

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

.QueuedTweetTable .DBObjectCheckbox {
	float: left;
	display: inline;
	margin: 15px 30px 0 28px;
	position: absolute;
	top: 25%;
	}
	
.TwitterAvatarWidget-outbox {
	float: left;
	display: inline;
	width: 58px;
	/* font-size: 0.8em; */
	position: absolute;
	top: 25%;
	left: 70px;
	}
	
.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 textarea, .NewNoteWidget textarea {
	height: 53px;
	border: 2px solid #2e70b1;
	width: 303px;
	background-color: #fff;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;	
	-moz-border-radius: 4px;
	border-radius: 4px;
	/* FIXME this positioning code does not belong here. 
	It's too brittle, relies on subtle interactions to get the layout
	right & prevents reuse. Stick positioning on TweetTableRow instead. */
	padding: 8px 54px 8px 8px;
	display: inline;
	float: left;	
	margin: 0 0 0 418px;
	}
	
.TextCounterWidget textarea:hover, .NewNoteWidget textare:hover {
	background-color: #fffed1;
	}
	
p.inresponseto {
	width: 238px;
	margin: 0 0 15px 15px;
	position: absolute;
	left: 134px;
	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 36px;
	display: inline;
	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 */

.help-settings {
	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: inline;
	float: left;
	margin: 0;
	line-height: 1.1em;
}

.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;
	/* font-size: 0.9em; */
	}
	
	
/* used for flash messages to the user about errors */

.error {
	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;
	}
	
	
/* 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;
	/*display: inline;
	float: left;*/
}
/*.AutoSend {
	display: inline;
}*/
	
.GhostWriterWidget textarea {
	width: 550px;
	padding:8px;
	margin:8px;
	/*float:left;*/
}
	
.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;
	/*	
	display: inline;
	float: left;*/
}
	
.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;
	/*float:right;
	clear:right;*/
}	

/* PEOPLE PAGE */

.user-table {
	padding: 0 0 15px 0;
	/* font-size: 0.9em; */
	}
	
.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;
	/* font-size: 0.8em; */
	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;
	/* font-size: 1em; */
	}
	
.user-follow-info {
	width: 216px;
	display: inline;
	float: left;
	}
	
.user-follow-info a {
	/* font-size: 0.9em; */
	}
	
.follower, .following {
	margin-bottom: 10px;
	font-weight: bold;
	position: relative;
	display: inline;
	float: left;
	/* font-size: 0.9em; */
	/*width: 100px; Chrome misrenders*/
	}
	
.no, .yes {
	padding: 2px 4px;
	color: #fff;
	background: #c74545;
	font-weight: bold;
	text-transform: uppercase;
	/* font-size: 0.8em; */
	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;
	/* font-size: 0.8em; */
	}


/** Form fields */

/* There was too much overly specific css (including lots of copy-and-paste code). 
An element of a form in settings should 
not need it's own specialised css entry. The content of settings is, 
well, content, and subject to change. -- DBW */	


input[type='checkbox'] {
	margin-right: 5px;
}
	
.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;
	/* font-size: 0.9em; */
	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;
	/* font-size: 1.1em; */
	}


.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 .close-panel {
	display: block;
	float: left;
}

.TwitterUpdateWidget .controls {
	float: left;
}

.TweetTableRow .TwitterUpdateWidget .controls {
	width: 200px;	
}

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

.event-table {
	margin: 0 0 0 -15px;
	}

.activity-item {
	/* font-size: 0.9em; */
	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:5px;
	-webkit-border-radius: 10px;
	-khtml-border-radius: 10px;	
	-moz-border-radius: 10px;
	border-radius: 10px;
	background-color: #E2DDB5;	
}

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