@CHARSET "UTF-8";

/* fundraiser css */
.fundraiserUrl {
	font-size: 12pt;
	color: #666666;
	border-right: 1px solid #ccc;
	padding: 15px 0 15px 15px;
	width: 205px;
	font-weight: bold;
	float: left;
}

div.goal,div.goal2 {
	float: left;
	font-weight: bold;
	font-size: 12pt;
	color: #666;
	padding: 15px 0 15px 15px;
	width: 280px;
	border-right: 1px solid #ccc;
}

div.goal2 {
	width: 230px;
}

.goalBarEmpty,.goalBarFull {
	background: url(../images/grey-bar-empty.gif) no-repeat 0 0;
	height: 19px;
	float: left;
	margin-top: 5px;
}

.goalBarEmpty {
	width: 169px;
}

.goalBarFull {
	background: url(../images/purple-bar-full.gif) no-repeat 0 0;
	margin-top: 0;
}

div.goal a,div.goal2 a {
	float: left;
	padding: 10px 5px 5px 10px;
}

div.goal span,div.goal2 span {
	color: #63a400;
}

.uploadMoney {
	width: 100px;
	float: right;
	text-align: center;
	padding: 30px 10px 0 0;
}

#completeBarEmpty,#completeBarFull {
	height: 19px;
	float: left;
	margin: 12px;
	background: url(../images/grey-bar-empty2.gif) no-repeat 0 0;
}

#completeBarEmpty {
	width: 118px;
}

#completeBarFull {
	background: url(../images/green-bar-full2.gif) no-repeat 0 0;
	margin: 0;
}

.yellowBlock p {
	padding: 9px 0 0 0;
}

.whiteBlock {
	margin-left: 17px;
	width: 635px;
}

.whiteBlock h3 {
	margin-bottom: 14px;
	font-weight: bold;
	font-size: 18px;
}

.templateRadioButtons {
	height: 20px;
	font-size: 13px;
}

.templateRadioButtons label {
	text-align: left;
	display: block;
	width: 95px;
	height: 20px;
	float: left;
	clear: none;
	margin: 0 5px;
	color: #6f5eb3;
	font-weight: bold;
}

.templateRadioButtons input {
	float: left;
	margin: 0 7px 0 15px;
}

#mainContent .formButtons #playNow {
	float: left;
	background: url(../images/play-game.jpg) no-repeat 0 0;
	width: 101;
	height: 29px;
}

#ecardFlashHolder {
	width: 660px;
	float: left;
	margin-left: 15px;
}

#profilePhoto {
	float: left;
	margin-right: 7px;
}

#mainContent .profileName {
	background: #e8e1fb url(../images/dashboard-purple-bg.gif) no-repeat 0 0
		;
	width: 681px;
	height: 65px;
	position: relative;
}

#mainContent #pfpHeader .profileName {
	float: left;
	width: 515px;
	background: url(../images/pfp-header-bg.gif) no-repeat 0 0;
}

#mainContent .profileName h2, #mainContent .profileName h3 {
	position: absolute;
	display: block;
	width: 350px;
	height: 30px;
	top: 21px;
	left: 20px;
	font-family: Arial;
	font-size: 24px;
	font-weight: bold;
	color: #5c4b9f;
	padding: 0;
	margin: 0;
}

/* need fundraisers stats here for logged out pfp pages */
#mainContent .profileName .fundraiserStats {
	background: url(/themes/default/images/dashboard-chest.gif) no-repeat 0 21px;
	position: absolute;
	top: 7px;
	right: 0;
	width: 280px;
	height: 55px;
	color: #63a400;
	font-family: Arial;
	font-weight: bold;
	font-size: 34px;
}

#mainContent .profileName .fundraiserStats h4 {
	color: #5c4b9f;
	font-size: 13px;
	font-family: Arial;
	padding: 0;
	margin: 0 0 1px 0;
}

#mainContent .profileName .fundraiserStats p {
	margin: 0 0 0 45px;
	padding: 0;
	display: block;
	width: 250px;
	height: 30px;
}

#mainContent .profileName h3 {
	font-family: Arial;
	font-size: 18px;
	font-weight: bold;
	color: #5c4b9f;
	top: 15px;
	width: 200px;
	padding: 0;
	margin: 0;
}

#mainContent .collapseable .zend_form {
	width: 600px;
}

/* general fundraiser dashboard styles */
.collapseableHeader a.floatRight {
	background: none;
	float: right;
	color: #fff;
	font-size: 14px;
	width: 140px;
	line-height: 22px;
	text-align: center;
	display: block;
	position: relative;
}

.collapseable #donations table {
	width: 650px;
}

.collapseable #donations table tr.even td {
	background: #eaeaea;
}

.collapseable #donations table td {
	padding: 3px 1px;
}

.collapseable #donations table .date {
	width: 65px;
	text-align: center;
}

.collapseable #donations table .time {
	width: 75px;
	text-align: center;
}

.collapseable #donations table .amount {
	width: 70px;
}

.controls {
	float: left;
	width: 122px;
	margin: 20px 0 0 10px;
}

.controls .button {
	width: 100%;
	text-indent: 0;
	font-size: 10px;
	padding-left: 20px;
	height: 24px;
	float: left;
}

#editFundraiser {
	background: url(/themes/default/images/edit-pencil.gif) no-repeat;
}

#previewFundraiser {
	background: url(/themes/default/images/preview-eyeglass.gif) no-repeat;
}

.shareLinks {
	border-bottom: 1px solid #ccc;
	height: 118px;
	margin-bottom: 15px;
}

.shareLinks a {
	display: block;
	float: left;
	width: 99px;
	height: 99px;
	overflow: hidden;
	cursor: pointer;
	margin-left: 8px;
}

.shareLinks a span {
	width: 100%;
	height: 100%;
	display: block;
}

.shareLinks .ecard {
	margin: 0;
}

.shareLinks .ecard span {
	background: url(/modules/give/themes/default/images/share-ecard.jpg)
		no-repeat;
}

.shareLinks .ecard:hover span {
	background: url(/modules/give/themes/default/images/share-ecard.jpg) 0
		-99px no-repeat;
}

.shareLinks .email span {
	background: url(/modules/give/themes/default/images/share-email.jpg)
		no-repeat;
}

.shareLinks .email:hover span {
	background: url(/modules/give/themes/default/images/share-email.jpg) 0
		-99px no-repeat;
}

.shareLinks .facebook span {
	background: url(/modules/give/themes/default/images/share-facebook.jpg)
		no-repeat;
}

.shareLinks .facebook:hover span {
	background: url(/modules/give/themes/default/images/share-facebook.jpg)
		0 -99px no-repeat;
}

.shareLinks .twitter span {
	background: url(/modules/give/themes/default/images/share-twitter.jpg)
		no-repeat;
}

.shareLinks .twitter:hover span {
	background: url(/modules/give/themes/default/images/share-twitter.jpg) 0
		-99px no-repeat;
}

.shareLinks .contacts span {
	background:
		url(/modules/give/themes/default/images/share-import-contacts.jpg)
		no-repeat;
}

.shareLinks .contacts:hover span {
	background:
		url(/modules/give/themes/default/images/share-import-contacts.jpg) 0
		-99px no-repeat;
}

.shareLinks .creationstation span {
	background:
		url(/modules/give/themes/default/images/share-creationstation.jpg)
		no-repeat;
}

.shareLinks .creationstation:hover span {
	background:
		url(/modules/give/themes/default/images/share-creationstation.jpg) 0
		-99px no-repeat;
}

#donations {
	margin-bottom: 15px;
}

.sponsorTitle {
	background:
		url(/modules/give/themes/default/images/purple-header-bg.jpg)
		no-repeat;
	width: 651px;
	height: 40px;
	line-height: 40px;
	text-indent: 15px;
	color: #fff;
}

/* generic fundraiser dashboard styles */
#activeFundraisers #createFundraiser {
	background: url(../images/create-a-fundraiser.gif) no-repeat;
	width: 171px;
	height: 29px;
	margin: 10px 0 0 15px;
}

#activeFundraisers .collapseableHeader .clock {
	background: url(../images/clock.gif) no-repeat;
	height: 100%;
	margin: 0 0 0 7px;
	padding: 0;
	line-height: 40px;
	text-indent: 39px;
}

.fundraiserTitle {
	border-right: 1px solid #ccc;
	font-size: 10pt;
	color: #522398;
	padding: 15px 0 15px 15px;
	width: 250px;
	font-weight: bold;
	float: left;
}

.fundraiserTitle a {
	font-size: 12pt;
	color: #666666;
}

#previousFundraisers .collapseableHeader {
	background: url(/themes/default/images/dashboard-grey-header-bg.gif)
		no-repeat;
}

#previousFundraisers .collapseableHeader .clock {
	background: url(../images/clock-grey.gif) no-repeat;
	height: 100%;
	margin: 0 0 0 7px;
	padding: 0;
	line-height: 40px;
	text-indent: 39px;
}

#previousFundraisers .collapseableHeader .toggle {
	background: url(/themes/default/images/dashboard-grey-toggle.gif)
		no-repeat;
}

#previousFundraisers .collapseableHeader .toggle.collapsed {
	background: url(/themes/default/images/dashboard-grey-toggle.gif)
		no-repeat 0 -21px;
}

.collapseable fieldset.generic {
	background: url(../images/generic-fundraiser-bg.jpg) no-repeat 0 0;
	width: 659px;
	height: 342px;
	margin: 15px 0 0 12px;
	float: left;
}

.collapseable fieldset.generic span.header,.collapseable fieldset.generic span.footer {
	display: none;
}

.collapseable fieldset.generic .subheader {
	position: absolute;
	top: 0px;
	left: 25px;
}

.collapseable fieldset.generic .subheader h2 {
	color: #fff;
}

.collapseable fieldset.generic #donations {
	background: #8f77d6;
	width: 615px;
	position: absolute;
	left: 25px;
	top: 70px;
	color: #fff;
	height: 171px;
	overflow-y: auto;
	overflow-x: hidden;
}

.collapseable fieldset.generic #sendThankYou {
	display: block;
	width: 615px;
	padding: 0;
	position: absolute;
	top: 240px;
	left: 25px;
	color: #fff;
	text-align: right;
}

.collapseable fieldset.generic #sendThankYou span,.collapseable fieldset.generic #donations span {
	color: #ffd100;
	font-family: Arial;
	font-weight: bold;
}

.collapseable fieldset.generic a {
	color: #ffd100;
	text-decoration: none;
	font-weight: bold;
}

.collapseable fieldset.generic #fundraiserButtons {
	position: absolute;
	width: 615px;
	height: 40px;
	bottom: 25px;
	left: 25px;
}

.collapseable fieldset.generic #editFundraiser {
	background: url(../images/edit-fundraiser.jpg) no-repeat 0 0;
	width: 178px;
	height: 27px;
}

.collapseable fieldset.generic #getSponsored {
	background: url(../images/get-sponsored.jpg) no-repeat 0 0;
	width: 178px;
	height: 27px;
	position: absolute;
	right: 0;
	top: 0;
}

.collapseable fieldset.generic #donations table .odd {
	background: #6a50ba;
}

/* g4g fundraiser dashboard styles */
.collapseable fieldset.g4g {
	background: url(../images/g4g-fundraiser-bg.jpg) no-repeat 0 0;
	width: 658px;
	height: 355px;
	margin: 15px 0 0 12px;
	float: left;
}

.collapseable fieldset.g4g span.header,.collapseable fieldset.g4g span.footer {
	display: none;
}

.collapseable fieldset.g4g .subheader {
	position: absolute;
	top: 80px;
	left: 25px;
}

.collapseable fieldset.g4g .subheader h2 {
	color: #feaa04;
	font-size: 18px;
}

.collapseable fieldset.g4g #donations {
	background: #012723;
	width: 615px;
	position: absolute;
	top: 115px;
	left: 25px;
	color: #fff;
	height: 140px;
	overflow-y: auto;
	overflow-x: hidden;
}

.collapseable fieldset.g4g a {
	color: #feaa04;
	text-decoration: none;
	font-weight: bold;
}

.collapseable fieldset.g4g #meetCharacters {
	background: url(../images/g4g-meet-the-characters.jpg) no-repeat 0 0;
	width: 204px;
	height: 62px;
	position: absolute;
	right: 25px;
	top: 2px;
}

.collapseable fieldset.g4g #sendThankYou {
	display: block;
	width: 615px;
	padding: 0;
	position: absolute;
	left: 25px;
	top: 255px;
	color: #fff;
	text-align: right;
}

.collapseable fieldset.g4g #sendThankYou span,.collapseable fieldset.g4g #donations span {
	color: #feaa04;
	font-family: Arial;
	font-weight: bold;
}

.collapseable fieldset.g4g #fundraiserButtons {
	position: absolute;
	width: 631px;
	height: 50px;
	bottom: 10px;
	left: 15px;
}

.collapseable fieldset.g4g #editFundraiser {
	background: url(../images/g4g-edit-fundraiser.jpg) no-repeat 0 0;
	width: 183px;
	height: 34px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.collapseable fieldset.g4g #playNow {
	background: url(../images/g4g-play-now.jpg) no-repeat 0 0;
	width: 243px;
	height: 46px;
	position: absolute;
	bottom: 0;
	left: 196px;
}

.collapseable fieldset.g4g #getSponsored {
	background: url(../images/g4g-get-sponsored.jpg) no-repeat 0 0;
	width: 183px;
	height: 34px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.collapseable fieldset.g4g #donations table .odd {
	background: #27625b;
}

#playNow {
	background: url(../images/play-caduceus.jpg) no-repeat;
	width: 657px;
	height: 84px;
	margin: 0 0 5px 12px;
}

.goalForm {
	display: none;
	width: 160px;
	height: 74px;
	position: absolute;
	background: #eee;
	border: 1px solid #ccc;
	z-index: 1;
	top: 35px;
	left: 412px;
	padding: 0;
}

#mainContent .goalForm dl.zend_form {
	width: 160px;
	margin: 5px;
}

#mainContent .goalForm dl.zend_form dd {
	padding: 2px;
}

#mainContent ul.errors {
	display: block;
	width: 80%;
	clear: left;
	float: left;
}

#mainContent .results table {
	width: 90%;
}

#mainContent .results td {
	line-height: 35px;
	height: 35px;
}

#mainContent .results .btns {
	width: 180px;
}

#mainContent .results img {
	float: right;
}

.whiteBlock ul.results li {
	width: 100%;
	padding: 4px 0 4px 10px;
}

.whiteBlock ul.results li.odd {
	background: #eee;
}

/* pfp public page */
#mainContent #pfpHeader .profileName h2 {
	left: 15px;
}

#mainContent #pfpHeader .profileName #fundraiserStats {
	width: 280px;
}

#mainContent #pfpHeader .goal {
	position: relative;
	margin: 5px 0 5px 0;
	padding: 6px 0;
	float: left;
	width: 513px;
	height: 19px;
	background: url(../images/pfp-subheader-bg.gif) no-repeat 0 0;
	border:0;
}

#pfpHeader .goal .goalBarEmpty {
	margin: 0 10px 0 15px;
	padding: 0;
	width: 118px;
	background: url(../images/pfp-bar-empty.jpg) no-repeat 0 0;
	float: left;
	display: inline;
}

#pfpHeader .goal .goalBarFull {
	width: 118px;
	background: url(../images/pfp-bar-full.jpg) no-repeat 0 0;
}

#pfpHeader .goal a {
	padding: 0 10px;
	float: none;
	font-size: 12px;
	text-decoration: none;
}

#pfpHeader #sendMessage {
	padding-top: 2px;
	display: block;
	width: 300px;
	float: left;
	padding-left: 28px;
	background: url(../images/envelope.gif) no-repeat 0 -2px;
	height: 16px;
	text-decoration: none;
}

#pfpGeneric,#pfpG4G, #pfpBirthday {
	clear: left;
	float: left;
	margin-top: 10px;
	background: url(../images/pfp-generic-bg.jpg) no-repeat 0 0;
	width: 689px;
	height: 399px;
	position: relative;
}
#pfpBirthday {
	background: url(../images/pfp-birthday-bg.jpg) no-repeat 0 0;
    height:412px;
    color:#fff;
}
#pfpBirthday a {
    color:#fff;
    text-decoration:underline;
}

#pfpG4G {
	background: url(../images/pfp-g4g-bg.jpg) no-repeat 0 0;
}

#pfpG4G h2 {
	position: absolute;
	display: block;
	color: #fcb202;
	top: 33px;
	right: 25px;
	font-size: 21px;
	text-align: right;
	width: 400px;
	font-weight: normal;
	line-height: 20px;
}

#pfpGeneric h1, #pfpBirthday h1 {
	display: block;
	color: #fff;
	font-size: 34px;
	font-weight: bold;
	margin: 20px 0 10px 25px;
}

#pfpBirthday h1 {
    font-size:44px;
}
#pfpBirthday h1 span {
    color:#f7ff10;
}

#pfpGeneric h2, #pfpBirthday h2 {
	margin:0 0 15px 25px;
	display: block;
	color: #fff;
	font-size: 12pt;
	width: 235px;
	font-weight: bold;
	line-height: 20px;
}
#pfpBirthday h2 {
    font-size:30px;
}
#pfpBirthday h3 {
    color:#f7ff10;
    font-size:18px;
    margin:10px 0 10px 25px;
    font-weight:bold;
}

#pfpGeneric p, #pfpBirthday p {
	margin: 0 0 0 25px;
	display: block;
	width: 240px;
	height: 185px;
	font-size:13px;
	clear:left;
	color: #fff;
	overflow-y: auto;
	overflow-x: hidden;
}

#pfpBirthday p {
    width:380px;
    height:120px;
    padding-right:7px;
}
#pfpGeneric img {
    position:absolute;
    top: 70px;
    left: 270px;
}

#pfpG4G p {
	position: absolute;
	display: block;
	width: 310px;
	height: 120px;
	color: #fff;
	top: 60px;
	right: 25px;
	text-align: right;
	overflow-y: auto;
	overflow-x: hidden;
}

#pfpG4GOneTime {
	position: absolute;
	width: 275px;
	height: 32px;
	background: url(../images/pfp-one-time.jpg) no-repeat;
	right: 30px;
	top: 197px;
}

#pfpG4G5in1 {
	position: absolute;
	width: 276px;
	height: 32px;
	background: url(../images/pfp-5n1-sponsorship.jpg) no-repeat;
	right: 30px;
	bottom: 28px;
}

#pfpGenericDonate {
	margin: 0 0 10px 25px;
	width: 169px;
	height: 43px;
	background: url(../images/pfp-generic-donate.jpg) no-repeat;
}

#pfpBirthday #pfpGenericDonate {
    margin:0;
    position:absolute;
    top:340px;
    left:25px;
    background: url(../images/donate.jpg) no-repeat;
}
#pfpHeader .goalForm {
	top: 0;
	left: 290px;
}

#pfpHeader .desc {
	padding: 0;
	margin: 10px 0 0 0;
	float: left;
	clear: left;
}

/* create fundraiser buttons */
.fundraiserBtns li {
	display: block;
	float: left;
	width: 180px;
	overflow: hidden;
	padding-right: 15px;
}

.fundraiserBtns a {
	display: block;
	width: 160px;
	height: 160px;
	float: left;
	margin: 0;
	padding: 0;
	cursor: pointer;
	overflow: hidden;
	color: #555;
	font-weight: bold;
	margin-bottom:10px;
}

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

.fundraiserBtns a span {
	display: block;
	width: 160px;
	height: 160px;
	overflow:hidden;
}

.fundraiserBtns .btn1 a span {
	background: url(../images/create-g4g-fundraiser.jpg) no-repeat;
}

.fundraiserBtns .btn2 a span {
	background: url(../images/create-custom-fundraiser.jpg) no-repeat;
}

.fundraiserBtns .btn3 a span {
	background: url(../images/create-birthday-fundraiser.jpg) no-repeat;
}

.fundraiserPreview {
	margin:auto;
	padding-top:10px;
	width:625px;
}
.fundraiserPreview iframe {
	border:1px solid #ddd;
}