/*
 *= require jquery-ui
 *= require chosen
 *= require tipsy
 */

@import "colors";

/* Fixes to tipsy, the plugin for tooltips */

.tipsy{ background-image: url(../assets/tipsy.gif); }
.tipsy-inner { background-color: $secondary-color; color: $sentence-color; }

/****************** WALL - ACTIVITIES *********************/
#wrapper_activities {}
#wall{	text-align:center;}


/****************** WALL - HEADER *********************/
#wrapper_activities_header {	padding-top: 5px;  padding-bottom: 5px;	background-color: $secondary-color;}
#activities_title {	vertical-align: top;	margin-left: 10px;	font-weight: bold;}
#activities_header {	width: 100%;	margin-bottom: 5px;	text-align: center;	padding-top: 5px;min-height: 35px;}
#activities_header input[type="text"] {	color: $main-color;	padding: 5px 5px 5px 5px; width:95%;
  border:1px solid $input-border-color;}
#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
#securities{  display:inline-block;  text-align:left; float: left; padding-left:5px;}

#security_chzn .chzn-choices {
	padding-left: 20px;
	background: url('btn/btn_security.png') no-repeat 10px center;
}
/******************* WALL - ACTIVITY ***************/
.super_activity{width: 95%;}
.activity {	text-align:left;	display: block;	vertical-align: top;	padding: 10px 0px 5px 0px;
	display: inline-block;	color: $sentence-color; font-size: 13px;  color: $main-color;border-bottom:1px solid #E9E9E9;}
.actor_logo {	width: 38px;	padding: 8px 0px 5px 5px;	display: inline-block;	vertical-align: top;}
.activity_content {	padding: 0px;	display: inline-block;	color: $sentence-color;	width: 89%;}
.actor_name {font-size: 13px;}
.actor_name a{font-weight: bold;}
.post a {	color: $main-color;}

/***************** ACTIVITY OPTIONS ***/
.activity_options {	color: $main-color;	font-size: 10px;  display: inline-block;}
.actor_name-activity_objects, .actor_name_new_comment{  font-weight: bold;	color: $main-color;  font-size:12px; margin: 5px 0px;}
.activity_objects{padding-bottom:5px;}
.subactivity_objects{	color: $sentence-color;  font-weight:normal;  font-size:11px;}
.post_time_ago {	color: $details-color;}
.activity_options {  list-style:none;	margin:0;	padding:0;}
.activity_options li {	padding-left:0px;  padding-right:5px;	float:left;}
.activity_options li a {	text-decoration:none;}
.activity_options li a:hover {	text-decoration:underline;}
.icon_gray{  list-style-image:url("/images/point_gray.png");}
.activity_options .icon_blue{  padding-left:5px;  list-style-image:url("/images/point_blue.png");
  list-style-position:inside;}

.security, .post_time_ago, .verb_comment, .verb_like, .verb_comment, .verb_delete{ display: inline-block;}


/************* ACTIVITY - FOOTER *********/
.space_comments {	padding-top: 1px; 	padding-bottom: 1px;}
.space_activities {	text-align:center;	padding: 0px 0px 0px 1px;	width:100%;}
.space_sub{	display: inline;	padding: 1px 200px 1px 200px;	border-bottom: thin solid $separation-color;
	font-size: 2px;	text-align:center;}


/****************** SUB-ACTIVITY by ACTIVITY ********/


.activity_new_comment{  font-size: 11px;  padding-left: 5px;	background: $secondary-color;
	border: thin solid $separation-color; padding-top: 3px;  padding-bottom: 3px;display:none;}
.actor_logo_subactivity, .actor_logo_new_comment{	width: 40px;	padding: 5px 3px 5px 2px;	display: inline-block;
	vertical-align: top;}
.input_new_comments{	border:1px solid $input-border-color;	width:98%;	padding: 2px; color:$main-color; 
                      resize: none; position: absolute; height: 100%; overflow: hidden; font-size:inherit;}
.subactivity{  font-size: 11px;  padding: 0px 5px 0px 5px;  background: $secondary-color;
  border: thin solid $separation-color; display:block; }
.space_comments {	padding-top: 1px;	padding-bottom: 1px;}
#activities_share_btn {	text-align: right;	padding: 5px 16px 0px 10px;	vertical-align: middle;}
.activities_comment_btn{ text-align: right; padding: 5px 5px 2px 10px; vertical-align: middle;}

.hide_show_comments{font-size: 11px;  padding: 3px 10px;	background: $secondary-color;
	border: thin solid $separation-color;}
.new_comment{ width: 465px;}
.new_comment_shown{ width: 410px;}

.copy_new_comment{visibility: hidden; padding:6px; padding-bottom: 1.5em;font-size:inherit; line-height: 1.15em;
                  margin-bottom:7px;}
.input_new_comments_container{min-height: 30px; position: relative;  }