/* --- Action profile specific styles ------------- */
#action_profile h1 { font-size: 180%; }
#action_profile h2 { text-transform: uppercase; color: #73429A; font-size: 400%; line-height: 100%;  padding: 0; padding: 7px 0 8px 0; margin: 0;   }
#action_profile img { margin: 0 0 20px 0; }
#action_profile .image { width: 200px; height: 200px; border: none; padding: 0;   }
#action_profile .image_wrapper { width: 200px; float: left; overflow: hidden; margin-right: 20px; position: relative;  }
#action_profile .image_wrapper img { display: block; width: 200px; height: 200px; background: #73429A; }

#action_profile .action_updated { width: 300px; height: 280px; position: absolute; top: -55px; right: -10px; background: url('images/action_updated_bubble.png') left no-repeat; z-index: 9000; }
#action_profile .action_updated .inner { padding: 20px;  }
#action_profile .action_updated h2 { font-size: 300%; }
#action_profile .action_updated p { font-size: 160%; line-height: 120%; padding-right: 20px; }
#action_profile .action_updated a { color: #25a8e5; }
#action_profile .action_updated .buttons { position: absolute; bottom: 0; left: 20px; }
#action_profile .action_updated .buttons .button { margin: 0; }

.box { display:block; width: 640px; color: #FFF; margin-bottom: 20px; font: 16px/24px Georgia, "Times New Roman", Times, serif;  }
.box h3 { color: #FFF; font-size: 140%; margin-bottom: 10px; }
.box .box_top { background:url(images/ibox_top.png) left top no-repeat; margin: 0;  }
.box .box_bottom { background:url(images/ibox_bot.png) left bottom no-repeat; padding: 20px;  }
.box#action_tally { background: #523a70 url(images/ibox_stat_bg.png) no-repeat; }
.box#action_tally .button { float: none; border: none; display: block; color: #FFF; padding-left: 35px; line-height: 30px; background: url(images/ibox_btn_how.png) left center no-repeat; margin-top: 10px; margin: 0;  }
.box#action_tally .button:hover { text-decoration: underline; }
.box#action_description { background:#036caa url(images/ibox_info_bg.png) no-repeat; font-family:Arial, Helvetica, sans-serif; }

.box#action_tally { font-size: 20px; line-height: 30px; }

#cnt { position: relative; }

/* --- Action profile - Sidebar ------------- */
#sidebar #action-buttons { height: 185px; overflow: hidden;  }
#sidebar #action-buttons .button { float: none; background: #73429A; border: none; padding: 0; margin-bottom: 10px; }
#sidebar #action-buttons .button:hover { text-decoration: underline;  }
#sidebar #action-buttons .button#id_done_action { width: 248px; height: 48px; background: url(images/action_view_btn_ive-done-it.gif) left top no-repeat; text-indent: -1920px; margin: 6px 0 10px 0; }
#sidebar #action-buttons .button#id_class_done_action { width: 248px; height: 48px; background: url(images/action_view_btn_class-did-it.gif) left top no-repeat; text-indent: -1920px; margin: 6px 0 10px 0; }
#sidebar #action-buttons .button#challenge_someone { width: 248px; height: 32px; background: url(images/action_view_btn_buttons_bgrd.gif) left -72px no-repeat; color: #21a7d7; font-size: 14px; text-indent: 15px; font-weight: normal; line-height: 32px; margin-bottom: 5px; }
#sidebar #action-buttons .button#id_like_action,
#sidebar #action-buttons .button#id_class_like_action { width: 248px; height: 32px; background: url(images/action_view_btn_buttons_bgrd.gif) left top no-repeat; color: #21a7d7; font-size: 14px; text-indent: 15px; font-weight: normal; line-height: 32px; margin-bottom: 5px; }
#sidebar #action-buttons .button#ajax_done_comment,
#sidebar #action-buttons .button#ajax_class_done_comment { width: 248px; height: 32px; background: url(images/action_view_btn_buttons_bgrd.gif) left -36px no-repeat; color: #21a7d7; font-size: 14px; text-indent: 15px; font-weight: normal; line-height: 32px; margin-bottom: 5px; }

.actions.categories .col.w2 h1.cufon { color: #eb248b; font-size: 34px; margin-bottom: 10px; }
.actions.categories .col.w2 p { color: #333; font-size: 22px; line-height: 24px;  }
.actions.categories .col.w2 .inner { padding: 20px 20px 20px 27px; }

.actions.categories .list { width: 870px; height: 660px; margin: 0 25px 0 25px; background: transparant url('images/cat_chooser_grid_base.png') left top no-repeat; }
.actions.categories .list li { display: block; width: 217px; height: 165px; float: left; overflow: hidden; clear: none; }

.actions.categories .list li#li1 a	{  }
.actions.categories .list li#li2 a	{ background-position: -217px 0; }
.actions.categories .list li#li3 a	{ background-position: -434px 0; }
.actions.categories .list li#li4 a	{ background-position: -651px 0; }
.actions.categories .list li#li5 a	{ background-position: 0 	  -165px; }
.actions.categories .list li#li6 a	{ background-position: -217px -165px; }
.actions.categories .list li#li7 a	{ background-position: -434px -165px; }
.actions.categories .list li#li8 a	{ background-position: -651px -165px; }
.actions.categories .list li#li9 a	{ background-position: 0 	  -330px; }
.actions.categories .list li#li10 a	{ background-position: -217px -330px; }
.actions.categories .list li#li11 a	{ background-position: -434px -330px; }
.actions.categories .list li#li12 a	{ background-position: -651px -330px; }

.actions.categories .list li#li13,
.actions.categories .list li#li13 a	{ width: 870px; background-position: 0 -495px; }