/* look for ???   */
/* meyerweb.com v1.0 | 20080212 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

body { line-height: 1; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: none; }
:focus { outline: 0; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table
{
	border-collapse: collapse;
	border-spacing: 0;
}

/*==================================================end reset*/
/*------------------------------------------------------- libraries css testing */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 3.0.0pr2
*/

/* reset */
html
{
	color: #000;
	background: #FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin: 0;
	padding: 0;
}

table
{
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset,img { border: 0; }

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style: normal;
	font-weight: normal;
}

li { list-style: none; }
caption,th { text-align: left; }

h1,h2,h3,h4,h5,h6
{
	font-size: 100%;
	font-weight: normal;
}

q:before,q:after { content: ''; }

abbr,acronym
{
	border: 0;
	font-variant: normal;
}

sup { vertical-align: text-top; }
sub { vertical-align: text-bottom; }

input,textarea,select
{
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit;
}

input,textarea,select { *font-size: 100%; }
legend { color: #000; }

/* fonts */
body
{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	*font-size: small;
	*font: x-small;
}

select,input,button,textarea { font: 99% arial,helvetica,clean,sans-serif; }

table
{
	font-size: inherit;
	font: 100%;
}

pre,code,kbd,samp,tt
{
	font-family: monospace;
	*font-size: 108%;
	line-height: 100%;
}

/*------------------------------------------------------- end libraries css */
.clear { display: inline-block; }

.clear:after
{
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
}

.clearleft { clear: left; }
.floatleft { float: left; }

/*===================================================end clear*/
.hide { display: none; }

/*------------------------------------------------------- OOCSS testing */
.line:after,.lastUnit:after
{
	clear: both;
	display: block;
	visibility: hidden;
	overflow: hidden;
	height: 0 !important;
	line-height: 0;
	font-size: xx-large;
	content: " x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";
}

.line { *zoom: 1; }
.unit { float: left; }
.size1of1 { float: none; }
.size1of2 { width: 50%; }
.size1of3 { width: 33.33333%; }
.size2of3 { width: 66.66666%; }
.size1of4 { width: 25%; }
.size3of4 { width: 75%; }
.size1of5 { width: 20%; }
.size2of5 { width: 40%; }
.size3of5 { width: 60%; }
.size4of5 { width: 80%; }

.lastUnit
{
	display: table-cell;
	float: none;
	width: auto;
	*display: block;
	*zoom: 1;
	_position: relative;
	_left: -3px;
	_margin-right: -3px;
}

/*------------------------------------------------------- grids debug */

/*
.line{background-color:#e2e2e2;}
.size1of1{background-color:pink;}
.size1of2{background-color:red;}
.size1of3{background-color:orange;}
.size2of3{background-color: yellow;}
.size1of4{background-color:lime;}
.size3of4{background-color:green;}
.size1of5{background-color:aqua;}
.size2of5{background-color:blue;}
.size3of5{background-color:purple;}
.size4of5{background-color:magenta;}
*/

/*===================================================html tags*/
a
{
	text-decoration: none;
	color: #1874CD;
}

a:hover { text-decoration: underline; }
a:hover img { text-decoration: none; }

body
{
	font-size: 12px;
	line-height: 18px;
	font-family: Verdana,sans-serif;
	margin: 0;
	padding: 0;
	background: #fff;
}

body>.aptoolbar { position: fixed; }

tt
{
	font-family: Courier, mono;
	font-style: normal;
}

h1
{
	font-size: 2em;
	font-weight: bold;
	margin: .67em 0;
	color: #333;
	line-height: 1;
}

h2
{
	font-size: 1.2em;
	font-weight: bold;
	margin: .83em 0;
	color: #333;
	line-height: 1;
}

h3
{
	font-size: 1.17em;
	font-weight: bold;
	margin: 1em 0;
	color: #333;
	line-height: 1;
}

h4
{
	font-weight: bold;
	margin: 1.33em 0;
	color: #333;
	line-height: 1;
}

h5
{
	font-size: 0.83em;
	font-weight: bold;
	margin: 1.67em 0;
	color: #333;
	line-height: 1;
}

h6
{
	font-size: 0.67em;
	font-weight: bold;
	margin: 2.33em 0;
	color: #333;
	line-height: 1;
}

strong { font-weight: bold; }
em { font-style: italic; }
li { padding: 4px 0; }

p
{
	padding-bottom: 8px;
}

input
{
	/*margin:6px 4px 6px 0;*/
	cursor: pointer;
	vertical-align: middle;
}

fieldset { border: 0; }

label
{
	font-family: georgia;
	font-style: italic;
	display: block;
}

label input
{
	margin: .4em 0 .8em 0;
	display: block;
	border: 1px solid #ccc;
	line-height: 1;
	padding: 3px;
}

label textarea
{
	display: block;
	width: 100%;
	margin: .8em 0;
}

label input.checkbox { display: inline; }

/*:focus{border-color:red;}*/
form.horizontal input
{
	vertical-align: middle;
	margin: 0 .4em 0 0;
	padding: 0;
}

form.horizontal div. _style { float: left; }

form.horizontal label
{
	margin: 0;
	padding: 0;
}

form.horizontal label input
{
	display: inline;
	width: auto;
	vertical-align: middle;
	margin: 0;
	padding: 0;
}

/*===================================================structure*/
.container
{
	width: 960px;
	margin: 0 auto;
	padding: 0;
	border: 0;
	overflow: hidden;
}

/*.main
{
	width: 66.5%;
	float: left;
	padding: 0;
	border: 0;
	margin-bottom: 2em;
}
*/
.front2 .main
{
	width: 90%;
	padding-left: 5%;
}

/*.sub
{
	width: 33.5%;
	float: left;
	padding: 0;
	border: 0;
	position: relative;
}

.actionpage .main { width: 740px; }
.actionpage .sub { width: 220px; }*/

.create_action .main { width: 960px; }
.act_list .main { width: 960px; }
.thankyou2 .main { width: 960px; }

/*=================================================== multi-use page elements*/
.running_form label input { width: 300px; }
.running_form input { margin: 6px 0; }

img.profile
{
	padding: 2px;
	border: 1px solid #ccc;
	vertical-align: middle;
	margin-right: 2px;
	background: #fff;
}

a:hover img.profile { text-decoration: none; }
.block { position: relative; }
.green { background: #EFFFE0; }

/* ??? */
.framed
{
	border: 2px solid;
	border-width: 2px 0;
}

.special_link
{
	border: 1px outset #62B3FB;
	padding: 3px;
	background-color: #F0F8FF;
}

.form_info
{
	float: left;
	width: 50%;
	padding: 20px;
}

div.button_holder { margin-bottom: 1em; }

button, .button, .participate_button,.promotion_button, .login_button
{
	background-image: url(button-bg.gif);
	background-position: bottom left;
	background-repeat: repeat-x;
	background-color: #fff;
	border: 1px solid #999;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	padding: 3px 11px;
	font-size: 12px;
	cursor: pointer;
	font-weight: normal;
	color: #000;
	display: inline;
	text-shadow: #fff 0 1px 0;
}

.button_block.first
{
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
}

.button_block.last
{
	-moz-border-radius-topleft: 0;
	-moz-border-radius-bottomleft: 0;
	border-left-color: #fff;
}

.button, .participate_button, .promotion_button { display: block; }
form.horizontal input.button { display: inline; }

.promotion_button
{
	-moz-border-radius-bottomleft: 0;
	-moz-border-radius-bottomright: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
}

button:hover { color: #1874CD; }

.print_button
{
	border: 2px solid #ccc;
	border-color: #1874cd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	font-size: 50%;
	background: #eee;
	padding: 2px;
}

/* XXX strange that button_style is both on the div and the input */
div.button_style
{
	border: 2px solid #ccc;
	border-color: #1874CD;
	float: left;
	margin-right: .3em;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}

input.button_style
{
	/*outset causes button press behaivor*/
	border-color: #E0F0FF;
	background-color: #E0F0FF;
	color: black;
	margin: 0 !important;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	padding: 3px 6px;
	/*background-image:url(spun.gif);*/
	background-position: center center;
	border: 0;
}

/*===================================WIKI*/
.wiki h1 { font-size: 1.9em; }
.wiki h2 { font-size: 1.4em; }
.wiki h3 { font-size: 1.28em; }

.wiki ol
{
	margin-left: 1.68em;
	list-style-type: decimal;
}

.wiki ul
{
	margin-left: 1.68em !important;
	list-style-type: disc !important;
}

.wiki ul,.wiki ol { padding: .3em 0 1em !important; }
.wiki li { line-height: 1; }

.wiki hr
{
	height: 2px;
	border: 0;
	background-color: #DCEEFF;
}

/*tooltip*/
a.infolink
{
	border-bottom: 1px dotted;
	color: #333;
}

a.infolink:hover { text-decoration: none; }

div.tooltip
{
	width: 200px;
	color: #fff;
	text-align: left;
	font-size: 12px;
}

div.tooltip h4
{
	color: #fff;
	/*font-weight: bold;*/
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(balloon.png) top left no-repeat !important;
	font-size: 14px;
}

div.tooltip p
{
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(balloon.png) bottom left no-repeat !important;
}

.aptoolbar
{
	background-color: black;
	display: block;
	border: 0;
	position: absolute;
	left: 0;
	z-index: 500;
	width: 100%;
	font-size: 1.2em;
	font-weight: bold;
	color: #333;
	line-height: 1;
	padding: .2em 0 .2em .2em;
}

.aptoolbar form button { padding: 0 3px; }

/*sections*/
div.section
{
	position: relative;
	padding: 0 0 10px 0;
	/*padding-right:1em;*/
	display: block;
	/*border-bottom:1px dotted #ccc;
width:700px;*/
}

.front2 div.section { padding: 0; }
div.banner { padding-top: 2em !important; }
body.profile div.section { width: 623px; }
.sub div.section { width: auto; }

.sectiontitle
{
	margin: 0;
	padding: .4em 0;
	color: #333;
	position: relative;
	overflow: hidden;
}

.promotions .sectiontitle { padding: 6px; }

.media_section
{
	background-color: #eee;
	border: 1px solid #333;
}

/*specials*/
.edit
{
	background-color: #ffcccc !important;
	color: red !important;
}

.alert
{
	padding: .5em 2em;
	background-color: #ffeeee;
	border: 1px solid #dd5555;
	border-width: 3px 0;
	margin-bottom: 2em;
	width: 680px;
}

/*====================================================visibility section*/
.visibility { padding-top: 0 !important; }

.col_1, .col_2
{
	width: 50%;
	float: left;
}

.actiontype
{
	margin: 0;
	padding: 0;
	padding-bottom: .3em;
	color: #aaa;
	font-weight: bold;
	line-height: 16px;
}

.description { padding: 10px; }

.visibility ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.visibility ul li { padding-right: 10px; }

.report
{
	background: #DCEEFF;
	/*border:6px solid #ddddff;
float:left;
margin:1em;*/
	padding: .5em 1em;
	border: 3px solid #fff;
	border-width: 3px 0;
}

.bar_graph
{
	display: block;
	border: 1px solid #B4DDFF;
	margin: 10px 0;
	background: white;
	/*width:250px;*/
	height: 1.5em;
}

.bar_graph_bar
{
	background-color: #C0C1FF;
	color: white;
	text-align: right;
	font-weight: bold;
	height: 100%;
	float: left;
}

.bar_graph2
{
	display: block;
	border: 1px solid #B4DDFF;
	margin: 10px 0;
	background: white;
	/*width:250px;*/
	height: 1.5em;
}

.bar_graph_bar2
{
	background-color: #C0C1FF;
	color: white;
	text-align: right;
	font-weight: bold;
	height: 100%;
	float: left;
}

.multibar
{
	display: block;
	border: 1px solid #3c5596;
	border-width:0 1px;
	color:#333;
	background-color:#3c5596;
}

.multibar1
{
	display: block;
	margin: 0;
	background: white;
	height: 1.5em;
	margin-bottom:1px;
}

.multibar_bar1
{
	background-color: #82a6cd;
	color: white;
	text-align: right;
	font-weight: bold;
	height: 100%;
	float: left;
}

.multibar2
{
	display: block;
	margin: 0;
	background: white;
	height: 1.5em;
}

.multibar_bar2
{
	background-color: #c4d7ec;
	color: white;
	text-align: right;
	font-weight: bold;
	height: 100%;
	float: left;
}


/*====================================================profile section*/
div.profile { padding-top: 0; }

.profile_img_placeholder
{
	color: #ccc;
	font-weight: bold;
	overflow: hidden;
	position: relative;
}

.profile_img_placeholder img { }

#photo_section
{
	float: right;
	border: 1px solid #ebebeb;
	padding: 8px;
	background: #fff;
}

.promoted_actions_title, .featured_actions_title
{
	padding: .3em;
	position: relative;
	background-image: url(t-clean/bg_tile_white_small.gif);
	border-width: 0 0 1px 0;
}

.promoted_actions_title
{
	background-color: #fff6ee;
	border: 1px solid #ffddaa;
	border-width: 0 0 1px 0;
}

/*====================================================actions*/
#campaign_desc_toggle
{
	cursor: pointer;
	text-decoration: underline;
}

.action_page_title_block
{
	background-color: #DCEEFF;
	position: relative;
	padding: .4em 10px;
}

.action_page_title_block img{
vertical-align: middle;
}

.actiontypeiconmock
{
	width: 16px;
	height: 16px;
	background: #9ACD32;
	float: left;
	margin-right: 4px;
	color: white;
	font-size: 10px;
	line-height: 16px;
}

.action_item
{
	margin: .3em 0;
	padding: 1em 0;
	position: relative;
	overflow: hidden;
	background-color: #F0F8FF;
	min-height: 4em;
}

.action_item_others_inner { position: relative; }

.action_item_image,.action_item_others_image
{
	text-align: right;
	position: absolute;
	left: 0;
	width: 50px;
}

.action_item_description
{
	padding-left: 54px;
	padding-right: 100px;
}

.action_item_others_description { padding-left: 68px; }

.action_controls
{
	position: absolute;
	right: 10px;
	top: .2em;
}

.action_item .participate_button { }

.action_item h5
{
	margin: .3em 0;
	font-size: 1em;
	color: #777;
	font-style: italic;
}

.action_item h3 { margin: 0; }

.action_item p
{
	font-style: italic;
	color: #555;
}

.action_item_others
{
	padding: 10px;
	background-color: #FFF6EE;
	margin: .4em 0;
	display: block;
	clear: both;
	overflow: hidden;
}

.action_item_others_inner { display: block; }

.action_item_others_image
{
	width: 60px;
	float: left;
	height: 100%;
}

.action_item_others_description { float: left; }

.highlighted
{
	background-color: #FFFADC;
	border: 1px solid #CDBE70;
	border-width: 1px 0;
}

.action_support_btn { position: relative; }

.action_support_btn a
{
	color: black;
	text-decoration: none;
}

.action_support_btn a.remove_x
{
	position: absolute;
	right: 0;
	top: 0;
	font-weight: bold;
	padding: 4px;
	color: #FFEC8B;
	background-color: #CDBE70;
}

.test_div
{
	display: block;
	float: left;
}

.controls
{
	padding: .3em 0;
	overflow: hidden;
	padding-top: 1em;
}

.campaign
{
	background-color: #DCEEFF;
	padding: 10px;
	margin-top: 10px;
}

.campaign .action_item { background-color: #F0F8FF; }

.campaign h2.sectiontitle, .campaign_footer, h1.sectiontitle,.featured_actions_title
{
	background-color: #F0F8FF;
	background-image: url(t-clean/bg_tile_white_small.gif);
}

.campaign h2.sectiontitle a, .campaign_footer a, h1.sectiontitle a { background-color: #DCEEFF; }
.campaign h2.sectiontitle,.featured_actions_title { border-bottom: 1px solid #B4DDFF; }

.campaign_footer
{
	height: 8px;
	border-top: 1px solid #B4DDFF;
	display: none;
	/*off for now... save it for later?*/
}

.campaign .controls h2 { float: left; }

.campaign .controls #campaign_desc_toggle
{
	text-decoration: none;
	color: #888;
}

.campaign .controls
{
	border-bottom: 2px solid #ccc;
	padding: 0;
}

#campaign_desc_content
{
	border-bottom: 2px solid #ccc;
	overflow: hidden;
}

/*=================================================== promotions*/
.friend_signup { padding-top: 18px; }

#promocontent
{
	padding: 10px;
	border: 1px solid #ddd;
	border-top: 0;
	background: #f6f6f6;
	position: relative;
}

.promo_block
{
	overflow: hidden;
	padding: 8px 0;
	display: block;
	border-bottom: 1px solid #ddd;
}

.promo_block small { color: #aaa; }
.promo_block input { width: 99%; }

.promo_wrapper
{
	position: relative;
	width: 198px;
	height: 197px;
}

div.promo
{
	display: block;
	background-color: #ebebeb;
	border: 2px solid #aaa;
	margin-bottom: 6px;
	color: #888;
	position: absolute;
}

div.promo:hover
{
	background-color: #fee;
	border-color: #f99;
	color: #f55;
	text-decoration: none;
}

.promo1
{
	width: 55px;
	height: 55px;
	font-size: 90%;
	bottom: 0;
	right: 60px;
}

.promo2
{
	width: 100px;
	height: 83px;
	font-size: 90%;
	top: 28px;
	left: 0;
}

.promo3
{
	width: 135px;
	height: 18px;
	font-size: 90%;
	top: 0;
	left: 0;
}

.promo4
{
	width: 50px;
	height: 187px;
	font-size: 90%;
	bottom: 0;
	right: 0;
}

ul.chicklets
{
	display: block;
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #ddd;
}

ul.chicklets li
{
	float: left;
	padding-right: 4px;
}

ul.chicklets a span { display: none; }

ul.chicklets img
{
	position: relative;
	float: left;
	vertical-align: middle;
	margin: 0;
	margin-right: 3px;
}

/*===================================================onboard list*/
.onboard_list
{
	background: #eee !important;
	padding: 0 10px !important;
	border: 1px solid #ddd;
	border-width: 0 1px;
	position: relative;
}

.col_headings
{
	font-family: georgia;
	font-style: italic;
}

.col_headings span.name { float: left; }
.col_headings span.actions { float: right; }

ul.drop_down
{
	position: relative;
	background: transparent url(indent.png) repeat-x right bottom;
	padding-bottom: 1em;
}

ul.drop_down ul
{
	background: white;
	border: 1px solid #ccc;
	padding: 10px;
	margin-top: 1px;
	position: absolute;
	z-index: 999;
	left: -9999px;
}

ul.drop_down a.drop_tab
{
	padding: 3px 5px;
	border: 1px solid #eee;
	position: relative;
}

ul.drop_down li:hover a.drop_tab
{
	border: 1px solid #ccc;
	border-style: solid solid none;
	background: white;
	text-decoration: none;
	z-index: 999;
}

ul.drop_down li:hover ul
{
	left: 0;
	/* was 0, but broke firefox/linux */
	z-index: 999;
}

ul.drop_down li { }

/*.memberphoto{
clear:both;
border:0;
padding:4px;
text-align:left;
}
*/

.imgplaceholder
{
	width: 32px;
	height: 38px;
	background: #ebebeb;
	background-image: url(avatar_placeholder.gif);
	padding: 0;
	border: 0;
	float: left;
	margin-right: 4px;
	position: relative;
}

.play23_overlay
{
	position: absolute;
	left: 40%;
	top: 40%;
	z-index: 5;
}

.memberphoto span { font-size: 10px; }
.memberphoto img.profile { width: 16px; }
.tooltip img.profile { width: 64px; }

.action_tally
{
	position: absolute;
	right: 10px;
}

.action_tally span
{
	font-family: georgia;
	color: #333;
	font-style: italic;
}

.action_tally span.description
{
	font-family: georgia;
	color: #333;
	font-style: italic;
	font-size: 12px;
	font-weight: normal;
}

.onboard_list_foot
{
	background-color: #eee;
	border: 1px solid #ddd;
	border-width: 0 1px 1px;
	height: 20px;
	-moz-border-radius-bottomleft: 4px;
	-moz-border-radius-bottomright: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-webkit-border-bottom-right-radius: 4px;
	border-bottom-left-radius: 4px;
	border-bottom-right-radius: 4px;
}

/*===================================================media*/
.media_sub
{
	width: 49%;
	float: left;
}

.media_item
{
	overflow: hidden;
	border: 0;
	padding-bottom: 10px;
	clear: both;
	display: block;
	line-height:1.24;
}

.edit_media_item
{
	background: transparent url(indent.png) repeat-x right bottom;
	padding: .3em;
}

#campaign_desc_content p
{
	width: 50%;
	float: left;
}

#campaign_desc_content .media_item
{
	width: 40%;
	float: left;
	clear: none;
}

.media_item span
{
	display: block;
	margin-left: 100px;
}

.media_item .imgplaceholder
{
	padding: 8px;
	background-image: none;
	display: block;
	width: auto;
	height: auto;
}

.video_placeholder
{
	width: 370px;
	height: 270px;
	border: 4px solid gray;
	background: #ddd;
}

/*===================================================edit*/
a.edit_link
{
	background: #1874CD !important;
	position: absolute;
	right: 10px;
	color: white !important;
	padding: 2px;
}

.edit_link_colors
{
	background: #1874CD !important;
	color: white;
	padding: 2px;
}

.rich_edit_marker
{
	background: #1874CD;
	position: absolute;
	right: 10px;
	bottom: 0;
	color: white;
	padding: 2px;
	display: block;
}

.rich_edit_marker a
{
	color: #fff;
	font-weight: bold;
}

.rich_edit_marker a.arrow { font-weight: normal; }
.campaign a.edit_link,
.campaign span.rich_edit_marker { right: 0; }

.edit_media_kit
{
	padding: 1em;
	display: block;
}

.edit_section_wrapper
{
	display: block;
	clear: both;
	margin: 1em 0;
	overflow: hidden;
	padding: 10px;
	border: 1px solid #ddd;
	background-color: #eee;
}

.edit_media_instructions_wrapper
{
	width: 270px;
	float: left;
	min-height: 300px;
}

.edit_action_description_wrapper
{
	float: left;
	width: 416px;
	padding-right: 20px;
	min-height: 240px;
}

.edit_action_description_wrapper textarea
{
	width: 100%;
	height: 80%;
}

.edit_report_goals_wrapper
{
	float: left;
	width: 280px;
}

.edit_report_goals
{
	background: #eeeeff;
	border: 1px solid #ddddff;
	padding: 10px 20px 10px 10px;
	display: block;
}

.edit_report_goals_wrapper label input { width: 100%; }

.edit_media_instructions_wrapper textarea
{
	width: 96%;
	height: 80%;
	border-color: #ddd;
	border-width: 1px;
}

.edit_media_kit_wrapper
{
	display: block;
	width: 440px;
	float: left;
}

/*===================================================discussion*/
.discussion
{
	padding: 0 0 10px 10px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 1em;
}

.disc_topic_title
{
	margin: 0;
	padding: 0;
	font-weight: bold;
	font-size: 120%;
}

.disc_topic
{
	background: #f2f2f2;
	border: 1px solid #ddd;
	padding: 10px;
}

.disc_comment_body .wiki p { margin: 0 0 .3em; }
.disc_topic_body .wiki p { margin: 0 0 .3em; }

.disc_comment
{
	border-left: 1px solid black;
	padding: 0 10px;
	margin: 10px 0;
	margin-left: 20px;
}

.disc_topic_sig, .disc_comment_sig
{
	font-style: italic;
	color: #777;
	font-size: 12px;
}

.disc_comment_title { font-weight: bold; }
.disc_comment_body { border: 0; }

/*===================================================action widget*/
.actionlist
{
	position: relative;
	padding-bottom: 2em !important;
}

.actionlisthead { position: relative; }

.actionlisthead h3
{
	margin-right: 30px;
	padding-top: 5px;
}

.rssmock
{
	background-color: #ffeebb;
	border: 2px solid #ffaa00;
	height: 14px;
	width: 14px;
	font-size: 10px;
	margin: 4px;
	display: inline;
}

.action
{
	margin-bottom: 10px;
	padding: 10px;
	background-color: #ebebeb;
}

.tabholder
{
	background: #ebebeb;
	position: absolute;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 100%;
}

.tab
{
	background: #ddd;
	padding: 5px 8px;
	margin-right: 5px;
	text-decoration: none;
	color: black;
	float: left;
}

.tab:hover, .active { background: white; }

.accordion
{
	clear: both;
	padding: 0 0 2em 0;
}

.accordion input { width: 100%; }

/*=================================================ACTION pages*/
.action_menu_item
{
	width: 288px;
	height: 288px;
	background: #eee;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 10px 10px 0;
	float: left;
	position: relative;
}

.action_menu_item .button_holder
{
	position: absolute;
	bottom: 0;
}

.advanced { background: #fee; }

.action_menu_item_top
{
	overflow: hidden;
	border-bottom: 1px dotted #ccc;
	padding-bottom: 10px;
}

.action_menu_item_top img { float: left; }

.action_menu_item_top h3
{
	float: left;
	margin: 1em;
}

.action_menu_item p { }

.action_menu_item .button
{
	display: block;
	margin: 4px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

h3.action_name
{
	margin: 0 0 .8em;
	padding: 0;
}

strong.edit_header_mode
{
	font-style: italic;
	color: #777;
	font-family: georgia;
}

/* =======================================action buttons*/
.action_button_block
{
	border-top: 3px solid #DCEEFF;
	background-color: #F0F8FF;
	background-image: url(t-clean/bg_tile_white_small.gif);
	padding: 10px;
	display: block;
	clear: both;
	text-align: right;
}

.action_button_block a.button { display: inline; }

/* ===================================================== */
.tlog_report { padding-bottom: 10em; }
.tlog_report th { text-align: left; }
.tlog_heading { background: #ddd; }

.tlog_num
{
	text-align: right;
	padding: 0 1em 0 1em;
}

/* ================================================================ */
.ajax_loader
{
	position: absolute;
	right: 10px;
	top: 10px;
}

.profile_popup_wrapper
{
	width: 250px;
	height: 100px;
	background: #eee;
	border: 1px solid #ddd;
	overflow: hidden;
}

.profile_popup { margin: 10px; }

.profile_popup img, .profile_popup_wrapper img
{
	background-color: #fff;
	padding: 4px;
	border: 1px solid #ddd;
}

.profile_popup_info
{
	width: 148px;
	float: left;
	overflow: hidden;
	padding-left: 8px;
}

.profile_popup img { float: left; }

.ajax_loader img
{
	border: none;
	vertical-align: middle;
	float: none;
}

.profile_popup th
{
	text-align: left;
	padding: 0 1em 0 1em;
}

.profile_popup td
{
	text-align: left;
	padding: 0 1em 0 1em;
}

/* ================================================================ */
body.popup_debug { background: #eee; }
.popup_debug .profile_popup { margin: 3em; }

/* ================================================================ */
.edit_toggle_button
{
	background: #fee;
	color: #900;
	border: 1px solid #988;
	line-height: .9;
	z-index: 1000;
	position: fixed;
}

.new_edit_marker
{
	background: #fee;
	color: #900;
	border: 1px solid #988;
	line-height: .9;
	position: absolute;
	z-index: 1000;
}

.new_edit_marker a
{
	color: #777;
	padding: 3px;
	text-decoration: none;
}

.new_edit_marker a:hover
{
	color: #000;
	background-color: #f66;
}

.action_edit
{
	font-style: italic;
	font-size: 80%;
}

.smaller { font-size: 70%; }

/* ================================================================ boxed table */
.boxed table
{
	margin: 3px;
	border: 1px solid #ddd;
	width: 100%;
}

.boxed tr.boxtop th, .boxed tfoot td { background-color: #f6f6f6; }

.boxed tr.heading th
{
	background-color: #ddd;
	border-bottom: 1px solid #ccc;
}

.boxed th
{
	padding: 0 0.5em;
	text-align: left;
	font-weight: normal;
}

.boxed img { vertical-align: middle; }
.boxed .lth, .boxed .ltd { border-right: 2px solid #fff; }
.boxed .mth, .boxed .mtd { border-right: 2px solid #fff; }
.boxed .lrth, .boxed .lrtd { border-right: 2px solid #888; }
.boxed tr.even td { background: #F0FBFC; }
.boxed tr.even:hover td,
.boxed tr.odd:hover td { background: #d8f9fc; }
.boxed td { padding: .3em .5em; }
.buttonwrapper { padding: .5em 0; }

.boxed tr.heading a
{
	color: #444;
	font-weight: bold;
}

.boxed tr.heading a:hover { color: #000; }

.pages
{
	font-size: 11px;
	color: #555;
	/*background-color:#ddd;*/
	padding: .5em 0;
}

/* ================================================================pages */
.total_rows
{
	margin: 0px 5px;
	padding: 2px;
	/*background: #eee;
	border: 1px solid #888;*/
}

.num { text-align: right; }

/* ================================================================ */
.footer
{
	width: 100%;
	text-align: center;
	background: #f6f6f6 url(indent.png) repeat-x right top;
}

.test_login_links
{
	border-top: 1px solid red;
	margin-top: 3em;
}

.email_comma_list
{
	background: #eee;
	padding: 1em;
	border: 1px solid #888;
}

.icon_choice
{
	display: block;
	float: left;
	margin: .5em;
	background: #eee;
	width: 96px;
	height: 64px;
}

.act_list_title
{
	font-size: 1.2em;
	font-weight: bold;
}

.act_list_subtitle
{
	font-size: 1.1em;
	padding-left: 2em;
}

.action_list_item form { float: left; }

.pebadmin_controls
{
	background-color: #fee;
	border: 1px solid #800;
	padding: 5px 0 0 0;
}

.recruit_signup_form
{
	background: #eee;
	float: left;
	padding: .5em;
	border: 1px solid #aaa;
}

.un_participate
{
	/*background: #f6f6f6;
	border: 1px solid #ddd;
	font-size: 80%;*/
	font-size: 10px;
	color: #aaa;
}

.un_participate_inner
{
	background-color: #ffeeee;
	border-bottom: 1px solid #dd5555;
}

.un_participate a { color: #aaa; }
.un_participate a:hover { color: #1874CD; }

.next_pebble
{
	background: #f6f6f6;
	margin: 1em 0;
	padding: 1em;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}

.next_pebble h3
{
	margin: 0;
	font-size: 1.4em;
}

.next_pebble_image
{
	display: block;
	float: left;
	padding-right: 10px;
}

.next_pebble_image img
{
	width: 64px;
	height: 64px;
}

.next_pebble_body
{
	padding-left: 70px;
	margin-left: -64px;
}

.embed_example
{
	background: #eee;
	border: 1px solid #888;
	padding: .5em;
	width: 300px;
}

/* ================================================================ */
/* 2008-04-11 fancy login */
#login { /*background-color:#f4ffe0;
	margin:0 8px 18px !important;
	border-bottom:8px solid #fcffee;
	font-size:1.2em;
	line-height: 1;
	width: 300px;*/ }
#login fieldset { padding: 10px 12px; }
#login label, .login_help a { color: #777; }

#login input.login_button
{
	border: 1px solid #396FB5;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	background: #58afd9 url(mosaic-620673868.png) left -500px;
	cursor: hand;
	float: left;
	overflow: visible;
	padding: 0 .3em;
	width: auto;
	height: 1.6em;
	line-height: 1.4em;
}

#login .login_help { float: right; }

#login input.forgot_button
{
	border: none;
	background: none;
	text-decoration: underline;
	cursor: hand;
	color: #777777;
	display: block;
	margin: 4px 0 -1.2em -.3em;
	padding: 0;
	font-size: 1em;
}

#login label
{
	display: block;
	padding-bottom: 8px;
	font-weight: bold;
}

#login label input
{
	display: block;
	width: 100%;
	border: 1px solid #4E97F6;
	margin: 2px 0;
	background: #ffffff;
	cursor: text;
	font-size: 16px;
	padding: 6px 2px;
}

#login strong
{
	display: block;
	margin: .3em 0 1em;
	font-size: 1.6em;
	line-height: 1;
}

#login span
{
	color: #aaa;
	font-weight: bold;
	font-size: 1.1em;
}

.login_form_bar a
{
	/*color:#bbeeff;*/
	text-decoration: none;
}

/*
.login_form_bar a:hover{
	color:#fff;
}


.login_form_bar{
	background-color:#777;
	display:block;
	padding:5px 3px;
	color:#fff;
	text-decoration:none;
	font-weight:bold;
	position:relative;
	zoom:1;
}
*/

#login a.login_logo
{
	position: absolute;
	bottom: -28px;
	right: 0;
}

#login a.login_logo span { display: none; }

/* ================================================================ */
.plist
{
	display: block;
	background: transparent url(indent.png) repeat-x right bottom;
	padding: 3px 0;
	position: relative;
}

.a_profile_popup { }
.a_popup_args { }
.mp_inner { }
a.pict_link { text-decoration: none; }
a.pict_link:hover span { text-decoration: underline; }

.prof_act_popup,.participating_popup
{
	background-image: url(t-cpn/black-75.png);
	padding: .5em;
	left: 1em;
	top: -4em;
	color: white;
}

.participating_popup { width: 30em; }
.prof_act_popup_name { font-weight: bold; }

.prolog_admin_box
{
	border: 1px solid #f88;
	background: #fee;
	padding: .2em;
	margin: 1em;
}

.stamps2_item { padding-bottom: 2em; }

.action_login_form
{
	border: 1px solid #888;
	padding: 1em;
	margin: 1em;
	float: left;
}

.action_login
{
	border: 1px solid #888;
	padding: 1em;
	margin: 1em;
	float: left;
}

.tagline { padding: 20px 16px 40px; }

.tagline h1
{
	color: #716363;
	/*clay gray*/
	font-size: 20px;
	line-height: 1.1;
}

.tagline span
{
	display: block;
	float: left;
	height: 79px;
	width: 156px;
	background-image: url(mosaic-620673868.png);
	margin-right: 30px;
}

#front_login
{
	background-color: #f4ffe0;
	padding: 10px 12px;
	margin: 0 8px 18px;
	border-bottom: 8px solid #fcffee;
	-moz-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#front_login h2, .choice h2 { color: #4E97F6; }

#front_login input.login_button, #list_search input.go_button
{
	border: 1px solid #396FB5;
	font-size: 1.4em;
	font-weight: bold;
	color: #ffffff;
	background: #58afd9 url(mosaic-620673868.png) left -500px;
	cursor: hand;
	float: left;
	overflow: visible;
	padding: 0 .3em;
	width: auto;
	height: 1.6em;
	line-height: 1.4em;
}

#front_login .login_help { float: right; }
#front_login .login_help a { color: #777777; }

#front_login input.forgot_button
{
	border: none;
	background: none;
	text-decoration: underline;
	cursor: hand;
	color: #777777;
	display: block;
	margin: 4px 0 -1.2em -.3em;
	padding: 0;
	font-size: 1em;
}

#front_login label
{
	display: block;
	padding-bottom: 8px;
	font-weight: bold;
}

#front_login label input
{
	display: block;
	width: 260px;
	border: 1px solid #4E97F6;
	margin: 2px 0;
	background: #ffffff;
	cursor: text;
	font-size: 16px;
	padding: 6px 2px;
}

.front2 ul { list-style-type: disc; }

.front2 li
{
	list-style-position: outside;
	margin-left: 1em;
}

.replace
{
	/* shifts and hides text to be replaced with images */
	text-indent: -9999px;
}

.front2 hr
{
	height: 3px;
	border: 0;
	color: #ccc;
	background-color: #ccc;
}

.front2 #side
{
	width: 310px;
	float: right;
}

.front2 .container
{
	font-size: 1.2em;
	position: relative;
	width: 100%;
}

.front2 h3
{
	color: #333;
	font-size: 18px;
	line-height: 1.1;
}

.front2 ul
{
	color: #555;
	font-size: 14.4px;
	width: 60%;
}

.front2 li { padding: 0; }
.toolbar_login { display: inline; }

.listsel
{
	border: 1px solid #aaa;
	max-height: 20em;
	overflow: auto;
}

.listsel li
{
	padding: 0;
	margin: 0;
}

.list2_sect
{
	border: 1px solid #aaa;
	background: #eee;
	margin: 1em;
	padding: 1em;
}

.field_sel
{
	border: 1px solid #aaa;
	max-height: 20em;
	overflow: auto;
}

.field_sel li
{
	padding: 0;
	margin: 0;
}

.phonebank_codes_sect
{
	float: left;
	width: 45%;
	border: 1px solid #888;
	margin: 1em;
}

.tableop .button, .tableop select { float: left; }

.link_style_button
{
	background: transparent;
	background-color: #eee;
	margin: 0;
	padding: 0;
	text-decoration: underline;
	vertical-align: baseline;
	border: 1px solid;
	border-color: #aaa #ddd #fff #ddd;
	-moz-border-radius: 4px;
	margin-right: 3px;
}

.link_style_button:hover { background-color: #ddd; }
focus { border-color: red; }

.save_button_wrapper
{
	float: left;
	display: block;
	padding-right: 8px;
	overflow: hidden;
}

.table_buttons_wrapper
{
	display: block;
	overflow: hidden;
	padding-left: 8px;
	border-left: 1px dotted #ddd;
}

.separator
{
	clear: both;
	padding: 3px;
}

.tableop .btn-save-new
{
	color: #999;
	border-color: #ddd;
}

.tableop .btn-save-new:hover
{
	color: #000;
	border-color: #aaa;
}

.tableop .highlight
{
	background-image: url(button-highlight-bg.gif);
	color: #4F3200;
	border-color: #A78603;
}

.tableop .pages { clear: left; }
.floatleft { float: left; }
.sess_details th { text-align: left; }
.sess_details .even { background: #F0FBFC; }

.scrolling_policy
{
	background: #f0f0f0;
	border: 1px solid black;
	padding: 1em;
	height: 30em;
	overflow: auto;
}

.license_page .menu { display: none; }

.twocol th
{
	text-align: left;
	padding-right: 1em;
	vertical-align: top;
	white-space: nowrap;
}

.tw_admin_tweet
{
	border: 1px solid #88a;
	padding: .5em;
	margin: .5em;
}

.tw_admin_sig { font-style: italic; }

.tweet_status
{
	border: 1px solid #88a;
	pargin: .5em;
}

.tweet_status_headline,
.tweet_status_headline a
{
	background: #34ccff;
	padding: .2em;
	color: white;
	font-weight: bold;
}

.tweet_status_body { padding: .2em; }

.tweet_status_dttm
{
	padding: 0 .2em 0 .2em;
	font-style: italic;
	font-size: 80%;
}

/* pace ================================================================ */
.popup .content
{
	height: 25em;
	overflow-x: hidden;
	overflow-y: auto;
}

/* pace ================================================================ */
.limit_info
{
	font-weight: normal;
	padding: 0 0 .4em 0;
}

.limit_info .limit_admins { color: #ff8888 !important; }
.limit_info .limit_pebblings { color: #8888ff !important; }
.limit_admins { background: #ffeeee !important; }
.limit_pebblings { background: #eeeef8 !important; }

.other_action
{
	background-color: #f0f8ff;
	margine-top: .5em;
	margine-bottom: .5em;
}

.other_action_pebble { margin-top: 1em; }
.other_action_item { padding-left: 2em; }
.blurb_icon_menu { width: 100%; }

.blurb_icon_choice
{
	float: left;
	display: inline;
	background: #f0f0f0;
	padding: .2em;
	margin: .2em;
}

.twitter_admin_tweet
{
	background: #f8f8f8;
	border: 1px solid #888;
	margin: 1em;
	padding: 1em;
}

.proto_email
{
	background: #f8f8f8;
	padding: 1em;
	margin: 1em 0 1em 0;
	border: 1px solid #ccc;
}

.pushpin_comment_check
{
	border: 1px solid #888;
	padding: .5em;
	margin-bottom: 3em;
	width: 30em;
}

ul.bullets
{
	padding-left: 1.1em;
	list-style-position: outside;
}

.bullets li { list-style-type: disc; }

/* ================================================================ */
.field_overview_action
{
	padding: .5em;
	margin: .5em 0;
	border: 1px solid #888;
	background: #f0f0f0;
}

.field_overview_list
{
	padding: .5em;
	margin: .5em 0;
	border: 1px solid #aaa;
	background: #e0e0e0;
}

.dpadmin_town
{
	float: left;
	width: 13em;
	background: #f0f0f0;
	margin: 2px;
	padding: 0px 2px;
}

/* ================================================================ */
.act_rsvp_section
{
	background: #eee;
	border: 1px solid #888;
	float: left;
	padding: 1em;
}

.actblue .container
{
	overflow: visible;
	width: auto;
}

.actblue .main { width: auto; }
.actblue table { width: 98%; }

.actblue_details tbody
{
	height: 600px;
	overflow: scroll;
}

.dpadmin .container { width: 100%; }

.admin_link
{
	font-weight: bold;
	padding: .1em .3em .4em;
	text-decoration: none;
	background-color: #fee;
	color: #900;
	border: 2px solid #fcc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	white-space: nowrap !important;
}

.admin_color
{
	background-color: #fee;
	color: #900;
}

.admin_link:hover
{
	background-color: #f66;
	border-color: #f00;
	color: #fff;
}

/* ================================================================ */
.home_peb
{
	padding: .25em;
	margin: .25em;
	border: 1px solid #888;
	background: #eee;
}

.home_act
{
	padding: .2em;
	margin: .2em;
	border: 1px solid #888;
	background: #ddd;
}

.ctoggle_short
{
	border: 1px solid blue;
	background: #ccf;
}

.ctoggle_long
{
	border: 1px solid red;
	background: #fcc;
}

.add_link_box
{
	border: 1px solid #888;
	padding: .5em;
	display: block;
}

.ctoggle_short, .ctoggle_long
{
	position: relative;
	background-color: #f7f7f7;
	border: 0;
	padding-top:10px;

}

.ctoggle
{
	position: absolute;
	right: 0;
	top: 0;
	z-index: 99999;
}

.imp_note {
    width: 30em;
    padding: 2px;
    border: 1px solid red;
    background: #fee;
    font-size: 90%;
    line-height: 1;
    margin: .5em 0;
}

.display_subset_edit_link {
    width: 100%;
    text-align: right;
}

.mod{
padding:10px;
}