/* CSS Document */

/* Body and Universal Reset */

* {margin: 0; padding: 0;}

html, body {
	margin: 0;
	padding: 0;
	height: 100%;
}

body {
	text-align:center;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	background:url(/images/bubble/backgrounds/bg.jpg) repeat-x top center #121F3F;
}
	
#container {
	text-align:left;
	background:url(/images/bubble/backgrounds/footer_bg.jpg) repeat-x bottom;
}

.bubbleInner #container {
	height:844px;
}

#bodyContainer {
	padding:40px 30px 0;
	margin:0 0 13px 0;
	height:757px;
	background:url(/images/bubble/backgrounds/body_bg.jpg) no-repeat top center;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	line-height:19px;
	vertical-align:top;
}

img {
	border:0;
}

#popupWindowCaller {
	display:none;
}

.clear {
	clear:both;
}


/* Typography */

h1 {
	color:#FF009A;
	font-weight:bold;
	font-size:24px;
	line-height:24px;
	text-transform:uppercase;
	margin:0 0 15px 0;
}

h2 {
	color:#FF009A;
	font-weight:bold;
	font-size:16px;
	text-transform:uppercase;
	margin:0 0 10px 0;
}

a {
	text-decoration:none;
	color:#FF009A;
}

a:hover {
	text-decoration:none;
}

.white {
	color:#fff;
}

.pink {
	color:#FF009A;
}

.blue {
	color:#287093;
}

.comment {
	color: #999999;
}

hr {
	margin: 20px 0;
	border-width: 1px 0 0 0;
	border-color: #FF009A;
	border-style: solid;
}


/* Header */

#totals {
	font-weight:bold;
	line-height:30px;
	height:95px;
	padding:20px 0 10px 0;
}

.totalRaised {
	font-size:38px;
}

.headerCircle {
	background:url(/images/bubble/backgrounds/header_circle_bt.gif) right 15px no-repeat;
	height:115px;
	width:115px;
	line-height:115px;
	text-align:center;
	font-weight:bold;
	font-size:15px;
	float:left;
	color:#FF009A;
}

#createBubble {
	float:right;
	width:220px;
	line-height:115px;
	font-weight:bold;
}

a.headerCircle {
	font-size:18px;
	float:right;
}

a.headerCircle:hover {
	background-position:right -122px;
	font-size:24px;
}



/* Main Navigation */

#mainNav {
	margin:0 0 10px 25px;
	height:27px;
	width:820px;
	background-color:#262626;
	padding-top:9px;
}

#mainNav li {
	list-style:none;
	display:inline;
	float:left;
}


/* Content */

.roundedCornersContainer {
	width:586px;
	margin:0 auto;
	background:url(/images/bubble/backgrounds/rounded_corners_top.gif) no-repeat 0 -10px;
	padding:10px 0 0 0;
	color:#287093;
}

.roundedCornersContainer td {
	color:#287093;
}

.roundedCornersBottom {
	height:10px;
	background:url(/images/bubble/backgrounds/rounded_corners_top.gif) no-repeat;
}

.roundedCornersContent {
	background:#fff;
	padding:15px 15px 1px 25px;
}

.scrollContent {
	overflow:auto;
	height:525px;
	padding:0 10px 0 0;
}

.roundedCornersContainer p, .roundedCornersContainer table, .roundedCornersContainer ul {
	margin:0 0 18px 0;
}

.roundedCornersContainer ul {
	margin-left:18px;
}

a.close {
	background:url(images/bubble/backgrounds/close.gif);
	width:18px;
	height:18px;
	float:right;
	margin:-15px -3px 0 0;
	position:relative;
}

a.close:hover {
	background-position:0 -18px;
}



/* Large Bubble */

#largeBubble {
	background:url(/images/bubble/backgrounds/large_bubble.png) no-repeat;
	_background:none;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/bubble/backgrounds/large_bubble.png');
	width:311px;
	height:340px;
	padding:60px 75px;
	margin:15px auto 0;
	text-align:center;
	text-transform:uppercase;
	font-weight:bold;
	font-size:14px;
}

#largeBubble p, #largeBubble h1, #largeBubble ul {
	margin:0 0 17px 0;
}

#largeBubble p.updateBubbleLink {
	margin:-30px 0 11px 0
}

#largeBubble h2 {
	margin:0 0 5px 0;
}

.bubbleLineBreak {
	background:url(images/bubble/backgrounds/buble_line_break.png) no-repeat bottom center;
	height:1px;
	margin:0 0 20px 0;
	_background:none;
	_border-bottom:1px solid #fff;
}

#largeBubble p.goal {
	line-height:50px;
	margin:-9px 0 0 0;
	padding:0 0 14px 0;
	*padding:0 0 18px 0;
}

.goalAmmount {
	font-size:50px;
	vertical-align:middle;
}

#largeBubble p.currentlyRaised {
	font-size:26px;
	padding:5px 0;
}

.recentDonations li {
	list-style:none;
	display:inline;
	padding:0 5px;
	font-size:12px;
}

#largeBubble p.shareBubble {
	margin-top:-6px;
}

.shareBubble img {
	vertical-align:middle;
	margin:0 0 9px 0;
}


/* Bubble Form */

.bubbleForm p {
	margin:0;
}

.bubbleForm p.goalRaised {
	padding:5px 0 15px 0;
	font-weight:bold;
	text-transform:uppercase;
	font-size:13px;
}

.required {
	color:#FF0093;
	font-size:12px;
}

.bubbleForm h3 {
	font-size:12px;
	color:#FF0093;
	text-transform:uppercase;
	font-weight:bold;
	margin:10px 0 0 0;
}

.bubbleFormLabel {
	padding:0 7px 10px 0;
	color:#2F8FAB;
	font-size:11px;
	font-weight:bold;
	float:left;
	text-transform:uppercase;
}

.bubbleFormLabelLast {
	padding-right:0;
}

.bubbleForm input.textinput, .bubbleForm input.textinputhover, .bubbleForm textarea.textinput, .bubbleForm textarea.textinputhover {
	background:#ededed;
	border:none;
	padding:7px;
	color:#FF0093;
	font-weight:bold;
	font-size:13px;
}

.bubbleForm input.textinputhover, .bubbleForm textarea.textinputhover {
	background:#E0E0E0;
}

.donationAmount {
	background:#ededed;
	font-weight:bold;
	font-size:13px;
	float:left;
	margin:0 7px 0 0;
	*margin-top:1px;
	padding:5px 15px 0;
	height:25px;
}

.donationAmount:hover {
	background:#E0E0E0;
}

.bubbleForm input.donationAmountDown, .donationAmountDown, .donationAmountDown:hover {
	background:#FF0093;
	color:#fff;
}

.selectCont {
	background:#ededed;
	padding:6px 5px 0;
	margin:1px 0 0 0;
	height:24px;
}

p.formFooter {
	font-size:11px;
	margin:5px 0;
}

.formFooter img {
	vertical-align:middle;
	margin:0 5px 0 0;
}

.bubbleForm .submit {
	float:right;
	padding:13px 0 0 0;
}


/* Online Enquiry Form */

.onlineEnquiryTable td {
	padding-bottom:5px;
}

.yourDetails {	
	padding:7px 0 0 0;
	height:30px;
	font-weight:bold;
	font-size:13px;
}

.requiredFields {
	text-align:right;
	padding:7px 0 0 0;
	font-size:11px;
}

.onlineEnquiryTable input.textinput, .onlineEnquiryTable input.textinputhover, .onlineEnquiryTable textarea {
	width:440px;
}

input, textarea {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	background-image:url(/images/backgrounds/white.gif);
}

.textinput {
	border:1px solid #BABABA;
	padding:3px;
}

.textinputhover {
	border:1px solid #70A329; 
	padding:3px;
}

select {
	font-size:11px;
	color:#808080;
	text-transform:capitalize;
}

.submit {
	text-align:right;
}

.errorText {
	color:#FF0000;
}


/* Footer */

#share {
	float:right;
	font-weight:bold;
	font-size:11px;
	padding:0 45px 0 0;
	width:265px;
	text-align:right;
}

#share img {
	vertical-align:middle;
	margin:0 0 0 4px;
}

#aeiouFooter {
	padding:0 0 0 45px;
	float:left;
	font-weight:bold;
	font-size:11px;
	width:265px;
}

.aeiouLogo {
	margin:-95px 0 0 0;
	float:left;
}

#footer {
	font-weight:bold;
	font-size:11px;
	text-align:center;
}

#footer a {
	color:#fff;
}

#footer a:hover {
	color:#FF0093;
}