* { margin: 0; padding: 0; outline: 0; }

body, html { height: 100%; }

body {
    font-size: 14px;
    line-height: 1.2;
    font-family: Helvetica, Arial, Sans-Serif;
    color: #666;
    background: #f9f9f9;
}

a { color: #666; text-decoration: none; cursor:pointer; }
a:hover { text-decoration: underline; }
a img { border: 0; }

h1 { 
	color: #1b1b1b; 
	font-size: 32px; 
	font-weight: normal;
	margin-bottom:12px;
}

h2 { 
	font-size: 24px; 
	line-height: 1.1; 
	color: #1b1b1b; 
	font-weight: normal; 
	margin:10px 0 10px;
}

#camapign_content h2, #home_page_content h2, #main_post h2 { 
	margin:15px 0px 10px;
	padding-right:20px;
}

#camapign_content p, #home_page_content p, #main_post p { 
	margin:15px 0px;
	font-size:13px;
	padding-right:20px;
}

.box_black_rounded h2 {margin:0px;}

h2 .status { display: block; font-size: 12px; line-height: 20px; color: #b7b7b7; }
h2 .status strong { color: #1b1b1b; }
h3 { font-size: 17px; line-height: 20px; color: #1b1b1b; font-weight: normal; padding-bottom: 10px; }

input, textarea, select { font-family: Helvetica, Arial, Sans-Serif; font-size:12px; color: #474747;}
textarea { overflow: auto; }
label { display: block; color: #1b1b1b; line-height: 24px; }
label span { color: #787878; font-size: 12px; }
.field { border: solid 1px #8A8A8A; padding: 5px; display: block; }
.field_float { border: solid 1px #eee; padding: 5px; float: left; font-size: 28px; margin-right: 10px;}
.field_small { font-size: 14px; padding: 3px 4px; width: 133px; }
.field_big { border-top-color: #a8a8a8; border-left-color: #a8a8a8; }
.donation_comment {width: 550px; height:75px;}
.date_field { width: 137px; position: relative; }
.date_field .trigger { display: block; width: 16px; height: 16px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/datepicker-trigger.gif); }
.date_field .trigger { position: absolute; top: 5px; right: 10px; z-index: 20;  }
.date_field .field { width: 100px; padding-right: 30px; }

.cl { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; }
.cl_with_space { display: block; clear: both; margin: 20px 0;}
.notext { font-size: 0; line-height: 0; text-indent: -4000px; }

.left { float: left !important; display: inline; }
.right { float: right !important; display: inline; }

.top_bottom_margin { margin: 15px 0;}

.shell { width: 950px; margin: 0 auto; position: relative; padding-left: 10px !important; }

#page { min-height: 100%; height: auto !important; height: 100%; margin-bottom: -39px; }

#footer_push { height: 70px; }
#footer { height: 39px; background: #e2e2e2; font-size: 11px; line-height: 1; color: #999; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; }
#footer .shell { padding: 14px 0 10px; background: #e2e2e2; }
#footer .nav { float: right; display: inline; }
#footer a { color: #999; }
#footer a:hover { color: #1a1a1a; }
#footer .nav a { padding: 0 10px; }
#footer .logo_5ifty { float: left; display: inline; margin-left: 6px; }
#footer .created { padding-left: 10px; }

.logo_5ifty { display: block; width: 68px; height: 15px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/5iftyand5ifty.gif); }
.logo_5ifty:hover { background-position: 0 bottom; }

#header,
#header .shell { background: url(../images/campaigns_header.jpg) no-repeat;  }
#header, #header .shell {background: #242424;}
#header .shell { padding: 10px 0 15px; }


/* Campaign Title */
.campaign_list {
	height:200px !important; 
	text-align:center;
}


#header .top { padding-bottom: 15px; border-bottom: solid 1px #3e3e3e; margin-bottom: 10px; }

#logo { width: 200px; font-size: 0; line-height: 0; margin-bottom: 0; }
#logo a { display: block; height: 50px; text-indent: -4000px; background: url(../images/logo.png) no-repeat 0 0; }

#top_nav { float: right; display: inline; font-size: 11px; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; color: #606060; line-height: 24px; margin-top: 15px; }
#top_nav a { color: #999999; padding: 0 10px; }
#top_nav a:hover { text-decoration: underline; }

#navigation_toggler { display: block; width: 8px; height: 8px; float: right; display: inline; background: url(../images/ico-plus.gif) no-repeat center center; }
#navigation_toggler { padding: 10px 15px; cursor: pointer; }

#navigation { float: left; display: inline; width: 750px; line-height: 1; padding: 5px 10px; background: url(../images/navigation.png) no-repeat 0 0; }
#navigation ul li { float: left; display: inline; padding-right: 10px; font-size: 18px; position: relative; }
#navigation ul li a { color: #fff; display: block; padding-bottom: 15px; }
#navigation ul li.home { width: 92px; }
#navigation ul li.campaigns { width: 134px; }
#navigation ul li.users { width: 102px; }
#navigation ul li.notifications { width: 138px; }
#navigation ul li.reporting { width: 116px; }
#navigation ul li.settings { width: 108px; }
#navigation ul ul { padding-bottom: 15px; }
#navigation ul ul li { float: none; display: block; font-size: 11px; line-height: 1.4; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; }
#navigation ul ul li a { color: #949494; display: inline; }
#navigation ul ul li a:hover { color: #fff; }
#navigation ul ul li a.active { color: #fff; font-weight: bold; }

#main { margin-top: -15px; z-index: 10; }


#content_shadow { position: absolute; top: 0; left: -10px; width: 810px; height: 550px; background: url(../images/content-bg.png) no-repeat 0 0; }
#content { float: left; display: inline; width: 710px; background: #f9f9f9; padding: 30px; }
#content.reports.run {padding: 30px 30px 30px 10px; }
#content { min-height: 610px; position: relative; z-index: 20; }
#content .section { padding-top: 28px; background: url(../images/line.png) no-repeat 0 0; height: 100%; padding-bottom: 35px; }

#content .missing_data { background: none; background-color: #fff; padding-top: 28px; height: 100%; padding-bottom: 35px; text-align:center; border: 1px solid #eee;}
#content .missing_data h3 { color: #1b1b1b; }
a.create_campaign { width: 201px; height:34px; font-size: 30px; background: url(../images/btn_grn_create_campaign.gif) no-repeat 0 0; margin: 0px auto; text-indent:-9999px; display:block; }

#sidebar { float: right; display: inline; width: 160px; margin-top: 35px; }
#sidebar .section { padding-bottom: 20px; }
#sidebar .section_bord { border-bottom: solid 1px #e1e1e1; margin-bottom: 15px; }

.quick_search .field { margin-bottom: 8px; }

input[type=submit] { position: relative; margin-left: -1px; background-position: 0 0; padding-left: 8px; border:0px;}
input[type=submit] { color: #1b1b1b; background-position: right bottom; }
input[type=submit].search {	float: left; padding:10px; color: #fff;}
li input[type=submit] {margin-top: 0; margin-bottom: 0;}

#submit-caution {color:#1DA183;margin-top:14px;font-size:12px}
/*.submit-button {color:red;}*/

.button_plus { font-size: 14px; line-height: 24px; padding-right: 22px; margin: 0 5px 5px 0; margin-left: 2px !important; border: 0; }
.button_plus,
.button_plus span { float: left; display: inline; height: 24px; background: url(../images/button-plus.gif) no-repeat right 0; }

a.button_plus {background-position: 0 -20; padding-left:8px; text-align:center;}
a.button_plus:hover { text-decoration: none; }
a.button_plus:hover {background-position: 0 -20;}

.button_plus span { position: relative; margin-left: -1px; background-position: 0 0; padding-left: 8px; }
.button_plus span form { display: inline; border: 1px solid red;}
.button_plus:hover { color: #1b1b1b; background-position: right bottom; }
.button_plus:hover span { background-position: 0 bottom; }
input[type=submit].button_plus_black,
.button_plus_black,
.button_plus_black span { background-image: url(../images/button-plus-black.gif); color: #f9f9f9; }
.button_dark { padding-right: 11px; }
.button_dark,
.button_dark span { background-image: url(../images/button-dark.gif); font-size: 16px; color: #989898; }
.button_dark span { padding-left: 8px; }
.button_dark:hover span { color: #fff; }
.button_dark_active { background-position: right bottom; }
.button_dark_active span { font-weight: bold; color: #fff; background-position: 0 bottom; }
.button_noplus { padding-right: 2px; }
.button_noplus span { padding-right: 10px; padding-left: 12px; }


.box .close { display: block; width: 32px; height: 32px; font-size: 0; line-height: 0; text-indent: -4000px; background: url(../images/close.png); }
.box .close { position: absolute; top: -16px; right: -16px; }

.box_blue { border-color: #c7c7c7; background: #e6fcfc; font-size: 12px; }
.box_blue h3 a { color: #23a197; }
.box_blue p { padding-bottom: 12px; }
.box_blue a { color: #23a197; }

.box_black  { background: #000; border-color: #434343; font-size: 13px; } 
.box_black h2 { font-size: 21px; color: #787777; padding-bottom: 5px; }
.box_black .close { background-image: url(../images/box-black-close.png); }
.box_black p { padding-bottom: 12px; }

ul.buttons li { list-style-type: none; }
ul.buttons_left { margin-bottom:20px;}
ul.buttons_left li { float: left; display: inline; list-style-type: none; }


.box_rounded { margin-bottom: 10px; padding: 10px 0; height: 100%; overflow: auto;} 
.box_black_rounded { margin-bottom: 10px; background: #1a1a1a; padding: 10px; height: 100%; overflow: auto; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px;} 
.box_black_rounded h3 { color: #fff; padding-bottom: 0; }
.box_black_rounded h2 { color: #fff; padding-bottom:0px; }
.box_black_rounded .button_plus { margin: 10px 0; }

.box_grey_rounded { background: #e2e2e2; }
.box_grey_rounded h3 { color: #1b1b1b; }

.side_search { float: right; display: inline; padding: 10px 15px; margin-bottom: 5px; margin-top: -40px; }
.side_search .field { float: left; display: inline; margin-right: 6px; }
.side_search .button_plus { margin-right: 0; margin-bottom: 0; }

.block_chart img { display: block; }
.block_chart { margin-bottom: 20px; }

.period_raised { overflow: auto; margin-bottom: 10px; }
.period_raised .content { width: 340px; }
.period_raised h2 { font-size: 21px; line-height: 34px; border-bottom: solid 1px #d8d8d8; padding-bottom: 0; margin-bottom: 8px; }
.period_raised h3 { font-size: 16px; color: #8a8989; padding-bottom: 3px; }

.campaign_short { margin-bottom: 15px; }
.campaign_short h3 { padding-bottom: 5px; }
.campaign_short p { font-size: 11px; line-height: 15px; color: #939595; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; padding-bottom: 12px; }

.activity_list .head { font-size: 12px; color: #fff; margin-bottom: 0; }
.activity_list .head p { float: left; display: inline; line-height: 24px; }
.activity_list h4 { font-size: 14px; color: #1b1b1b; font-weight: normal; padding: 16px 0 11px; }
.activity_list .row { font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; margin-bottom: 4px; font-size: 11px; line-height: 20px; color: #5c5c5c; }
.activity_list .row a { font-weight: bold; color: #1b1b1b; text-decoration: underline; }
.activity_list .row a:hover { color: #666666; }
.activity_list .row strong { color: #1b1b1b; }
.activity_list .buttons_left { margin-top: 34px; }
.activity_list .box_blue { margin-top: 50px; }
.activity_list .activity_desc {display: inline; margin-left: 20px;}

.users.dashboard.index .activity_list .head { margin-bottom: 6px; }
.users.dashboard.index .activity_list .row { padding: 6px;}

.label_donation,
.label_report,
.label_notice,
.label_edit_donation {font-size: 11px; float:left; margin-right:10px; text-align: center; color: #fff; padding:3px 8px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
.label_donation { background: #1b1b1b; }
.label_report { background: #5d5d5d; }
.label_notice { background: #a0a0a0; }
.label_edit_donation { background: #DBDBDB;float:right; }

.share_box { overflow: auto; padding: 0; }
.share_box .col { float: left; display: inline; background: url(../images/share-box-sep.gif) no-repeat right center; padding: 26px 0; text-align: center; }
.share_box .col p { font-size: 14px; font-weight: bold; color: #fff; padding-bottom: 4px; }
.share_box .col_1 { width: 230px; }
.share_box .col_2 { width: 220px; }
.share_box .col_3 { width: 260px; background: none !important; }

.copy_link { width: 167px; height: 24px; background: url(../images/copy-link.gif) no-repeat 0 0; margin: 0 auto; }
.copy_link input { width: 60px; border: 0; background: none; font-size: 12px; float: left; display: inline; padding: 4px 5px 5px 8px; overflow: hidden; }
.copy_link a { float: left; display: inline; width: 94px; height: 24px; font-size: 0; line-height: 0; text-indent: -4000px; }

.page_info h3 { font-size: 21px; padding-bottom: 5px; }
.page_info .head { width: 575px; padding-bottom: 15px; }
.page_info .head p { font-size: 11px; color: #939595; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; }
.page_info .content { width: 350px; border-top: solid 1px #d8d8d8; padding-top: 15px; color: #8a8989; line-height: 21px; float: left; display: inline; }
.page_info .content strong { color: #1b1b1b; }
.page_info .content .buttons_left { padding-top: 25px; }
.page_info .chart { float: right; display: inline; width: 250px; margin-top: -10px; }
.page_info .chart img { display: block; }

.profile_section h1 { margin:0;}
.profile_section h2 { font-size: 24px; margin:0;}
.profile_section .head { overflow: auto; height: 100%; padding: 0 45px 20px 15px; }
.profile_section .head .video { float: left; display: inline; width: 201px; }
.profile_section .head .content { float: right; display: inline; width: 425px; padding-top: 8px; }
.profile_section .info { line-height: 24px; color: #8a8989; float: left; width: 670px; margin-bottom: 20px;}
.profile_section .info strong { color: #1b1b1b; }
.profile_section .address { float: right; display: inline; width: 280px; line-height: 18px;}
.profile_section .address h3 { padding-bottom: 0; }

.campaign_box { background: url(../images/line.png) no-repeat 0 0; padding: 22px 10px 20px 17px; height: 100%; }
.campaign_box_even { background-color: #f4f4f4; }
.campaign_box .stats { float: right; display: inline; line-height: 30px; padding: 8px 10px 8px 15px; font-size: 12px; }
.campaign_box .stats span { float: left; display: inline; margin-right: 5px; }
.campaign_box .stats span.big { font-size: 28px; color: #1b1b1b; margin-bottom: 0px; }
.campaign_box .content { padding-top: 10px; width: 585px; color: #808080; }
.campaign_box .content .buttons_left { padding-top: 20px; }

.draft { background: url(../images/line-label-draft.png) no-repeat right 0; }

.campaign_ideas { padding: 37px 15px 55px 15px; font-size: 12px; color: #666666; }
.campaign_ideas p { padding-bottom: 18px; }
.campaign_ideas .row { overflow: auto; height: 100%; padding-bottom: 10px; margin-bottom: 0;}
.campaign_ideas .row_last { padding-bottom: 0; }

.users_section .head .side_search { margin-top: 0; }
.users_section .head .buttons_left { float: left; display: inline; margin-top: 54px; }

.users_table { border-collapse: collapse; margin-bottom: 25px; }
.users_table tr td { padding: 5px 0; border-bottom: solid 1px #e0e0e0; }
.users_table tr th,
.users_table tr td { text-align: left; padding-left: 7px; padding-right: 10px; font-size: 12px; color: #5c5c5c; vertical-align: middle; }
.users_table tr th { line-height: 26px; background: #1b1b1b; color: #fff; font-weight: normal; border-right: solid 1px #494949; }
.users_table tr th span { display: block; background: url(../images/arr-1.gif) no-repeat right center; cursor: pointer; }
.users_table tr th.first,
.users_table tr td.name { padding-left: 15px; }
.users_table tr td.name { font-size: 16px; color: #1b1b1b; width: 200px; }
.users_table tr td .button_small { float: right; display: inline; }
.users_table tr th.first,
.users_table tr th.last { background: #1b1b1b url(../images/users-table-headers-round.gif) no-repeat 0 0; }
.users_table tr th.last { background-position: right 0; border-right: 0; }

.button_small { width: 38px; height: 16px; line-height: 16px; text-align: center; font-size: 10px; color: #5a5a5a; text-transform: uppercase; font-weight: bold; }
.button_small { display: block; background: #e2e2e2; }
.button_small_black { background: #1b1b1b; color: #fff; }

.paging { padding-top: 32px; margin-bottom: 42px; }
.paging .buttons { overflow: auto; height: 100%; margin-bottom: 9px; }
.paging .buttons a { float: right; display: inline; margin-left: 5px; }
.paging ul { height: 29px; background: url(../images/paging-list.gif) repeat-x 0 0; }
.paging ul li { float: left; display: inline; list-style-type: none; line-height: 26px; border-right: solid 1px #fff; position: relative; }
.paging ul li a { float: left; display: inline; padding: 3px 12px 0; }
.paging ul li.active { background: url(../images/paging-list-active.gif) repeat-x 0 0; }
.paging ul li p { position: absolute; top: -47px; left: 0; line-height: 47px; white-space: nowrap; color: #979797; }
.paging ul li p span { font-size: 36px; color: #979797; }
.paging ul li p span.black { color: #1b1b1b; }

.row { margin-bottom: 20px; }
.row_title .field { font-size: 28px; width: 460px; }
.row_description .field { width: 635px; height: 94px; font-size: 14px; }
.row_left { float: left; display: inline; margin-right: 12px; }
.row_big { margin-bottom: 40px; }

.non_editable_field { font-size: 28px; margin-left: 10px;}
.non_editable_field_sm { font-size: 16px; margin-left: 10px;}

.wideSelect div.selector, .wideSelect div.selector span { width:400px; overflow:visible;}

.image_upload { padding: 7px; height: 100%; overflow: auto; }
.image_upload img { float: left; display: inline; margin-right: 30px; }
.image_upload .content { float: left; display: inline; padding-top: 33px; }

.main_form h3 { font-size: 20px; }

.left_spacer { padding-left: 20px; }

.list_field { font-size: 14px; color: #808080; width: 330px; line-height: 18px; }

.itoggle { float: left; display: inline; margin-right: 16px; }
label.ilabel { display: block; font-size: 12px; cursor: pointer; }
label.itoggle,
label.itoggle span { display: block; width: 93px; height: 27px; background: url(../images/itoggle.png) left bottom no-repeat; cursor: pointer; text-indent: -5000px; }
label.itoggle.iToff { background-position:right bottom; }
label.itoggle span { background-position: left top; margin: 0; }
input.iT_checkbox { position: absolute; top: -9999px; left: -9999px; }



/*----- Fundraiser Page Only -----*/

body.user_page .shell { width: 940px; padding: 0 10px; }

body.user_page #top .shell { padding-top: 10px; padding-bottom: 10px; overflow: auto; }
body.user_page #top .button_plus { float: right; display: inline; margin-top: 12px; }

body.user_page #header,
body.user_page #header .shell { background: #1b1b1b; }
body.user_page #header .shell { background: url(../images/campaigns_header.jpg) no-repeat; width: 950px; }

body.user_page #header .shell { padding: 35px 0px 35px 0px; }

body.user_page #content_shadow { background-image: url(../images/fundraiser-content-bg.png); width: 689px; }
body.user_page #content { width: 620px; padding: 15px; }
body.user_page #sidebar { width: 266px; }

.main_post img { display: block; margin-bottom: 15px; }

.main_post p { padding-bottom: 16px; }

.campaign_updates .head { height: 100%; overflow: auto; padding-bottom: 8px; }
.campaign_updates .head .socials { float: right; display: inline; }
.campaign_updates .head .socials li { float: left; display: inline; list-style-type: none; margin-left: 5px; }
.campaign_updates .head .socials li img { display: block; }
.campaign_updates .head h3 { color: #595959; line-height: 24px; padding-bottom: 0; }
.campaign_updates .button_rss { margin: 15px 0 0 15px; }

.update { padding: 11px 15px 7px; }
.update .content { position: relative; padding-left: 69px; height: 100%; padding-top: 0; font-size: 12px; color: #666; width: auto; }
.update h3 { font-weight: bold; color: #242424; line-height: 20px; padding-bottom: 4px; }
.update h3 a { color: #24a585; }
.update .date { width: 57px; height: 20px; line-height: 20px; background: url(../images/update-date.gif) no-repeat 0 0; display: block; text-align: center; }
.update .date { font-size: 10px; font-weight: bold; color: #fff; font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; position: absolute; top: 0; left: 0; }

.button_rss { display: block; width: 156px; height: 44px; line-height: 44px; background: url(../images/button-rss.gif) no-repeat 0 0; padding-left: 46px; color: #1b1b1b; }
.button_rss:hover { background-position: 0 bottom; }

.giving_snapshot { padding-left: 10px; }
.giving_snapshot p { color: #8a8989; line-height: 1; padding-bottom: 18px; }
.giving_snapshot p span { font-size: 30px; color: #1b1b1b; display: block; font-weight: bold; }

.about { background: url(../images/about-bg.gif) no-repeat center 0; margin-left: 10px; padding-top: 18px; padding-right: 20px; }
.about p { padding-bottom: 18px; }

.main_buttons { height: 100%; overflow: auto; margin-bottom: 20px; }
.main_buttons a { float: left; display: inline; height: 44px; line-height: 44px; padding-left: 15px; text-align: left; }
.main_buttons .donate { width: 83px; background: url(../images/button-donate-2.gif) no-repeat 0 0; margin-right: 6px; font-size: 18px; font-weight: bold; color: #fff; }
.main_buttons .create_page { width: 147px; background: url(../images/button-create-page.gif) no-repeat 0 0; color: #1b1b1b; }

/* Rich's Changes */

#content .donation-closable { padding:0; border:0; margin-bottom:22px; }
#content .donation-closable .row { background-color:#eeeeee; padding:18px 16px; margin-bottom:8px; height:auto; overflow:hidden; }
#content .donation-closable .col-img { float:left; margin-right:12px; }
#content .donation-closable .campaign-label { color:#1b1b1b; margin-bottom:12px;}
#content .donation-closable .col-details h2 { color:#1b1b1b; font-size:22px; line-height:24px; margin-bottom:8px; padding:0; }
#content .donation-closable .col-details p { font-size:13px; color:#808080; }
#content .donation-closable .row .col { float:left; width:230px; margin-right:50px; }
#content .donation-closable .row .colspan { float:left; width:400px; margin:10px 50px 0 0; }
#content .donation-closable .row .colspan_large { float:left; width:550px; margin:20px 50px 0 0; font-size:12px;}
/*#content .donation-closable .row .col label { font-size:14px; color:#1b1b1b; margin-bottom:12px; }*/
#content .donation-closable .row .col label span { font-size:12px; color:#999999; }
#content .donation-closable .row .col input { width:88px; height:44px; padding:2px 10px 0 25px; font-size:28px; color:#787878; }
.non_custom {width:16px !important; height:16px !important; float:left !important; display:inline !important; margin-right:10px;}
#recurring_text {float:right; display:inline; width:200px;}

.donation_fixed {width:100px; height:25px; background-color:#fff; padding:10px; font-size:28px; color:#787878;}
#content label.currency_sign {font-size:28px; color:#787878; margin:-35px 0 0 10px; width:20px;}
#content label.currency_sign_sm {font-size:15px; color:#787878; margin:-24px 0 0 10px; width:20px;}
#content .input_pad_sm {padding-left: 20px;}
#content label.url_example {font-size:14px; color:#787878; margin:-26px 0 0 10px; width:20px;}
#content .input_pad_lg {padding-left: 190px;}

#sidebar { float: right; display: inline; width: 160px; margin-top: 35px; }
#sidebar .section { padding-bottom: 20px; }
#sidebar .section_bord { border-bottom: solid 1px #e1e1e1; margin-bottom: 15px; }
#sidebar .share_box { background:none; border:0; margin-bottom:20px; }
#sidebar .share_box .share_friends, #sidebar .share_box .share_link { padding:16px; background-color:#eeeeee; margin-bottom:4px; }
#sidebar .share_box p { color:#1b1b1b; margin-bottom:6px; }
#sidebar .share_box .copy_link { margin:0; width:216px; background:url(../images/copy_link_sidebar.png) no-repeat top left; }
#sidebar .share_box .copy_link input { width:108px; }
#sidebar .campaign_list_sidebar { height:auto; overflow:hidden; margin-bottom:40px; text-align:left; }
#sidebar .campaign_list_sidebar h3 { padding:0 0 0 15px; color:#242424; font-size:24px; line-height:30px; margin-bottom:8px; }
#sidebar .campaign_list_sidebar .row { width:230px; height:auto; overflow:hidden; background:#f9f9f9 url(../images/bg_sidebar_row.jpg) no-repeat top left; padding:15px 16px; margin:0; }
#sidebar .campaign_list_sidebar .row.odd { background:#eeeeee url(../images/bg_sidebar_row_odd.jpg) no-repeat top left; }
#sidebar .campaign_list_sidebar p { color:#787878; font-size:12px; line-height:14px; margin-bottom:15px; }
#sidebar .campaign_list_sidebar p span { color:#1b1b1b; font-weight:bold; }
#sidebar .campaign_list_sidebar p.title { color:#1b1b1b; font-size:20px; line-height:22px; margin-bottom:2px; }

#sidebar .campaign_list_sidebar .btn_campaign { width:104px; height:24px; display:block; text-indent:-9999px; background:url(../images/btn_viewCampaign.png) no-repeat top left; }

#user_info { height: 100%; }
#user_info .media { float: left; display: inline; border: solid 1px #dbdbdb; /*margin: 0 28px 50px 0;*/ }
#user_info .media img { display: block; }
#user_info .content { float: left; display: inline; /*width: 70%;*/ color: #fff; /*margin-bottom:20px;*/ }
#user_info .content .box, .stats_box .stats { float: left; display: inline; margin: 0px 10px 10px 0; padding: 5px 15px;}
#user_info .content .box, .stats_box .stats#last {margin-right: 0;}

#user_info .content .box p span,  .stats_box .stats p span { display: block; font-size: 28px; color: #000; font-weight: bold; margin-top:4px; white-space: nowrap;}
#user_info .content .box p span.progress { float:right; text-transform:uppercase; color:#666666; display:inline; font-size:10px; margin:0; }
#user_info .content .chart { height: 66px; }
#user_info .content .chart img { display: block; }
#user_info .content .box.expand { margin-right:0; padding:0 3px; height:66px; }
#user_info .content .box.expand a { width:12px; padding:0 8px; height:66px; overflow:hidden; display:block; background:url(../images/btn_expand.png) no-repeat top center; text-indent:-9999px; }

#user_info .content .box.expand a.open { background-position:bottom center; }
#user_info h1 { font-size: 40px; color: #fff; line-height: 1; margin-bottom: 10px; }
#user_info h2 { color: #fff; }
#user_info .what_im_supporting { font-size: 21px; color: #fff; padding-bottom: 0; margin-left: 18px; }
#user_info .box_black { margin-bottom: 40px; }
#user_info .box_black .button_dark span { font-size: 14px; }

#fundraiser-information {float: left; margin-bottom: 16px;}

#fundraiser-details { padding:0; clear:both; height:auto; overflow:hidden;}
#fundraiser-details .snapshot { float:left; margin-right:30px; }

#fundraiser_left {float: left; width:250px;}
#fundraiser_left .content {background-color: #414141;  width:250px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

#fundraiser_span .content {background-color: #414141;  width:915px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}
#fundraiser_span .content #closed-desc {overflow:hidden; padding: 16px 45px 16px 16px; overflow:hidden;}
#fundraiser_span .content #closed-desc h3 {font-size: 24px;}
#fundraiser_span .content #closed-desc p {color: #b3b3b3; font-size: 14px; margin-bottom:12px;}
#fundraiser_span .content #closed-desc p strong {color: #FFF; font-weight:bold;}
#fundraiser_span ul li {list-style:none;display:inline;}
#fundraiser_span ul li.donate a {color: #FFF;}

#fundraiser_left .content #about-desc {overflow:hidden; padding: 16px; overflow:hidden;}
#fundraiser_left .content #about-desc h3 {color: #b3b3b3; font-size: 11px; border-bottom: 1px solid #4F4F4F;}
#fundraiser_left .content #about-footer {overflow:hidden; padding: 16px; font-size: 11px;}
#fundraiser_left .content #about-footer a {color:#fff;}
#fundraiser_left .content #about-footer ul {list-style: none;  text-align:center; margin: 8px 0;}
#fundraiser_left .content #about-footer ul li {margin-bottom:15px;}
#fundraiser_left #launch_video {
	position: relative;
	top: -25px;
	left: 5px;
}

#fundraiser_right {float: left; width:665px; margin-left: 20px;}

#minimize_button {float:left; position: relative; top: -8px;}
#minimize_button a {background-color:#3F3F3F;padding:6px 10px;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color: #fff; border: 1px solid #5f5f5f; text-decoration:none;}

#fundraiser-details {margin-bottom: 16px;}
#fundraiser-details .donor-details { width:650px; float:left; }
#fundraiser-details h3 { font-size:18px; color:#fff; font-weight:normal; line-height:20px; margin-bottom:14px; padding:0; }
#fundraiser-details h3 span { font-weight:bold; }
#fundraiser-details #donors { width:650px; }
#fundraiser-details #donors thead { background-color:#E4E4E4; width:650px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; }
#fundraiser-details #donors th { line-height:26px; font-size:12px; text-align:left; color:#1b1b1b; }
#fundraiser-details #donors th.name { font-weight:bold; padding-left:12px; width:150px; }
#fundraiser-details #donors th.comment { font-weight:bold; width:250px; }
#fundraiser-details #donors td { line-height:13px; border-bottom:1px solid #3a3a3a; font-size:11px; color:#ffffff; padding:7px 0px;}
#fundraiser-details #donors td.name { padding-left:12px; font-size:14px; width:150px; font-weight:normal; }

#help_box { height:auto; overflow:hidden; }
#help_box h3 { color:#242424; font-size:24px; line-height:30px; padding:0; margin-bottom:10px; font-weight:normal; }

#help_box .donate_box, #help_box .fundraise_box { float:left; width:270px; height:145px; background-color:#242424; padding:15px; margin-right:8px; position:relative; }
#help_box .fundraise_box { margin:0; }
#help_box h3 { color:#fff; margin-bottom:2px; }
#help_box p { color:#999; margin-bottom:25px;}

#help_box .search_fundraiser_box {background:#e1e1e1;padding:15px; height:18px; margin-top:10px;width:578px}


.fundraiser_left {width:114px; float:left;}
.fundraiser_right {width:430px; float:left;}
.fundraiser_right  h3 {font-size:20px;}
.fundraiser_right  p {font-size:12px;}

.campaign_form {padding:0px 10px;}

.zeroclip {margin-top:12px;}

div.campaign img {}
div.campaign h1  {padding:10px 10px 0px 0px;}
div.campaign div.camapign_content {}


div.donation_form {
	padding:10px;
}

div.donation_form .head {
	margin-bottom:20px;
}

/* reports */
#display_report {margin: 5px 5px 20px 5px;}
#display_report table {width: 700px;}
#display_report table th {font-size: 12px; font-weight:bold; text-align:left;}
#display_report table td {font-size: 10px; text-align:left; padding: 5px;}
table tr.even {background-color: #fff;}
table tr.odd {background-color: #EFEFEF;}

.activity_list .head { font-size: 12px; color: #fff; margin-bottom: 0; }
.activity_list .head p { float: left; display: inline; line-height: 24px; }
.activity_list h4 { font-size: 14px; color: #1b1b1b; font-weight: normal; padding: 16px 0 11px; }
.activity_list .row { font-family: "Lucida Grande", Verdana, Arial, Sans-Serif; margin-bottom: 4px; float:left; width:690px; font-size: 11px; line-height: 20px; color: #5c5c5c; background-color:#f9f9f9;}
.users.show .activity_list .row {padding:8px;}
.activity_list .row.row_odd { background-color:#eeeeee; }
.activity_list .row a { font-weight: bold; color: #1b1b1b; text-decoration: underline; }
.activity_list .row a:hover { color: #666666; }
.activity_list .row strong { color: #1b1b1b; }
.activity_list .buttons_left { margin-top: 34px; }
.activity_list .box_blue { margin-top: 50px; }
.activity_list .row .activity-buttons { float:right; }
.activity_list .row .activity-buttons a { color:#d70e0e; text-decoration:none; }
.activity_list .row .activity-buttons a:hover { text-decoration:underline; }

/* search results */
.campaigns .side_search, .users .side_search {margin-top: 0px;}
.search .side_search {margin-top: 0px;}

#search_results {margin: 5px 5px 20px 5px;}
#search_results table {width: 700px;}

/* flash messages */
#flash {font-size:14px; text-align:center; position: absolute; float: left; top: 6px; left: 12px; width: 90%; background-color: #fff; padding: 16px; opacity:0.9; filter:alpha(opacity=90); -moz-opacity:0.9;}
#flash #error {border:1px solid #979797; padding: 12px; color: #CD3D3E; font-weight: bold; background-color: #fff; opacity:1; filter:alpha(opacity=100); -moz-opacity:100;}

/* REAL CSS!!! Yeah, that's right bitch, I said it. */

#header_navigation { 
	padding-top: 10px; 
	padding-bottom: 10px; 
	overflow: hidden;  
	width: 950px; 
	margin: 0 auto; 
	position: relative; 
	padding-left: 10px !important;
}

#header_navigation h1 {
	float:left;
	width:300px;
}

#header_navigation ul {
	float:right;
	margin-top:20px;
}

#header_navigation ul li {
	list-style:none;
	display:inline;
}

#sidebar ul li {
	list-style:none;
	display:inline;
	padding:0px 3px;
	font-size:9px;
}

#sidebar ul {
	margin:15px 0px 30px 0px;
}

#sidebar li a.fundraise, #sidebar li a.donate  {	
	font-size:16px;
	font-weight:bold;
	padding:10px 10px 8px 10px;
}

.button, .submit {
	padding:6px 10px;
	color:#474747;
	text-align:center;
	background-color: #dbdbdb;
	color: #333;
	cursor: pointer;
	font-size: 14px !important;
	font-weight: bold;
	overflow: visible;
	top: 1px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.submit_donation {
	padding:11px 10px;
	color:#FFF !important;
	text-align:center;
	cursor: pointer;
	font-size: 18px !important;
	font-weight: bold;
	overflow: visible;
	top: 1px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}

.submit_donation:hover {
	color:#1B1B1B !important;
	text-decoration:none;
}

.processing {
	cursor: wait;	
}

.float_right {
	float: right;
	margin: 0 20px;
}

.float_left {
	float: left;
	margin: 0 20px;
}

.button:hover {
	color:#FFF !important;
	text-decoration:none;
	background: #4D4D4D;
}

.small {
	font-size:11px !important;
	padding:6px 10px;
	margin-right:5px;
	font-weight:bold;
}

.small_note {
	font-size:11px !important;
	font-weight:normal;
}
.small_note p{
	margin: 8px;
}
.small_note a{
	color: #C92C2F ;
}

.medium {
	font-size:13px !important;
	padding:6px 10px 5px 10px;
	font-weight:bold;
}

.large {
	font-size:16px !important;
	padding:10px 15px 8px 15px;
}

.button_margin {
	margin:0px 5px 0px 0px;
}

.submit { 
	font-weight:bold;
	cursor: pointer;
}

.swap {
	color:#FFF;
	background-color:#4D4D4D;
}

.swap:hover {
	color:#000 !important;
	background-color: #dbdbdb;
}

.green {
	color:#FFF;
	background-color: #23a181;
}

.dark-grey {
	color:#767676;
	background-color: #1b1b1b;
}

.light-grey {
	color:#303030;
	background-color: #DEDEDE;
}

.red {
	color:#FFF;
	background-color: #23a181;
}

.white_border {
	border:1px solid #fff;
}

.black {
	color:#FFF;
	background-color:#000;
}

#users_sidebar {
	margin:40px;
}

#users_sidebar ul li{
	list-style:none;
}

.dark_grey {
	background-color:#4D4D4D;
	color:#FFF;
}

.dark_box { 
	background: #1a1a1a; 
	padding: 10px; 
	border-radius: 2px; 
	-moz-border-radius: 2px; 
	-webkit-border-radius: 2px;
} 

.black_box { 
	background: #000; 
	padding: 5px 10px; 
	border-radius: 3px; 
	-moz-border-radius: 3px; 
	-webkit-border-radius: 3px;
	color:#FFF;
	margin-bottom:10px;
}

.stats { 
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding:6px 10px;
	background: #dbdbdb;
	background-image: -webkit-gradient(linear, 0% 0, 0% 100%, from(#F2F2F2), to(#dbdbdb));
	font-weight: bold;
	top: 1px;
	height: 100%; 
	color:#696969 !important;
}

.fundraisers_list {
	background:transparent url(../images/line.png) no-repeat scroll 0 0;
	padding:10px 0 0;
	margin-top:20px;
}


.top_fundraiser {
	border:1px solid #DEDEDE;
	margin:0px 0px 10px 0px;
	padding:15px;
}

.bottom_fundraiser {
	margin-top:16px;
}

.box { border: solid 1px #eee; background: #fff; position: relative; padding: 20px; height: 100%; }

#sidebar ul.buttons li a.left {margin-bottom:10px; width:150px; text-align:center;}



table {
	border-collapse:collapse;
	width:100%;
}


#activity th {
	background-color:#000;
	color:white;
	padding:5px 10px;
	font-size:12px;
}

#activity td {
	padding:3px 10px;
	font-size:11px;
	text-align:center;
	height:25px;
}

#hide_details {
	clear:both;
	padding-top:15px;
}

/* MESSAGES */

.message_grey {
	border:solid 1px #DEDEDE; 
	background:#EFEFEF;
	color:#222222;
	padding:10px;
	text-align:left;
	font-size:12px;
}

.message_yellow {
	border:solid 1px #DEDEDE; 
	background:#FFFFCC;
	color:#222222;
	padding:10px;
	text-align:left;
	margin-bottom:15px;
	font-size:12px;
}

.message_green {
	border:solid 1px #349534; 
	background:#C9FFCA;
	padding:10px;
	margin-bottom:15px;
	font-size:13px;
}

.message_green p {
	margin-bottom:5px;
}


.message_green a {
	font-weight:bold;
}


.message_red {
	border:solid 1px #CC0000; 
	background:#F7CBCA;
	color:#CC0000;
	font-weight:bold;
	padding:10px;
	text-align:left;
	margin-bottom:15px;
	font-size:12px;
}

.message_red ul {
	margin-left:15px;
}

.message_red li {
	padding:3px 0;
}

#search_header h1 {
	margin-bottom: 4px;
}

#search_header .search_form{
	display: block;
	float: none;
	height: 50px;
	margin: 20px 5px;
}

#search_header .search_results{
	margin-top: 20px;
}

#progress_bar {
	background-color:#EEE;
}

#progress_bar div {
	background-color:#23A181; margin:10px 0px 5px 0px; padding:5px 0;
}

#progress_bar div p {
	font-size:11px; color:#000;  padding: 0 5px; white-space: nowrap;
}

.refundbox {
	width:520px;
	padding:20px;
}

.videobox {
	width:630px;
	padding:20px;
}

#edit_donation_box .activity-buttons { float:right; clear:right;}
#edit_donation_box .activity-buttons.refund { position:relative; top: -50px;}
#edit_donation_box .activity-buttons.void { position:relative; top: -35px;}
#edit_donation_box .activity-buttons a { color:#d70e0e; text-decoration:none; }
#edit_donation .activity-buttons a:hover { text-decoration:underline; }

.donation_actions p {
	display:block;
	margin:6px 0;
}

.donation_actions input[type="submit"] {
	border: 0 none;
	background-color: transparent;
	color: #fff;
	font-weight: bold;
	padding:7px 0 8px;
}

.donation_actions input[type="submit"]:active {
	padding:8px 0 7px;
}

.donation_action_error {
	color: #fff;
	background-color: red;
	padding: 5px;
	margin: 3px 16px;
}

#clear_email {
	margin-left:260px;
}

