/* --- Action Tracker --- */
.action_tracker { width: 100%; border-collapse: collapse; clear: both; }
.action_tracker td { vertical-align: top; border-bottom: 1px dotted #EAE9E0; }
.action_tracker td strong { display: block; font-size: 200%;  }

.action_tracker td.buttons { width: 245px; vertical-align: middle; }
.action_tracker td.buttons .button.ajax_done { width: 141px; height: 21px; background: url('images/icon_share_what.png') left top no-repeat; margin: 0; text-indent: -1000px; overflow: hidden; border: none; padding: 0;  }
.action_tracker td.buttons .button.ajax_done_increment { width: 22px; height: 22px; border: none; padding: 0; margin: 0; text-indent: -1000px; overflow: hidden; background: url('images/icon_add_more.png') left top no-repeat; }
.action_tracker td.buttons .ajax-counts { width: 30px; height: 21px; margin: 0 5px; padding: 0 5px 0 0; line-height: 22px; float: left; text-align: center; background: transparant url('images/loader.gif') center no-repeat; background-color: #e2eaf6; color: #000 !important; }
.action_tracker td.buttons .ajax-counts.loading { background: #000 url('images/loader.gif') center no-repeat; }
.action_tracker td.buttons .ajax-counts.loading * { visibility: hidden; }
.action_tracker td.buttons span { display: block; clear: both; color: #a8a8a8; text-transform: uppercase; float: right; font-size: 10px; }

.users.profile .action_tracker td.buttons .button.ajax_done { background: url('images/share_what_you_did.gif') left top no-repeat; }


.action_tracker td.title { vertical-align: middle; padding-right: 15px; }
.action_tracker td.title a { font-weight: bold; color: #000; display: block; font-size: 120%;  }
.action_tracker td.cufon { font-size: 120%; text-align: center; vertical-align: middle;  }
.action_tracker td.image_column { width: 95px;  }
.action_tracker td.image_column .button.remove_action { width: 17px; height: 17px; float: left; border: none; background: url('images/icon_small_delete.png') left top no-repeat; text-indent: -100px; margin: 10px 0 0 0; padding: 0; overflow: hidden;  }
.action_tracker td.image_column .image_link { display: block; width: 50px; height: 50px; float: left; margin: 10px 10px 10px 5px;  }
.action_tracker td.image_column .image_link .image { display: block; width: 100%; height: 100%; background: #EEE; }
.action_tracker td.title_column {   }
.action_tracker td .title { display: block; font-size: 120%;  padding: 3px 0;}
.action_tracker td a.button { margin-top: 10px; }
.action_tracker td .center {display: block; width: 120px;}

.box_inn .action_tracker td a.comment_on_campaign { width: 25px; height: 20px; float: right; margin-right: 3px; background: url('images/icon_share_what.png') left top no-repeat; text-indent: -1000px; overflow: hidden; }

.action_tracker .see_all { display: block; width: 160px; text-align: center;  margin: 10px auto; line-height: 25px; background: #5788C7; color: #FFF;  }
.action_tracker .see_all:hover { background: #4874ad; text-decoration: underline;  }

.edit_add { display: block; width: 160px; float: right; text-align: center;  margin: -15px -20px 0 0; line-height: 25px; background: #ebebe2; color: #444; clear: both; }
.edit_add:hover { background: #090; color: #FFF; }

/* --- Custom styles for comment popup in Action Tracker --- */
#action_info { width: 550px; height: 190px; background: url('images/action_tracker_post_action_bgrd.gif') left top no-repeat; margin: -20px 0 20px -20px; overflow: hidden; position: relative;  }
#action_info  h1 { margin: 0; display: none; }
#action_info  h1 span { font-size: 14px; font-weight: bold; display: block; }
#action_info  h1 span#action_number { display: inline; }
#action_info  h1 span#action_title { font-size: 18px; font-weight: normal; margin: 6px 0 10px 0;  }
#action_info  p { padding-bottom: 10px; }
#action_info .action_info_inner { padding: 0; height: 190px; background: url('images/load_atraker_post.gif') center no-repeat; }
#action_info #action_button .button { border: none; height: 12px; background: #CCC; color: #444; font: 10px/12px Verdana, sans-serif; position: absolute; right: 20px; top: 20px; }
#action_info #action_button .button:hover { text-decoration: underline;  }
#action_info .image_wrapper { width: 150px; height: 150px;  overflow: hidden; float: left;   }
#action_info .image_wrapper #action_image img { display: block; width: 148px; height: 148px; border: 1px solid #000; }
#action_info .ainfo_wrapper { width: 345px; height: 150px; overflow: hidden;  float: left; margin-left: 15px;  }

#action_info.active .action_info_inner { padding: 20px; background: none; }
#action_info.active h1 { display: block; }