table{
border-collapse: collapse;
} 
#frame {
	font-family:Arial, Helvetica Neue, Helvetica, sans-serif;
	font-size:62.5%;
	background-color:#FFFFFF;
}

#skipToContent {
	position:absolute;
	left:-9999px;
}
.content-wrapper {
	z-index: 1000;
}
#headerContainer {
	padding:0 27px;
	position:relative;
	width:746px;
	margin:0 auto;
}
	#headerContainer h1 {
	
		background:url(../images/give_take_donate.gif) no-repeat top left;
		position:absolute;

		
		height:71px;
left:220px;
position:absolute;
top:12px;
width:297px;
	}
	#headerContainer #logo {
		width:151px;
		height:43px;
		background:url(../images/logo_cancer.gif) no-repeat bottom left;
		padding-top:13px;
		display: block;
	}
	#betaBadge {
		width:52px;
		height:54px;
		background:url(../images/beta.gif) no-repeat top left;
		position:absolute;
		top:15px;
		left:530px;
	}
	.betaBadgeRollover {
	background:transparent url(../images/beta_rollover.jpg) repeat scroll 0 0;
height:78px;
left:583px;
position:absolute;
top:-10px;
width:237px;
z-index:1;
	}
	.betaBadgeRollover p{
	color:#FFFFFF;
font-size:1.2em;
padding-left:28px;
padding-top:29px;
width:200px;
	}
	#headerContainer h1, #headerContainer h2, #betaBadge {text-indent:-9999px}
	#userPanel {
		float:right;
		width:170px;
		margin-top:-50px;
		position:relative;
		margin-right:-40px;
	}
		#userPanel label {
			display:none;
		}
		#userPanel input#usrEmailAddress {
			border:1px solid #ccc;
			font-size:1em;
			padding:3px;
			margin-bottom:4px;
			width:155px;
		}
		#userPanel input.passwordInput {
			width:95px;
			border:1px solid #ccc;
			font-size:1em;
			padding:3px;
			margin-bottom:3px;
		}
		#userPanel p {
		margin-bottom:11px;
		text-align:right;		
			}
			
		#userPanel .inputZone {
		width:auto;
		
		}
		#userPanel ul {
			margin-top:2px;
		}
			#userPanel li {
				float:left;
				color:#6e6e6e;
			}
			#userPanel li.forgotDetails{
			border-right:1px solid #393939;
				padding-right:10px;
				margin-right:15px;
			}
			#userPanel li.inbox {
				border-right:1px solid #393939;
				padding-right:5px;
				margin-right:5px;
				margin-top:2px;
			}
				#userPanel li a {
					color:#1e449c;
					text-decoration:underline;
				}
				#userPanel li p {
					margin-top:2px;
					color:#6e6e6e;
				}
		
		#userPanel .button {
			position:absolute;
			right:0px;
			top:0px;
		}
		#userPanel .logoutBtn a {
			color:#FFFFFF;
			text-decoration:none;
		}
		#userPanel.loggedIn {
		left:-12px;
position:relative;
top:5px;
width:205px;
		
		}
			#userPanel.loggedIn ul li {
			float:right;
			margin-right:7px;
				
			}
			
			.loggedOut {
			position:relative;
			left:130px;
			top:-5px;	
			width:300px !important;
		}
		
	
		
		
		
		.login_error_note {
		padding-top:3px;
		padding-bottom:3px;
		color:#990000}
		

#navigation {
	margin-top:34px;
	zoom:1;
}

	#navigation ul {
		margin:0 auto;
		overflow:hidden;
		padding-left:102px;
		padding-top:5px;
	}
		#navigation li {
			float:left;
			padding:6px 16px;
			background:#1e449c url(../images/tabs/tab_default.png) no-repeat;
			border-bottom:1px solid #fff;
			margin-right:1px;
			width:auto;
			position:relative;
			
		}
		
		#navigation li span {
		background:#1e449c url(../images/tabs/tab_right.png) no-repeat scroll right center;
		border-bottom-color:#FFFFFF;
		height:17px;
		padding-left:5px;
		padding-top:8px;
		right:-5px;
		top:0px;
		margin-right:5px;
		position:absolute;
		}

		
	#navigation li.give span{
	background:#3CB2D3 url(../images/tabs/tab_right.png) no-repeat scroll right center;
	border-bottom-color:#FFFFFF;
	
		}
		
		/*li*/
		#navigation .take span{
		background:#ec008c url(../images/tabs/tab_right.png) no-repeat scroll right center;
		border-bottom-color:#FFFFFF;
	
		}
			
		#navigation li.current {
			border-bottom-color:#1b3c89;
		}
			
		#navigation .givetab_current {
			border-bottom-color:#3cb2d3 !important;
		}
		#navigation .taketab_current {
			border-bottom-color:#ec008c !important;
		}
			#navigation li.give{
			background-color:#3cb2d3;	
		}
		
	
		#navigation .take {
			background-color:#ec008c;
		}	
		#navigation li.give,
		#navigation li.take {
		background-image:url(../images/tabs/tab_default.png) no-repeat;
		margin-top:-5px;
		padding:8px 25px 7px;
		}
			#navigation li.give a,
			#navigation li.take a {
				font-size:1.6em;
			}
			#navigation li a {
				color:#fff;
				text-decoration:none;
				font-size:1.4em;
			}
		
				 

#contentContainer {
	padding:10px 0;
	background:#e5e7f4 url(../images/1px_Nav_border.gif) repeat-x 0 0;
	zoom:1;
	border-top:3px solid #1B3C89;
}
body.give #contentContainer {border-color:#3cb2d3}
body.take #contentContainer {border-color:#ec008c}



	#content {
		width:740px;
		margin:0 auto;
	}
		#content .leftColumn,
		#content .mainColumn {
			float:left;
		}
		#content .leftColumn {
			width:30%;
		}
		#content .mainColumn {
			margin-left:4%;
			width:65%
		}
	
		
		.myProfilePage #content , body.profile #content {width:740px}
		
		.myProfilePage #content .leftColumn , body.profile #content .leftColumn {width:0%}
		.myProfilePage #content .mainColumn , body.profile #content .mainColumn {width:526px;
		margin-left:28%;
		}
		
	
		
		body.home #content {width:800px}

#socialBookmarksContainer {
	background:#e5e7f4;
	
	clear:both !important;

}
#socialBookmarks {
padding-top:10px;
		padding-bottom:20px;
	width:740px;
		margin:0 auto;
	
	}
	

	
		#socialBookmarks ul {
			border:1px solid #ccc;
			width:740px;
			padding:12px 0 12px 0;
			margin:0 auto;
			position:relative;
			background:#fff;			
		}
	
			#socialBookmarks li {
				display:inline;
				padding-left:20px;
				
			}
				#socialBookmarks li a{
						padding-left:30px;
				
			}


	
			
				
			#socialBookmarks .share {
		background-image:url(../images/bookmarks_left.jpg);
background-repeat:no-repeat;
color:#676767;
font-size:1.4em;
font-weight:bold;
margin-left:-1px;
padding-bottom:20px;
padding-left:19px;
padding-top:12px;
			
				
			}
			
					#socialBookmarks .facebook {
	background-image:url(../images/bookmarks_right.jpg);
background-position:right center;
background-repeat:no-repeat;
padding-bottom:15px;
padding-right:14px;
padding-top:15px;
position:absolute;
right:-1px;
top:-1px;
			
				
			}
				#socialBookmarks a {
					color:#000;
					text-decoration:none;
					background-position:center left;
					background-repeat:no-repeat;
				}
				#socialBookmarks li a:hover {text-decoration:underline}
				#socialBookmarks li.email a {background-image:url(../images/social_bookmarks/email.gif)}
				#socialBookmarks li.reddit a {background-image:url(../images/social_bookmarks/reddit.gif)}
				#socialBookmarks li.delicious a {background-image:url(../images/social_bookmarks/delicious.gif)}
				#socialBookmarks li.digg a {background-image:url(../images/social_bookmarks/digg.gif)}
				#socialBookmarks li.furl a {background-image:url(../images/social_bookmarks/furl.gif)}
				#socialBookmarks li.su a {background-image:url(../images/social_bookmarks/stumble.gif)}
				#socialBookmarks li.facebook a {background-image:url(../images/social_bookmarks/facebook.gif)}

#footerContainer {
	background:#fff url(../images/1px_Footer_border.gif) repeat-x 0 0;
}


	#footer {
		padding-top:25px;
		width:800px;
		margin:0 auto 30px auto;
	}
		#footer ul {
			width:500px;
			margin:0 auto;
			padding-top:25px;
			/*background:url(../images/footer/logo_together.gif) no-repeat top center;*/
		}
			#footer li {
				float:left;
				padding-right:10px;
				border-right:1px solid #000;
				margin-right:10px;
				margin-top:3px;
			}
				#footer li a {
					color:#000;
				}
			#footer li.donateNow {
				border:0;
				background:url(../images/footer/logo_arrow.gif) no-repeat right center;
				margin:0;
				padding:3px 20px 3px 0;
			}
				#footer li.donateNow a {
					color:#1e449c;
					font-weight:bold;
				}
		#footer p {
			clear:both;
			color:#585858;
			text-align:center;
			line-height:1.6em;
			margin:0 100px;
			padding:7px 0 5px;
		}
		#footer p a {
			color: #333;
		}

/*BUTTON STYLES*/

.btn, .btn_left, .btn_right{
margin:0px;
height:20px;
padding-left:8px;
padding-top:3px;
padding-right:8px;
padding-bottom:4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF !important;
font-weight:bold;
width:auto;
position:relative;
text-decoration:none;

}

.take_btn_arrow {
	display: block;
	background: url(../images/buttons/take_button.png) no-repeat top left;
	height: 20px;
	padding: 3px 11px 3px 5px;
	color: #fff !important;
	text-decoration: none;
	position: relative;
}

.take_btn_arrow span {
	position: absolute;
	background: url(../images/buttons/take_button_rightarrow.png) no-repeat top left;
	width: 11px;
	height: 20px;
	top: 0;
	right: -3px;
}

.btn span {
	right:0px;
	top:0px;
	height:20px;
	width:4px;
	
	}
	
a.plain span {
margin:0px -17px 0px 5px;
padding:3px 0px 3px 9px;
}
	
a.left span{
	left:-7px;
		top:1px;
		position:absolute;
		height:20px;
		width:11px;}

a.right span{
	right:-7px;
			top:0px;
		position:absolute;
		height:20px;
		width:11px;
		}
		
.default_left, .give_left, .take_left, .legal_left {
		background-repeat:no-repeat;
background-position:right;
padding-right:7px;
margin-left:7px;
}

/*DEFAULT BUTTONS*/

.default, .default_right {
background-image:url(../images/buttons/default_button.png);
background-repeat:no-repeat;
}

.default span {
		background:url(../images/buttons/default_button_edge.png) no-repeat;
}
	
.default_right span {
		background:url(../images/buttons/default_button_rightarrow.png) no-repeat;
		}
		
.default_left{
background-image:url(../images/buttons/default_button_left.png);


}

.default_left span {
		background:url(../images/buttons/default_button_leftarrow.png) no-repeat;
	
		}

/*GIVE BUTTONS*/

a.give, a.give_right {
background-image:url(../images/buttons/give_button.png);
background-repeat:no-repeat;
}

a.give span {
		background:url(../images/buttons/give_button_edge.png) no-repeat;
}
	
a.give_right span {
		background:url(../images/buttons/give_button_rightarrow.png) no-repeat;
		}
		
a.give_left{
background-image:url(../images/buttons/give_button_left.png);


}

a.give_left span {
		background:url(../images/buttons/give_button_leftarrow.png) no-repeat;
	
		}
		
/*TAKE BUTTONS*/

a.take, a.take_right {
background-image:url(../images/buttons/take_button.png);
background-repeat:no-repeat;
}

a.take span {
		background:url(../images/buttons/take_button_edge.png) no-repeat;
}
	
a.take_right span {
		background:url(../images/buttons/take_button_rightarrow.png) no-repeat;
		}
		
a.take_left{
background-image:url(../images/buttons/take_button_left.png);


}

a.take_left span {
		background:url(../images/buttons/take_button_leftarrow.png) no-repeat;
	
		}
		
/*LEGAL BUTTONS*/

a.legal, a.legal_right {
background-image:url(../images/buttons/legal_button.png);
background-repeat:no-repeat;
}

a.legal span {
		background:url(../images/buttons/legal_button_edge.png) no-repeat;
}
	
a.legal_right span {
		background:url(../images/buttons/legal_button_rightarrow.png) no-repeat;
		}
		
a.legal_left{
background-image:url(../images/buttons/legal_button_left.png);


}

a.legal_left span {
		background:url(../images/buttons/legal_button_leftarrow.png) no-repeat;
	
		}
		
/*SUBMIT BUTTONS*/
.submithack_legal input, .submithack_give input, .submithack_take input, .submithack_default input{
border:none;
height:20px;
padding:2px 2px 4px 4px;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-weight:bold;
width:auto;
background-color: transparent;
vertical-align:top;
position:relative;
}



.submithack_default span, .submithack_take span, .submithack_give span, .submithack_legal span {
background-repeat:no-repeat;
padding:2px 5px 3px 6px;
width:11px;
height:20px;
position:absolute;
}



.submithack_default input{
background-image:url(../images/buttons/default_button.png);

}
.submithack_give input{
background-image:url(../images/buttons/give_button.png);
}
.submithack_take input{
background-image:url(../images/buttons/take_button.png);
}
.submithack_legal input{
background-image:url(../images/buttons/legal_button.png);
}
.submithack_default span{
background-image:url(../images/buttons/default_button_rightarrow.png);
}
.submithack_take span{
background-image:url(../images/buttons/take_button_rightarrow.png);
}
.submithack_give span{
background-image:url(../images/buttons/give_button_rightarrow.png);
}
.submithack_legal span{
background-image:url(../images/buttons/legal_button_rightarrow.png);
}


.prev-inactive {
	background: transparent url(../images/arrow_left_inactive.png) no-repeat left center;
	height: 11px;
	padding-right: 8px;
}

.prev-active {
	background: transparent url(../images/arrow_left_active.png) no-repeat left center;
	padding-right: 8px;
}

.next-active {
	background: transparent url(../images/arrow_right_active.png) no-repeat left center;
	height: 11px;
	margin-left:3px;
	padding-right: 10px;
	}
	.next-inactive {
	background: transparent url(../images/arrow_right_inactive.png) no-repeat left center;
	height: 11px;
	margin-left:3px;
	padding-right: 10px;
}



.profile .pagination #totals {
padding-right:20px;
background-image:none;}

._legal p {
padding:10px 10px !important;}

._legal strong {
font-weight:bold;
font-size:11px;
}

._legal blockquote {
font-size:8px;
padding-left:10px;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.submithack_default span, .submithack_take span, .submithack_give span, .submithack_legal span {
margin-left:-2px;
}

#home .submithack_give span, #home .submithack_take span {
margin-top:-115px;
}

.takeOffer-topNavigate .addContact-btn {
border:1px solid #ffffff;
margin-top:-10px;

}

.btn.left span {
margin-top:-1px;}

.refForm .textareaRightBtn {
margin-top:32px !important;
}

.exchanges .exchange_container .feedback_actions_save .submithack_give span, .exchanges .exchange_container .feedback_actions_save .submithack_take span{
margin-top:-20px;
right:0px;
}

.edit_offer .buttonZone .submithack_give span{
margin-top:-20px;
margin-left:36px;
}

.profile_area_main .linkNavigate .cancel-save-btn span {
position:absolute;
margin-right:-10px;
}

.offers .list_offer .offer_manage_buttons .plain span{
position:absolute;
margin-right:-10px;
}

.register .reg1, .register .reg2 {
margin-top:-6px !important;
}

.register .register_next_btn .submithack_default span
{
position:absolute;
margin-top:-20px;
margin-left:35px;}

.connected-col .box span{
height:20px;
position:absolute;

margin-left:95px;
margin-top:-5px;
}

#communication_contactus .submithack_default span {
margin-left:48px;}

._reference .submithack_default span, #register_interest .submithack_default span{
margin-top:-20px;
margin-left:48px;
}

#register_interest_p_postcode .register_next_btn .submithack_default span{
margin-left:48px;
}

.submithack_legal input, .submithack_give input, .submithack_take input, .submithack_default input {
padding:3px 2px 4px 4px !important;
}

.submithack_legal input, .submithack_give input, .submithack_take input, .submithack_default input {

padding:3px 4px 4px 4px!important;

}


}

.loggedOut .inputZone .submithack_default{
margin-left:10px;
margin-top:1px;}
.clearAll {
	clear: both;
}

/* image styles added by zanete on 21/10/2008 for use on images uploaded through fig */
.imageright {
 padding-left: 10px; background: #ffffff; float: right
}
.imageleft {
 padding-right: 10px; background: #ffffff; float: left
}
.imagecenter {
 background: #ffffff; float: center
}