/*
BASE PAGE STYLES
*/

body{
	font-size: 14px;
}

a:link, a:visited, a:active, a:focus. a:hover {
	text-decoration:none !important;
}


.homePanel{
	width:100%;
	padding-bottom: 20px;
}

.centeredContent {
	margin: 0 auto;
	width: 1000px;
	padding: 0;
	min-width: 1000px;
}

/*
CAROUSEL
*/

.slide{
	width:1000px;
	height:490px;
	margin:0;
	padding:0;
	position:relative;
	list-style-type:none;
	border: 1px solid #dadada;
}

.slide a{
	display:block;
	width:1000px;
	height:490px;
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	left:0;
	z-index:5;
}

.slide .slideInfo, .carouselBG .slideDonate{
	display:block;
	width:210px;
	margin:0;
	padding:10px;
	position:absolute;
	top:20px;
	left:20px;
	z-index:10;
	
	background-color:rgba(0,0,0,0.7);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.slide .slideInfo a, .slide .slideInfo a:hover,.carouselBG .slideDonate a, .carouselBG .slideDonate a:hover{
	position:relative;
	text-decoration: none;
	display:block;
	width:210px;
	height: auto;
}

a.otherAppeal{
	margin-bottom:10px;	
	padding:0;
}

.slide .slideInfo .slideTitle, .carouselBG .slideDonate .slideTitle , .followDonate .slideTitle{
	display:block;
	font-size: 18px;
	font-size:1.8rem;
	font-weight:bold;
	line-height:120%;
	/*color:rgb(205,223,64);*/
	text-align:left;
}

.slide .slideInfo .slideDesc, .carouselBG .slideDonate .slideDesc{
	display:block;
	font-size: 14px;
	font-size:1.4rem;
	line-height:140%;
	color:rgb(255,255,255);
	text-align:left;
}



.slide .slideInfo a.slideMore{
	display:block;
	height: 21px;
	width:210px;

}



.slide .slideInfo a.slideMore:hover{
}

.slidePointer{
	position:absolute;
	list-style-type:none;
	display:none;
	visibility:hidden;
	position:absolute;
	z-index:20;
	margin-top:-80px;
	margin-left: -20px;
}

.slidePointer li{
	display:block;
	float:left;
	margin-right:20px;
	width:225px;;

}

.slidePointer li a.selected{
	display:block;
	width:206px;
	height:22px;
	margin:0;
	padding:10px;
	text-decoration: none;

	background: url("/Platforms/RSPCAChoices/Images/slidePointer.png") no-repeat  top center transparent;

}

.slideInfo .totaliserBG, .slideInfo .raisedSoFar, .totaliserBG_small,.raisedSoFar_small{
	display:block;
	padding:0;
	margin:0;
	height:150px;
	border:1px solid white;
	float:left;
	margin-right:20px;
	width:40px;
	background-color:#679997;
	border-width:1px;
	-moz-border-radius:1px;
	-webkit-border-radius:1px;
	border-radius:1px;
	border-style:solid;
	margin-top: 20px;
}

.slideInfo .raisedSoFar,.raisedSoFar_small{
	height:100px;
	margin-top:50px;
	background-color:#7FD4D5;
	border-color:rgba(255,255,255,1.0);

	width:38px;
}

.slideInfo a.c2aButton, .knowMore a.c2aButton, .slideDonate a.c2aButton, .postAppealWidget a.c2aButton, .c2aButton {
	background-color:rgb(240,95,138);
	height:28px;
	/* Firefox v1.0+ */
	-moz-border-radius:7px;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:7px;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:7px;
	color:white;
	font-size:20px;
	font-size:2rem;
	text-align: center;
	margin-top:20px;
	padding-top: 10px;
	text-decoration: none;
	font-weight:bold;
}


.slideInfo a.c2aButton:hover, .knowMore a.c2aButton:hover, .slideDonate a.c2aButton:hover, .postAppealWidget a.c2aButton:hover,  .c2aButton:hover{
	background-color:rgb(200,78,110);
	height:28px;
	-webkit-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);
}

#sequence {
    /*border: black solid 3px;
    height: 370px;
    margin: 40px auto;

    width: 450px;*/
    position: relative;
    height: 490px;
    width: 1000px;
    background-color: #222;
}

#sequence ul {
    /*list-style: none;*/
}

#sequence li > *{
    position: absolute;
    top:0;
    left:0;
}

.slidePanel {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
	opacity: 0;
	position:relative;
	}

.slidePanel.animate-in{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity=100);
    opacity: 1;

    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.slidePanel.animate-out{
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;

    -webkit-transition-duration: 1s;
    -moz-transition-duration: 1s;
    -o-transition-duration: 1s;
    -ms-transition-duration: 1s;
    transition-duration: 1s;
}

.slide .slideInfo .otherAppeal img{
	border:1px solid white;
	display:block;
	float:left;
}

.slide .slideInfo .otherAppeal .otherAppealTitle{
width: 88px;
display: block;
float: left;
font-size:12px;
font-size: 1.2rem;
margin-left: 8px;
color: white;
margin-bottom: 8px;
}

.slideInfo .totaliserLabel2{
	margin-top:20px;
}

.slideNavigation{
	position:absolute;
	list-style-type:none;
	display:block;
	position:absolute;
	z-index:20;
	margin-top:-60px;
	margin-left: -20px;
}

.slideNavigation li{
display:block;
float:left;
margin-right:20px;
}

.slideNavigation li a{
	display:block;
	background-color:rgb(150,213,213);
	width:202px;
	height:22px;
	margin:0;
	padding:10px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	text-decoration: none;
		font-size: 15px;
	font-size: 1.5rem;
color:rgb(0,52,115);
	-webkit-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);
			border:1px solid white;
}

.slideNavigation li a.selected{
	background-color:rgb(255,255,255);
		border:1px solid rgb(150,213,213);
}

.slideNavigation li a:hover{
	background-color:rgb(255,255,255);
	-webkit-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);
}

.carouselBG{
	position: relative;
}

.slideDonate{
	position: absolute;
	top: 0;
	z-index: 99;
	display:block;
}

.breadcrumb{
	clear:both;
	color:rgb(153,153,153);
	font-size: 14px;
	font-size:1.4rem;
	margin-top:5px;
	margin-bottom: 20px;
	display: block;
    position: relative;
    padding-top: 1px;
    padding-bottom: 20px;
    margin-left: 0px;
    top: 15px;
}

.breadcrumb a{
	display:block;
	text-decoration: none;
	float:left;
	
	color:rgb(153,153,153);
}

.breadcrumb a.higherLevel{
		background: url("/Platforms/RSPCAChoices/Images/chevronSingle.png") no-repeat  top right transparent;
		margin-right:4px;
		padding-right:14px;
}

.breadcrumb a.lastLevel{
	color:rgb(0,169,171);
	}
	
.statementBar{
	clear:both;
	margin-bottom:0px;
}

.statement,  h1.appealTitle, h1.fundraiserTitle{
	font-size: 36px;
	font-size:3.6rem;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:120%;
	color:rgb(0,169,171);
	text-align:left;
	width: 420px;
	float:left;
	display: block;

}

#carousel_medium{
	position:relative;
	margin-left: 45px;
	
}

#carousel_medium .car_nav, #carousel_medium .car_img, #carousel_medium .car_txt{
	list-style: none;
	margin:0;
	padding:0;
	float: left;
	position:absolute;
}

#carousel_medium .car_nav {
	top: 5px;
	left: -60px;
	z-index: 0;
	width: 488px;
}

#carousel_medium .car_nav span.prev,#carousel_medium .car_nav span.next{
	display:block;
	height:31px;
	width:31px;
	cursor: pointer;
}

#carousel_medium .car_nav span.prev{
	background : url(/Platforms/CommLinks/Images/carouselButtons.png) 0 0 transparent;
	float:left;
}

#carousel_medium .car_nav span.next{
	background : url(/Platforms/CommLinks/Images/carouselButtons.png) 31px 0 transparent;
		float:right;
}

#carousel_medium .car_nav span.prev:hover{
	background : url(/Platforms/CommLinks/Images/carouselButtons.png) 0 62px transparent;
}

#carousel_medium .car_nav span.next:hover{
	background : url(/Platforms/CommLinks/Images/carouselButtons.png) 31px 62px transparent;
}

#carousel_medium .car_img_container {
    overflow: hidden;
    position: relative;
    height: 44px;
    width: 480px;
    left: 0;
    top: 0;
}

#carousel_medium .car_img{
	top:0;
	left:0;
	z-index:10;
	width: 546px;
}

#carousel_medium .car_img li{
float:left;
display: block;
margin-right:0;
width:148px;
}

#carousel_medium .car_img	li.slide-panel {
		width:160px;
}


#carousel_medium .car_txt h2 a {
	display: block;
	top: 125px;
	width: 236px;
	height: 35px;
	position: absolute;
	padding-top: 6px;
	padding-left: 0;
	padding-right: 0;
	font-size: 14px;
	font-size:1.4rem;
}

div.paymentTicker{
	overflow: hidden;
    position: relative;
    height: 83px;
    width: 570px;
    
padding-top: 4px;
}

.paymentContainer{
	width:100%;
	padding:0;
	margin:0;	
	border: 1px solid transparent;
}
	
.videoCarousel{
	background-color: #222;
	display: block;
	width: 1000px;
	float: left;
	height: 490px;
	position:absolute;
	top:0px;
	left:0px;
}

/*

Donation Ticker

*/

.alongWith{
	float:left;
	font-weight:bold;
	margin-top:16px;
	font-size: 14px;
	font-size:1.6rem;
	color: #003372;
	margin-left: 5px;
}

.donationMade{
	float:right;
	margin-left:10px;
	width:149px;
	border-right:1px solid gainsboro;
}

.donationMade .amount{
	width:32px;
	text-align: center;
	margin-right:9px;
	color:#00A8AB;
	font-size: 12px;
	font-size:1.2rem;
	font-weight: bold;
	display: block;
	margin-bottom: 4px;
}

.donationMade .from{
	float:left;
	height:14px;
	font-size: 12px;
	font-size:1.2rem;
	color:rgb(80,80,80);
	display:block;
	width: 160px;
	overflow:hidden;

}

.project{
	font-size: 12px;
	font-size: 1.2rem;
	display: block;
	margin-top: -8px;
	color: silver;
	margin-bottom: 8px;
	height: 26px;
}

.donationMade .project{
	float:left;
	height:14px;
	font-size: 12px;
	font-size:1.0rem;
	color:gray;
	display:block;
	width: 160px;
}



/*

TABBED WALL

*/

ol.wallTabBar{
	list-style: none;
	padding:0;
	margin:0;
	display:block;
	width:1000px;
	margin-left:auto;
	margin-right:auto;
}

ol.wallTabBar li{
	display:block;
	float:left;
	padding:0;
	margin:0;
}

a.wallTab,a.wallTabSelected{
	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	height:14px;
	background-color:#EEECDE;
	display:block;
	padding:10px;
	font-size:18px;
	font-size:1.8rem;
	font-weight:bold;
	color:#003473;
	padding-top:6px;
	margin-right:5px;
	text-decoration: none;
	padding-left:20px;
	padding-right:20px;
}

a.wallTab:hover{
	background-color:rgba(228,225,202,0.8);
	-webkit-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: background-color 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);
}

a.wallTabSelected{
	background-color:rgba(228,225,202,1);
	color:#003473;
	background-color:rgb(228,225,202);
}

.filterLabel{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:120%;
	color:rgb(0,169,171);
	text-align:left;
	display:block;
	float:left;
	margin-top:14px;
	width: 600px;
}

/*
Wall filters
*/

.filterLabel{
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:120%;
	color:rgb(0,169,171);
	text-align:left;
	display:block;
	float:left;
	margin-top:14px;
	width: 100%;
}

 a.choiceCategory{
	background-color:rgb(102,133,171);
	display:block;
	height:32px;
	/* Firefox v1.0+ */
	-moz-border-radius:16px ;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:16px ;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:16px ;
	margin:0;
	padding:0;
	margin-bottom: 10px;
	-webkit-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);

}




 a.choiceCategory:hover{
	padding-left:10px;
	-webkit-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-moz-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-ms-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	-o-transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0); 
	transition: padding-left 0.2s cubic-bezier(0.42, 0, 0.58, 1.0);
}


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

.wallFilters li{
	display:block;
	float:left;
}

.wallFilters li a.choiceCategory{
	height:26px;
	-moz-border-radius:13px ;
	-webkit-border-radius:13px ;
	border-radius:13px ;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
letter-spacing:0pt;
line-height:120%;
color:rgb(25,60,123);
text-align:left;
padding-right:10px;
margin-right:10px
}

.wallFilters li a.choiceCategory:hover{
	-moz-border-radius:13px ;
	-webkit-border-radius:13px ;
	border-radius:13px;
	padding-left:5px;
}

.wallFilters li .categoryName{
	background-color:rgb(127,212,213);
	height:23px;
	-moz-border-radius:13px ;
	-webkit-border-radius:13px ;
	border-radius:13px ;
	color:rgb(25,60,123);	
		padding-top:3px;
			font-size:16px;
	font-size:1.6rem;
}

.wallFilters li .categoryTotal{

}

.wallFilters li .categoryTotaliser{
width: 24px;
height: 22px;
margin-top: 2px;
}

.wallFilters li .categoryValue{
	font-size:18px;
	font-size:1.8rem;
}

 .categoryName{
	background-color:#F05E8A;
	display:block;
	height:27px;
	/* Firefox v1.0+ */
	-moz-border-radius:16px ;
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-border-radius:16px ;
	/* Firefox v4.0+ , Safari v5.0+ , Chrome v4.0+ , Opera v10.5+  and by IE v9.0+ */
	border-radius:16px ;
	
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	letter-spacing:0pt;
	line-height:120%;
	color:white;
	text-align:left;
	float:left;
	padding-left:10px;
	padding-right:16px;
	padding-top:5px
}

 .categoryTotal{
	display:block;
	float:left;
	position:relative;
}

.categoryTotaliser{
	width:27px;
	height:24px;
	display:block;
	float:left;
	position:relative;
	background-color:#91BFD3;
	margin-top: 3px;
margin-left: 5px;
margin-right: 5px;
}

 .categoryValue{
	font-size:18px;
	font-size:1.8rem;
	display:block;
	float:left;
	position:relative;
	margin-top:5px;
	color: white;
}

/*
Project Cards
*/

.projectPanel{
	width: 760px;
	display:block;
	padding-bottom:30px;
	text-decoration: none;
	float:left;
	padding-top:20px;
	padding-bottom:30px;
}

a.projectCardFront{
	background-color:rgb(255,255,255);
	width:216px;
	height:327px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	-moz-box-shadow:0px 0px 9px 3px rgba(102,102,102,0.15);
	-webkit-box-shadow:0px 0px 9px 3px rgba(102,102,102,0.15);
	box-shadow:0px 0px 9px 3px rgba(102,102,102,0.15);

	display:block;
	float:left;
	margin-right:15px;
	padding:10px;
	text-decoration: none;
	margin-bottom:20px;
	border: 1px silver solid;
}

a.projectCardFront:hover{
	border:1px solid #CCDF3F;
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	-ms-filter:none;
	filter:none;
}

.projectPanel .title{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1pt;
	line-height:101%;
	font-weight:bold;
	color:rgb(25,61,120);
	text-align:left;
	display:block;
	margin-top:10px;
	margin-bottom:8px;
}

.projectPanel .projectExcert{
	font-size:12px;
	letter-spacing:1pt;
	line-height:120%;
	color:rgb(51,51,51);
	text-align:left;
	display:block;
	padding-bottom:5px;
	border:none;
	margin-bottom:8px;
}

.projectPanel .pieChart{
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-right:10px;
}

.projectPanel .label{
	display:block;
	width:64px;
	float:left;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1pt;
	line-height:101%;
	font-weight:bold;
	color:rgb(25,61,120);
	text-align:left;
	margin-bottom:6px;
	
	margin-top: 6px;
}

.projectPanel .label img{
	display:none;
	visibility:hidden;
	height:0;
}

.projectPanel .figure{
	display:block;
	width:70px;
	float:left;
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1pt;
	line-height:101%;
	font-weight:bold;
	color:rgb(102,102,102);
	text-align:left;
	margin-bottom:6px;
	
	margin-top: 6px;
}



/*

Supporters Panel
*/

.supportersPanel{
	background-color:#F4F3EA;
	width:198px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	display:block;
	float:right;
	padding:10px;
	padding-bottom:30px;
	text-decoration:none;
	margin-top:20px;
}

.supportersPanel .header{
	display:block;
	font-size:20px;
	font-size:2rem;
	line-height:120%;
	color:rgb(25,61,120);
	text-align:left;

}

.supportersPanel .subheader{
	display:block;
	font-size:16px;
	font-size:1.6rem;
	line-height:120%;
	color:rgb(25,61,120);
	text-align:left;
}


.supportersPanel .item {
	width: 65px;
	margin: 0 0 1px 1px;
	float: left;
}
.supportersPanel .item.first {
	clear: left;
	margin-left: 0;
}
.supportersPanel .item img {
	opacity:1;
}

.supportersPanel .searchSupportersContainer{
width:auto;
height:24px;
border-width:1px;
-moz-border-radius:1px;
-webkit-border-radius:1px;
border-radius:1px;
border-style:solid;
margin:0;
padding:0;
border: none;
background-color: transparent;
}

.searchSupportersContainer .supporterName{
display:block;
float:left;
}

.searchSupportersContainer input[type="text"]{
  width:158px;
  display:block;
  float:left;
  border-color:rgb(205,223,64);
}

.homeWidgetPanel .searchSupportersContainer input[type="text"] {
width: 246px;
display: block;
float: left;
border-color: rgb(205,223,64);
margin-left: 7px;
}

.searchSupportersContainer .submitButton{
background-color: #CDDF40;
width: 21px;
height: 23px;
display: block;
float: left;
margin: 0;
padding: 0;
margin-top: 3px;
padding-top: 4px;
padding-left: 4px;
}

.searchSupportersContainer .submitButton input{
	width:16px;
	height:16px;
}

img.searchSubmitButton{
margin-top: 2px;
width: 15px;
height: 15px;
}

/*
appeal page
*/
.slideInfo .totaliserLabel, .slideInfo .totaliserLabel2{
	display:block;
	padding:0;
	margin:0;
	float:left;
	font-size:14px;
	font-size:1.4rem;
font-weight:bold;
line-height:120%;
color:rgb(127,211,212);
text-align:left;

width: 140px;
margin-top: 20px;
clear:right;
}

.slideInfo .totaliserAmount{
	display:block;
	padding:0;
	margin:0;
	float:left;
	font-size:18px;
		font-size:1.8rem;
font-weight:bold;
line-height:120%;
color:rgb(255,255,255);
text-align:left;
width:140px;
}



#spnCompleteContent.totaliserAmount{
	margin-top:10px;
	margin-bottom:10px;
	width:inherit;
}

#spnCompleteContent.totaliserAmount h3{
	margin-top:10px;
	margin-bottom:10px;
	font-size: 14px;
font-size: 1.4rem;
}

.projectDetails {
font-size: 14px;
font-size: 1.4rem;
display: block;
float: left;
margin-bottom: 20px;
}

/*
activity wall
*/

.knowMore,.postAppealWidget
{
	background-color:#4B6F9C;
	width:198px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	float:right;
	padding:10px;
	padding-bottom:20px;
	margin-bottom: 20px;
	display:block;
	margin-top: 30px;
}

.widgetbar{
	float:right;	
	margin:0;
	padding:0
}

.knowMore .header,.postAppealWidget .header
{
	font-size:20px;
	font-szie:2.0rem;
	font-weight:bold;
	line-height:120%;
	color:rgb(127,210,211);
	text-align:left;

}

.knowMore .excertTitle{
	font-size:14px;
	font-size:1.4rem;
	font-weight:bold;
	line-height:140%;
	color:rgb(255,255,255);
	text-align:left;
}

.knowMore .excert{
	font-size:12px;
	font-size:1.2rem;
	line-height:140%;
	color:rgb(255,255,255);
	text-align:left;
}

a.wallPost,.wallDonation{
	display:block;
	margin-bottom:20px;
	padding-bottom:20px;
	border-bottom-color:rgb(153,153,153);
	border-bottom-width:1px;
	border-bottom-style:dotted;
}

.wallImg{
	display:block;
	float:left;
	margin-right:10px;
	border: 1px solid whiteSmoke;
}

.wallTitle{
	display:block;
	float:left;
	width:620px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:101%;
	color:rgb(0,51,114);
	text-align:left;
	
	margin-bottom: 4px;
}

.wallDate{
	display:block;
	float:left;
	width:620px;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1pt;
	line-height:101%;
	color:rgb(153,153,153);
	text-align:left;
	
	margin-bottom: 8px;
}

.wallExcert{
	display:block;
	float:left;
	width:620px;
	line-height:120%;
	color:rgb(102,102,102);
	text-align:left;
	font-size:14px;
	font-size:1.4rem;
	
	margin-bottom: 4px;
	text-decoration: none;
}

.wallDonation{

}

.wallAmount{
	display:block;
	float:left;
	width:120px;
	height:74px;
	background: url("/Platforms/RSPCAChoices/Images/coin120.png") no-repeat  top left transparent;
	text-align: center;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:120%;
	color:rgb(255,255,255);
	text-align:center;
	padding-top: 46px;
	margin-right: 10px;
}

.wallQuote{
	display:block;
	float:left;
	background-color:rgb(255,255,255);
	width:530px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font-size:14px;
	font-szie:1.4rem;
	line-height:120%;
	color:rgb(102,102,102);
	text-align:left;
	padding:10px;
	word-wrap: break-word;
}

.wallQuoteTitle{
	display:block;
	float:left;
	width:80px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:101%;
	color:rgb(0,51,114);
	text-align:left;
	
	margin-bottom: 4px;
}

.wallQuoteName{
	display:block;
	float:left;
	width:200px;
	font-size:16px;
	font-size:1.6rem;
	font-weight:bold;
	line-height:101%;
	color:rgb(21,120,227);
	text-align:left;
	
	margin-bottom: 4px;
}

.wallQuoteContainer{
	display:block;
	float:left;
	background: url(/platforms/rspcachoices/images/quotesClose.png) no-repeat transparent bottom	right;
	padding:0;
	margin:0;
	padding-right:30px;	
	width:600px;
}

.openQuotes{
	display:block;
	float:left;
	margin-right: 15px;
}

/*
fundraisers tab
*/

.fundraiserPanel{
	width: 760px;
	display:block;
	padding-bottom:30px;
	text-decoration: none;
	float:left;
	padding-top:20px;
	padding-bottom:30px;
}

a.fundraiserCardFront{
	background-color:rgb(255,255,255);
	width:148px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid white;
	-moz-box-shadow:0px 0px 9px 3px rgba(102,102,102,0.15);
	-webkit-box-shadow:0px 0px 9px 3px rgba(102,102,102,0.15);

	display:block;
	float:left;
	margin-right:20px;
	padding:10px;
	text-decoration: none;
	margin-bottom:20px;
}

a.fundraiserCardFront:hover{
	border:1px solid #CCDF3F;
}

.fundraiserPanel .title{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1pt;
	line-height:101%;
	font-weight:bold;
	color:rgb(25,61,120);
	text-align:left;
	display:block;
	margin-top:10px;
	margin-bottom:8px;
	overflow: hidden;
	height: 32px;
}

.fundraiserPanel .projectExcert{
	font-size:12px;
	letter-spacing:1pt;
	line-height:120%;
	color:rgb(51,51,51);
	text-align:left;
	display:block;
	padding-bottom:5px;
	border-bottom:1px solid #C6E3A0;
	margin-bottom:8px;
}

.fundraiserPanel .pieChart{
	margin:0;
	padding:0;
	display:block;
	float:left;
	margin-right:10px;
}

.fundraiserPanel .label{
	display:block;
	width:55px;
	float:left;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1pt;
	line-height:101%;
	color:rgb(25,61,120);
	text-align:left;
	margin-bottom:6px;
}

.fundraiserPanel .figure{
	display:block;
	width:55px; 
	float:left;
	font-size:12px;
	font-size:1.2rem;
	letter-spacing:1pt;
	line-height:101%;
	color:rgb(102,102,102);
	text-align:left;
	margin-bottom:6px;
}


.totaliserBG_small, .raisedSoFar_small{
	width:30px;	
	height:60px;
	margin-top:0;
	margin-right: 10px;
}

.raisedSoFar_small{
	width: 30px;
	height: 30px;
	margin-top: 30px;
	margin-left: -1px;
}

.wallAmount{
	display:block;
	float:left;
	width:120px;
	height:74px;
	background: url("/Platforms/RSPCAChoices/Images/coin120.png") no-repeat  top left transparent;
	text-align: center;
	font-size:24px;
	font-size:2.4rem;
	font-weight:bold;
	line-height:120%;
	color:rgb(255,255,255);
	text-align:center;
	padding-top: 46px;
	margin-right: 10px;
}

.donorPanel .donorName{
	font-size:14px;
	font-size:1.4rem;
	letter-spacing:1pt;
	line-height:101%;
	font-weight:bold;
	color:rgb(25,61,120);
	text-align:left;
	display:block;
	margin-top:10px;
	margin-bottom:8px;
	text-align: center;
}

a.donorCardFront{
	width:120px;
	display:block;
	float:left;
	margin-right:20px;
	padding:0;
	text-decoration: none;
	margin-bottom:20px;
	text-align: center;
	height: 160px;
	overflow: hidden;
}

.donorPanel{
	width: 760px;
	display:block;
	padding-bottom:30px;
	text-decoration: none;
	float:left;
	padding-top:20px;
	padding-bottom:30px;
}

/*
Fundraiser page
*/
#leaveAComment {
background-color: white;
padding: 10px;
width:730px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	border:1px solid #c7c7c7;
}

.activityPanel{
	padding-top:20px;
	
}

#leaveAComment input[type="text"]{
width: 550px;
margin-right: 20px;
}

.commenter_comment {
	border-bottom: 1px solid #C5C5C5;
	padding: 10px 0px 10px 10px;
	margin-bottom:20px;
	width: 730px;
	}

.commenter_comment .name, .champion_comment .name {
	font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem
	}
	
.commenter_comment .date, .champion_comment .date {
	margin: 0px 10px;
	font-size: 12px;
	font-size: 1.2rem;
	color: #999999;
	}
	
.commenter_comment .theComment, .champion_comment .theComment {
	display: block;
margin-left: 90px;
width: 600px;
word-wrap: break-word;
	}
	
.champion_comment {
	border-bottom: 1px solid #C5C5C5;
	padding-bottom: 10px;
	padding-top: 10px;
	width: 730px;
	}
	
.champion_comment div {
	background-color: white;
	padding-left: 10px;
	padding-bottom: 10px;
	width:730px;
	}
	
.champion_comment div.clear {
	padding: 0;
	background-color: none;
	}
	
.champion_comment .champSupporter_img {
	margin-top: 10px;
	}
	
.champion_comment .name, .champion_comment .date, .champion_comment .theComment {
	position: relative;
	top: 10px;
	}
	
.donor_comment {
    border-bottom: 1px solid #C5C5C5;
    margin-top: 10px;
    padding-bottom: 10px;
    width: 720px;   
margin-left: 10px;

word-wrap: break-word;
}

.donor_wrapper {
    margin: 0;
    padding: 10px 0;
}

.donor_comment .amount, #dashboardPanel .dashDiv div.amount, .supporterThumb .amount {
    color: white;
    display: block;
    float: right;
    font-weight: bold;
    height: 80px;
    margin-right: 24px;
    padding-top: 0;
    text-align: center;
    width: 80px;
}

.donor_comment .amount, .supporterThumb .amount {
    	-moz-border-radius: 6px;
    	-webkit-border-radius: 6px; 
    	-khtml-border-radius: 6px; 
    	border-radius: 6px;
border-radius: 60px;
background-color: #96D5D5;
margin-left: 10px;
    }
    
.donor_comment .amount span, #dashboardPanel .dashDiv div.amount span, .supporterThumb .amount span {
	display: block;
    margin-top: 30px;
    }

.activityPanel .champSupporter_img {
    background-color: white;
    background-position: center center;
    background-repeat: no-repeat;
    border: 1px solid gray;
    display: block;
    float: left;
    height: 80px;
    margin-right: 10px;
    width: 80px;
}

.donor_comment .name {
    display: block;
    float: left;
    font-weight: bold;
	font-size: 16px;
	font-size: 1.6rem;
	
margin-right: 20px;
}

.donor_comment .date {
display: block;
font-size: 12px;
font-size: 1.2rem;
color: #999;
font-weight: normal;
margin-left: 1em;
margin-top: 5px;
}

.donor_comment .theComment {
    display: block;
    float: left;
    width: 510px;
}

/*SUPPORTERS*/
.activityPanel#champion_tab4 {
	padding: 20px 0px 0px 20px;
	}
	
#champion_tab4 .supporterThumb {
	width: 80px;
	float: left;
	text-align: center;
	min-height: 190px;
	margin-right:36px;
	margin-bottom: 20px;
	}
    
#champion_tab4 .supporterThumb .amount {
	float: none;
	padding-top: 30px;
	margin-right: 0;
	height: 50px;
	}
	
#champion_tab4 .supporterThumb .amount span {
	display: inline;
	margin-top: 0;
	}
	
#champion_tab4 .supporterThumb .supporterThumb_name {
	background: url(../Images/supporter_bg.png) no-repeat 0 0;
	line-height: 120%;
	padding: 28px 2px 10px;
	word-wrap: break-word;
	display: block;
	}
	
/*DASHBOARD*/

#dashboardPanel, .dashboardPanel{
	width:750px;
}
#dashboardPanel div h1, 
.dashboardPanel div h1 {
	margin-top: 20px;
	margin-bottom: 0;
	padding: 1px 12px;
	background-color: rgba(0, 52, 115, 0.7);
	font-size: 24px; 
	font-size: 2.4rem;
	font-weight: 400;
	color: #FFFFFF;
	-moz-border-radius: 6px; -webkit-border-radius: 6px; -khtml-border-radius: 6px; border-radius: 6px;
	}
	
#dashboardPanel div:hover h1 ,
.dashboardPanel div:hover h1 {
	background-image: none;
	background-color: #003473;
	cursor: pointer;
	}
	
#dashboardPanel .dashDiv ,
.dashboardPanel .dashDiv {
	background-color: white;
	padding: 10px;
    border-top: none;
    border-right: 1px solid #C5C5C5;
    border-bottom: 1px solid #C5C5C5;
    border-left: 1px solid #C5C5C5;
    width:728px;
    clear:both;
	}
#welcomeback{
	display:none;
	visibility: hidden;
	height:1px;
}
#dashboardPanel .editDetails .dashDiv .actionButton input ,
.dashboardPanel .editDetails .dashDiv .actionButton input {
	border: none;
	font-weight: 200;
	}
	
#dashboardPanel .dashDiv .champAppealPic ,
.dashboardPanel .dashDiv .champAppealPic {
	float: left;
    height: inherit;
    position: relative;
    right: 0;
    top: 0;
	margin-right: 20px;
	width: 104px;
	font-size: 10px;
	font-size: 1rem;
	color: gray;
}
	
#dashboardPanel .dashDiv p,
.dashboardPanel .dashDiv p{
	font-size: 1rem;
	color: gray;
	margin-top: 0;
}
	
#dashboardPanel .dashDiv .imageUpload object ,
.dashboardPanel .dashDiv .imageUpload object {
	float: right;
}
	
#dashboardPanel .dashDiv .champAppealPic .postBannerContainer .postBannerPlaceholder, #dashboardPanel .dashDiv .champAppealPic .postVideoBanner ,
.dashboardPanel .dashDiv .champAppealPic .postBannerContainer .postBannerPlaceholder, .dashboardPanel .dashDiv .champAppealPic .postVideoBanner {
	width: 90px;
	height: 90px;
	}
	
#dashboardPanel .dashDiv .champAppealPic .imageUpload input ,
.dashboardPanel .dashDiv .champAppealPic .imageUpload input {
	position: absolute;
	z-index: 3;
	top: 188px;
	right: 10px;
	}
	
#dashboardPanel .dashDiv .postBannerImage ,
.dashboardPanel .dashDiv .postBannerImage {
	border: none;
	max-width: 90px;
	}

#dashboardPanel .dashDiv .postUpdateContainer ,
.dashboardPanel .dashDiv .postUpdateContainer {
	margin-left: 130px;
	}
	
#dashboardPanel .dashDiv textarea ,
.dashboardPanel .dashDiv textarea {
	width: 570px;
	height: 133px;
	float: left;
	margin-bottom: 0;
	margin-top: 0;
	}
	
#dashboardPanel .dashDiv .actionButton a ,
.dashboardPanel .dashDiv .actionButton a {
	margin: 10px;
	float: left;
	float: right;
	}
	
#dashboardPanel .dashDiv div ,
.dashboardPanel .dashDiv div {
	display: block;
	}
	
#dashboardPanel .dashDiv div .formElementLabel ,
.dashboardPanel .dashDiv div .formElementLabel {
	float: left;
	font-size: 14px;
	font-size: 1.4rem;
	margin-right: 10px;
	}
	
#dashboardPanel .donationRequests .dashDiv textarea ,
.dashboardPanel .donationRequests .dashDiv textarea {
	width:700px;
	}
	
#dashboardPanel .dashDiv div a ,
.dashboardPanel .dashDiv div a {
	float: left;
	margin-right: 10px;
	margin-top: 10px;
	}
	
#dashboardPanel .donationRequests .dashDiv .actionButton a ,
.dashboardPanel .donationRequests .dashDiv .actionButton a {
	float: right;
	}
	
div.visitor, div.teamMember, div.sponsor {
    border-top: 1px dotted #999999;
    margin-top: 10px;
    padding-top: 7px;
	}
	
#dashboardPanel .donationRequests .dashDiv div#sponsorDiv div.formColumn2NoWrap ,
.dashboardPanel .donationRequests .dashDiv div#sponsorDiv div.formColumn2NoWrap {
    float: left;
    margin-right: 20px;
    width: 160px;
    }
	
#dashboardPanel .donationRequests .dashDiv div#sponsorDiv .formElementLabel ,
.dashboardPanel .donationRequests .dashDiv div#sponsorDiv .formElementLabel {
    float: left;
	}
	
.activityPanel .donationRequests input[type="text"] {
    margin: 5px 0 10px 0;
    padding: 10px;
	width:150px;
    }
    
.remSponsor img {
border: none;
margin-left: 30px;
margin-top: -10px;
}
	
#dashboardPanel .social .dashDiv iframe ,
.dashboardPanel .social .dashDiv iframe {
	margin: 10px;
	}
	
#dashboardPanel .social .dashDiv span ,
.dashboardPanel .social .dashDiv span {
	margin-left: 0; 
	} 
	
#resources .dashDiv img {
	border: none;
	}
	
#resources .dashDiv div a {
	margin-right: 20px;
	float: none;
	}
	
#dashboardPanel .offlinePayments .dashDiv ,
.dashboardPanel .offlinePayments .dashDiv {
	padding-bottom: 20px;
	}
	
#dashboardPanel .offlinePayments .dashDiv div.actionButton, #dashboardPanel .offlinePayments .dashDiv div.topSponsor ,
.dashboardPanel .offlinePayments .dashDiv div.actionButton, .dashboardPanel .offlinePayments .dashDiv div.topSponsor {
	clear:left;
	}
	
#dashboardPanel .offlinePayments .dashDiv div.actionButton a ,
.dashboardPanel .offlinePayments .dashDiv div.actionButton a {
	margin-bottom: 20px;
	}
	
#dashboardPanel .offlinePayments .dashDiv div.topSponsor ,
.dashboardPanel .offlinePayments .dashDiv div.topSponsor {
	border-top: 1px dotted #CCCCCC;
    margin-top: 20px;
    padding-top: 20px;
	}
	
#dashboardPanel .offlinePayments .topSponsor .name ,
.dashboardPanel .offlinePayments .topSponsor .name {
	float: left;
	font-weight: bold;
	display: block;
	width: 76%;
	}
	
#dashboardPanel .offlinePayments .topSponsor .theComment ,
.dashboardPanel .offlinePayments .topSponsor .theComment {
	float:left;
	display: block;
	width: 76%;
	}
	
.activityPanel#dashboardPanel .offlinePayments .topSponsor .champSupporter_img ,
.activityPanel.dashboardPanel .offlinePayments .topSponsor .champSupporter_img {
	display: none;
	}
	
#shareThis
{
    display:block;
    padding-bottom: 30px;
     clear: both;
}

h1.fundraiserTitle {
	margin-top:-7px;
	padding-top:0;
}

.knowMore a.c2aButton, .postAppealWidget a.c2aButton {
	width: 198px;
	display: block;
}

.projectDetails, .projectDetails h1.appealTitle, .projectDetails h1.fundraiserTitle{
	width: 730px;
}

.fundraiserPic {
	display: block;
	float: left;
	margin-right: 20px;
}

#dashboardPanel h1,
.dashboardPanel h1{
	letter-spacing: 1px;
}

.myActivity a.activityItem {
	color: white;
}

.myActivity{
	background-color: #4B6F9C;
	width: 198px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	float: right;
	padding: 10px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	margin-top: 30px;
}

.myActivity .header{
	font-size: 18px;
	font-szie: 1.8rem;
	font-weight: bold;
	line-height: 120%;
	color: #7FD2D3;
	text-align: left;
}

.myActivity a{
	display:block;
	text-decoration: none;
	color: white;
	margin-bottom: 5px;
	border-bottom: 1px dotted white;
	padding-bottom: 5px;
}

.myActivity .images{
	width:194px;
	padding:0;
	margin:0;
	position:relative;
	display:block;
}

.myActivity .images .activityComplete{
	display:block;
	position: absolute;
	top:0;
	left:0;
	width:194px;
}

.myActivity .activityTitle{
	display: block;
	float: left;
	width: 112px;	
}

.myActivity  .activityRaised{
	display: block;
	float: right;
	width: 80px;
	text-align: right;
}

.GrandTotal{
	color:white;
	font-size:20px;
	font-size:2.0rem;
	font-weight: bold;
	display: block;
	float: right;
}

.donateOptionWrapper {
display: block;
margin-top: 10px;
}

.donateOptionRegular {
margin-top: 5px;
}

.donateOption, .donateOptionRegular {
display: block;
font-size: 12px;
font-size: 1.2rem;
font-weight: bold;
line-height: 120%;
color: rgb(145,212,214);
text-align: left;
float: left;
}

.appealPaymentPoint {
color: #ffffff;
font-weight: bold;
font-size: 14px;
font-size: 1.4rem;
}

.appealRegularPaymentPoint label {
font-weight: bold;
margin-right: 16px;
color: #ffffff;
font-weight: bold;
font-size: 12px;
font-size: 1.2rem;
}

.appealPaymentPoint label {
font-weight: bold;
margin-right: 20px;
}

input[type="text"]#txtDonationAmount, input[type="text"].txtDonationAmount {
width: 110px;
float: right;
display: block;
padding: 4px;
margin-top: -22px;
margin-left: 71px;
}

.donateComment {
display: block;
float: left;
width: 195px;
}

.appealPaymentPoint br {
	display:none;
}

.followDonate .slideDonate {
width: 198px;
background-color: black;
padding: 10px;
position: relative;
float: right;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;
margin-top: 40px;
}

.followDonate a.c2aButton {
display: block;
width: 198px !important;
}