﻿.bb2013 {
    margin: 0px auto 0px auto;
	padding: 0px;
	width: 960px;
	text-align: center;	
}

#contentBackground {
	background-image: none;
}

#content {
	margin: 0 !important;
}

#content a img {
	border: none;
}

#homePageContent,
.ddHome {
float: left;
clear: none;
padding: 10px 20px 0px 20px;
width: 640px;
}

.container{
    width:960px;
    position:relative;
    margin:0 auto;
}

.contentArea a {
	color: #ef4130;
    text-decoration: underline;
}

/*Style for Vote Thanks*/
.VoteThanks .rankDiv{
	clear:left;
    float:left;
    display:block;
    width:160px;
}

.VoteThanks .votesDiv
{
    width:455px;
    float: left;    
}

.VoteThanks ul.rankList{
	clear:left;	
	float:left;	
	display:block;	
	height: auto;
    list-style-type: none;
	width: 300px !important;
	margin-left:0px;		
	padding: 0px !important;				
} 

.VoteThanks ul.votesList{
	height: auto;
    list-style-type: none;
	width: 475px !important;
	position: absolute;	
}

.VoteThanks .rankList li, .VoteThanks .votesList li
{
    float: left;
    padding-bottom:15px;
    height:18px;
}

.VoteThanks .rankList li{
    width:190px;    
    text-overflow:ellipsis;
    overflow:hidden;
    white-space:nowrap;
}

.rankImage{
    width:18px;
    height:18px;
    vertical-align:middle;
}


.votesDiv li{
    width:100%;
}

.votebar{
    height:18px;
    background-color:#EF4130;
    color:#fff;
    float:left;
}

.voteCount, .voteCountOutbar, .causeName{
    margin-left:5px;
}

.voteCountOutbar{
	float:left;
	color:black;
	width:auto !important;
}


.Charities .charityList div, .Charities .charityList img{
	width: 100px;
	height: 100px;
}


.voteThanksBack {
    clear: left;
    float: left;
    display: block;
    margin-top: 20px;
    margin-bottom: 30px;
}

/*End of Vote */

/*Style for the 100 Good Causes*/
#logoGrid{
    display: block !important;
    margin-bottom: 20px;
    margin-top: 20px;
    min-height: 640px;
    width: 640px !important;
}

ul.goodCausesList{
	height: auto;
    list-style-type: none; 
    padding: 0;
    margin: 0;
    position: absolute;
    width: 700px !important;
    height: 780px !important; 		
}

ul.goodCausesList li{
    display: block;
    float: left;
    margin-bottom: 14px;
    margin-right: 14px;
    position: relative;
    overflow: visible !important;
}

ul.charityList {
    height: auto;
    list-style-type: none; 
    padding: 0;
    margin: 0;
    width: 640px !important;
    height: auto; 
}

ul.charityList li{
    display: block;
    float: left;
    margin-bottom: 14px;
    margin-right: 14px;
    position: relative;
    overflow: hidden !important;
}

ul.votingSelection li {
	margin-bottom: 16px;
    margin-right: 16px;
    border: none;
}

ul.votingSelection li.jq {
	border: 1px solid #ccc;
}

.Charities .charityList.votingSelection li.jq div.boxgrid {
	width: 88px;
	height: 88px;
}

.Charities .charityList.votingSelection li div.boxgrid {
	width: 88px;
	height: 176px;
}

.Charities .charityList.votingSelection li img {
	width: 86px;
	height: 86px;
	border: 1px solid #ccc;
}

.Charities .charityList.votingSelection li.jq img {
	width: 88px;
	height: 88px;
	border: none;
}

.Charities .charityList.votingSelection li div.boxcaption {
	width: 88px;
	height: 88px;
}

.Charities .votingSelection li.jq div.boxcaption a {
	color: #fff !important;
}

.Charities .votingSelection li div.boxcaption a {
	color: #000 !important;
}

ul.votingSelection li .causeVotes {
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #777;
	color: #fff;
	font-weight: normal;
	opacity: 0.9;
	min-width: 15px;
	padding: 0px 2px 0px 2px;
	text-align: center;
}

.Charities .charityList.votingSelection li.jq p.shortDescription {
	margin: 2px 5px 0px 5px;
}

.empty{
   /* height:50px;
    width:50px;*/
    overflow:hidden;
    cursor:pointer;
}

.boxgrid img{
    position:absolute;
    /*background-color: #FF3300;*/
}

.boxgrid{
    position: relative;
    cursor: pointer;
}

.boxgrid:hover{ 
    box-shadow: 0 0 25px #fff;
}

.boxcaption {
	top: 88px;
    left: 0;
    color: #000;
    position: absolute;
    width: 100%;
}

.jq .boxcaption {
    top: 106px;
    left: 0;
    color: #fff;
    background: #000;
    opacity: 0.7;
    position: absolute;
    width: 100%;
}

.empty .Question {  
    height:50px;
    width:50px;
    display: block;
   	z-index:1000;
}

ul.goodCausesList .boxgrid {
    height:52px;
    width:52px;
    display: block;
}

ul.goodCausesList .empty .Nominate
{
    height:50px;
    width:50px;
	display:none;
	z-index:5000;
}

ul.goodCausesList .empty img, 
ul.goodCausesList .boxgrid img
{
	border-color:#ccc !important;
	border-style:solid !important;
	border-width:1px !important;
 	height: 50px;
 	width: 50px;
}
/*End of 100 Good Causes*/

/* New Menu styles for BB 2013 */
.bb2013 #mainMenuBar {
	padding-bottom: 10px;
	background-image: url("images/headerShadow.png");
	background-position: 0px bottom;
	background-repeat: no-repeat;
}

.bb2013 #mainMenuBar ul {
	height: auto;
	padding: 0px;
	width: 960px;
}

.bb2013 #mainMenuBar ul li {
	height: auto;
}

.bb2013 #mainMenuBar ul li a {
	height: auto;	
	font-weight: normal;
}

.bb2013 #mainMenuBar ul li a.first span {
    border-right: 1px solid #ccc;
    width: 459px;
}

.bb2013 #mainMenuBar ul li a.last span {
	border-left: 1px solid #ccc;
    width: 459px;
}

.bb2013 #mainMenuBar ul li a.selected {
	background: #a72d22;
}

.bb2013 #mainMenuBar ul li a.selected span {
	color: #fff;
}

.bb2013 #mainMenuBar ul li a span {
	width: 300px;
	height: 35px;
	padding: 17px 10px 5px 10px;
	font-size: 1.5em;
	color: #fff;
    text-align: center;
}
/* End New Menu styles for BB 2013 */

/* Start of cause detail page styles */
.cause {
	clear: left;
	float: left;
	display: block;	
	position: relative;
}

.cause span {
	clear: left;
	float: left;
	display: block;	
	font-size: 1em;
}

.cause span.title {
	clear: left;
	float: left;
	width: 640px;
	color: #000;
	display: block;	
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 10px;
	line-height: normal;
}

.cause img.icon {
	clear: left;
	float: left;
	display: block;
	margin-right: 20px;	
	margin-bottom: 20px;	
	border: 1px solid #ccc;
	height: 100px;
	width: 100px;
}

.cause span.description {
    clear: none;
    float: none;
    width: 640px;
    text-align: justify;
}

.cause img.mainImage {
	clear: left;
	float: left;
	display: none;
	margin: 20px 0px 0px 0px;
	max-width: 640px;
}
.cause span.voteInfo{
	clear:left;
	float:left;
	display:block;
	font-size:1em;
	width:640px;
	margin: 20px 0px 20px 0px;
} 

.cause .sortOrder{
	clear: left;
	float: left;
	display: block;
	margin-right: 10px;
	padding: 0px;
	line-height: 30px;
}

.cause div.buttons {
	clear: left;
	float: left;	
	display: block;
	width: 640px;
	margin-bottom: 10px;
	margin-top: 20px;
}

.cause input {
	opacity: 0.8;
	cursor: pointer;
}

.cause input:hover {
	opacity: 1.0;
}

.cause input.back{
	color:#FFF;
	margin-right:100px;	
	cursor:pointer;	
	color:#000;
	float:left;
}

.cause input.vote{
	color:#000;
	clear:left;
	float:left;	
	display:block;
	cursor:pointer;
	margin-right:100px;	
}

.cause div.buttons {
	margin: 0px;
}


/* End of cause detail page styles */

/* Start of vote selection page styles */
.cause div#sortOptions {
 	clear: none !important;
    display: block;
    float: left;
    margin-top: 0px;
    margin-bottom: 10px;
    width: 500px !important;
}

.cause div#sortOptions input {
    margin-right: 10px;
    display: block;
    float: left;
    padding: 0px;
    border: 0px;
    cursor: pointer;
}

.cause div#sortOptions input:disabled {
	opacity: 0.5;
	cursor: default;
}

.cause div#sortOptions input:disabled:hover {
	opacity: 0.5;
}
/* End of vote selection page styles */

/* Supporters styles */
#supporters {
	float: left;
	margin: 10px 0px 0px 0px;
}

#supporters .supporter {
	float: left;
	width: 632px;
	border-radius: 10px;
	box-shadow: 2px 2px 2px #777;
	border: 1px solid #777;
	background-color: #000;
	margin: 0px 0px 10px 0px;
}

#supporters .supporter .supporterName {
	position: relative;
}

#supporters .supporter .supporterName a {
	display: block;
	float: left;
	padding: 10px 30px 10px 10px;
	width: 592px;
	color: #fff;
	text-decoration: none;
	cursor: pointer;
	font-family: Impact, Arial Black, Arial, Helvetica, Sans-serif;
	font-weight: normal;
	font-size: 1.6em;
	background-position: 602px center;
	background-repeat: no-repeat;
	line-height: normal;
}

#supporters .supporter .supporterName a.open.pdp {
	background-color: #F26649;
	border-radius: 8px;
	background-image: url("/Style Library/Images/System/FaqExpand.png");
}

#supporters .supporter .supporterName a.close.pdp {
	background-color: #F26649;
	border-radius: 8px 8px 0px 0px;
	background-image: url("/Style Library/Images/System/FaqCollapse.png");
}

#supporters .supporter .supporterName span.pdp {
	position: absolute;
	top: 8px;
	right: 40px;
	padding: 5px;
	color: #fff;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: normal;
	display: none;
}

.supporter .supporterDetails {
	float: left;
	padding: 10px 10px 0px 10px;
	width: 612px;
	border-top: 1px solid #777;
	background-color: #fff;
	border-radius: 0px 0px 10px 10px;
}

.supporter .supporterDetails .info {
	float: left;
	clear: left;
	width: 612px;
	padding: 0px 0px 10px 0px;
}

.supporter .supporterDetails .info label {
	font-weight: bold;
}

#supporters .supporter .supporterName a.open {
	background-image: url("/Style Library/Images/System/PDPExpand.png");
}

#supporters .supporter .supporterName a.close {
	background-image: url("/Style Library/Images/System/PDPCollapse.png");
}
/* End Supporters styles */

/* DD Carousel */
#carousel {
	float: left;
	clear: left;
	margin: 10px 20px 10px 20px;
	padding: 0px 0px 0px 0px;
	position: relative;
}

#carousel ul {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	list-style: none;
	height: 330px;
	width: 640px;
	overflow: hidden;
	border: 1px solid #ccc;
}

#carousel ul li {
	display: block;
	padding: 0px;
	margin: 0px;
	position: relative;
}

#carousel ul li a img {
	border: none;
}

#carousel #navigation {
	position: absolute;
	bottom: 11px;
	left: 30px;
	z-index: 1000;
}

#carousel #navigation a {
	display: block;
	float: left;
	font-size: 0;
	height: 10px;
	width: 10px;
	border-radius: 5px;
	background-color: #fff;
	margin-right: 5px;
	box-shadow:	1px 1px 1px #777;
}

#carousel #navigation a.activeSlide {
	background-color: #ccc;
}

#carousel .content {
	position: absolute;
	top: 20px;
	right: 20px;
	z-index: 1000;
	width: 210px;
	line-height: 1.8em;
}

#carousel .content a,
#carousel .content a font,
#carousel .content a span {
	color: #ef4130 !important;
}
/* End DD Carousel */

#headerMain {
	background-image: url("/Style Library/Images/header_bb2014.png") !important;
}

#logoGrid .charityList .boxgrid {
	overflow: visible;
}

/*Start Of BBLogin Styles*/
.BBLogin{
	clear:left;
	float:left;
	display:block;
	width:640px;
	margin-bottom:20px;
}

.BBLogin span.voteInfo{
	clear:left;
	float:left;
	display:block;
	width:640px;
	margin-bottom:40px;
}

.BBLogin .facebook{
	clear:left;
	float:left;
	display:block;
	margin-bottom:30px;
}

.BBLogin span.title{
	clear:left;
	float:left;
	width:200px;
	display:block;
	color:#F26649;
	font-size:1.2em;
	font-weight:bold;
}

.BBLogin .facebook .fbDescription {
	clear:left;
	float:left;
	width:640px;
	display:block;
	color:#000;
	font-size:1em;
	font-weight:normal;
}

.BBLogin .facebook input {
    clear:left; 
	float:left;
	display:block;
	width:170px;
	height:30px;
	cursor:pointer;
	opacity: 0.8;
}

.BBLogin .google {
	float: left;
	display: block;
	margin: 0px 0px 0px 20px;
}

.BBLogin .google .googleDescription {  
	clear:left;
	float:left;
	width:640px;
	display:block;
	color:#000;
	font-size:1em;
	font-weight:normal;
}

.BBLogin .google input {
	clear:left; 
	float:left;
	display:block;
	width:170px;
	height:30px;
	cursor:pointer;
	opacity: 0.8;
}

.BBLogin .google input:hover,
.BBLogin .facebook input:hover {
	opacity: 1.0;
}
/*End Of BBLogin Styles*/

/* Nomination form styles */
#nominationForm {
	float: left;
	clear: left;
	width: 640px;
	margin: 0px;
	padding: 0px;
}

#nominationForm .container {
	margin: 0px;
	position: inherit;
	width: auto;
	float: left;
}

#nominationForm .personalData,
#nominationForm .registeredCharityForm,
#nominationForm .otherGoodCauseForm {
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

#nominationForm .nominationType {
	float: left;
	clear: left;
	padding: 0px;
	margin: 0px;
}

#nominationForm .personalData {
	float: none !important;
}


#nominationForm fieldset {
	display: block;
	float: left;
	clear: left;
	width: 400px;
    border: 1px solid #ccc;    
    margin: 0px 0px 20px 0px;
    padding: 10px 20px 20px 20px;
    box-shadow: 10px 10px 20px #eee;
}

#nominationForm fieldset legend {
    font-size: 1.2em;
    font-weight: bold;
}

#nominationForm .personalData label,
#nominationForm .registeredCharityForm label,
#nominationForm .otherGoodCauseForm label {
    display: block;
    float: left;
    width: 400px;
}

#nominationForm .box {
	display: block;
	float: left;
	clear: left;
    width: 390px;
    padding: 5px;
    margin: 2px 0px 5px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 10px 10px 20px #eee;
}

#nominationForm input,
#nominationForm textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #000;
}

#nominationForm .check {
	display: block;
	float: left;
	clear: left;
	margin: 0px;
	padding: 0px;
}

#nominationForm .check input {
	display: block;
	float: left;
	clear: left;
	padding: 0px;
	margin: 2px 0px 5px 0px;
}

#nominationForm .upload {
	display: block;
	float: left;
	clear: left;
    margin: 2px 0px 5px 0px;
}

#nominationForm .multi {
	height: 100px;
}

#nominationForm .nominationType label {
	float: left;
	font-weight: bold;
}

#nominationForm .nominationType .nominationTypes label {
	float: none;
	font-weight: normal;
}

#nominationForm .submit {
	display: block;
	float: left;
	clear: left;
	opacity: 0.8;
	margin-top:10px;
}

#nominationForm .submit:hover {
	opacity: 1.0;
}

#nominationForm .info {
	display: block;
	float: none;
	clear: left;
	font-weight: bold;
	color: #000;
	margin: 0px;
	padding: 0px 0px 15px 0px;
}
/* End Nomination form styles */

/* Facebook app styles */
.bb2013.fbApp {
	width: 760px !important;
}

.fbApp #header {
	width: 760px;
	background-color: #efefef;
	padding: 0px;
}

.fbApp #header #headerMain {
	width: 760px;
	background-image: url("/Style Library/Images/fb_banner.png") !important;
	height: 160px;
}

.fbApp #header #headerMain #title {
	display: none;
}

.fbApp #header #mainMenuBar {
	display: none;
}

.fbApp #header #headerControls {
	display: none;
}

.fbApp #header .fbAppTitle {
	display: none;
	position: absolute;
	bottom: 20px;
	left: 50px;
	color: #ef4130;
	font-weight: bold;
	font-size: 2.0em;
}

.fbApp #publishingConsole {
	width: 760px;
}

.fbApp #contentBackground {
	width: 720px;
}

.fbApp .contentArea {
	width: 480px;
}

.fbApp .contentArea.fullWidth {
	width: 720px !important;
}

.fbApp #footer {
	width: 760px;
}

.fbApp #footer #footerDetails {
	width: 680px;
}

.fbApp #pageMenu {
	display: none;
}

.fbApp #breadcrumb {
	display: none;
}

.fbApp #pageOptions {
	display: none;
}

.fbApp #footerDetails a {
	display: none;
}

.fbApp #footerDetails a.footerLogo {
	display: block;
}

.fbApp #footerDetails span.separator {
	display: none;
}

#header .fbAppTitle {
	display: none;
}

.fbApp .contentArea #homePageContent {
	width: 680px;
}

.fbApp #cookieBanner {
	width: 720px;
}

.fbApp #cookieBanner #cookieInner {
	width: 716px;
	height: 66px;
}

.fbApp #cookieBanner #cookieInner p.text {
	width: 590px;
}

.fbApp .cause span.title {
	width: 680px;
}

.fbApp .contentArea.fullWidth .alternateFollowUs {
	display: none !important;
}


/* End Facebook app styles */

/* Social Media Sharing */
#socialMediaSharing {
	float: left;
	clear: left;
	margin: 10px 0px 20px 0px;
	padding: 0px;
}

#socialMediaSharing a {
	display: block;
	float: left;
	margin-right: 20px;
	padding: 0px;
	height: 30px;
	width: 170px;
	opacity: 0.8;
	background-position: left center;
	background-color: transparent;
	background-repeat: no-repeat;
}

#socialMediaSharing a:hover {
	opacity: 1.0;
}

#socialMediaSharing a.facebook {
	background-image: url("/Style Library/Images/tbb_facebook_share.png");
}

#socialMediaSharing a.twitter {
	background-image: url("/Style Library/Images/tbb_twitter_share.png");
}
/* End Social Media Sharing */

/* Homepage styles */
.homeButton img {
	opacity: 0.8;
}

.homeButton:hover img {
	opacity: 1.0;
}
/* End Homepage styles */

/* Direct Debit styles */
.directDebit #headerMain {
	background-image: url("/Style Library/Images/header.png") !important;
}
/* End Direct Debit styles */

/* Voting stats styles */
.votingStats {
	display: block;
	float: left;
	clear: left;
	width: 628px;
	border: 1px solid #ccc;
	margin: 0px 0px 20px 0px;
	padding: 5px;
	position: relative;
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(left,  #ffffff 0%, #efefef 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,#ffffff), color-stop(50%,#efefef)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  #ffffff 0%,#efefef 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  #ffffff 0%,#efefef 50%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  #ffffff 0%,#efefef 50%); /* IE10+ */
	background: linear-gradient(to right,  #ffffff 0%,#efefef 50%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=1 ); /* IE6-9 */
}

.votingStats .votingPosition {
	display: block;
	float: right;
	padding: 0px 0px 0px 24px;
	margin: 0px;
	background-image: url("/Style Library/Images/vote_icon.png");
	background-repeat: no-repeat;
	background-position: 0px 0px;
	background-color: transparent;
}
/* End Voting stats styles */


/*2014 styles*/
/*Cause detail 2014*/

.cause .title2014{

}

.cause .votingStats2014{

}

.cause .votingPosition2014{

}

.cause .icon2014{
}

.cause .description2014{
    margin-bottom: 20px !important;
    padding: 5px !important;
}



/*New carousel*/
ul#scroller {
	display: block;
	list-style: none;
	padding: 0px;
	margin-top: 20px;
	width: 640px;
	text-align: center;
}

ul#scroller li {
	padding: 0px;
	margin-left: 41px;
	position: relative;
	width: 128px;
	height: 96px;
	display: inline-block;
	clear: none;
}

ul#scroller li.first {
	margin: 0px;
}

ul#scroller li a {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	box-shadow:	5px 5px 5px #ccc;
}

ul#scroller li a img {
	display: block;
	float: left;
	padding: 0px;
	margin: 0px;
	width: 128px;
	height: 96px;
	z-index: 0;
}

ul#scroller li a img.play {
	display: none;
	z-index: 1;
	position: absolute;
	top: 24px;
	left: 40px;
	height: auto;
	width: auto;
}

ul#scroller li a:hover img.play {
	display: block;
}

/*New carousel*/



/*Cause detail 2014*/
/*Edit Cause detail 2014*/
.cause .causeItem{
	clear: left;
	float: left;
    display: block;
    margin-bottom: 30px;	
}

.cause .causeItem span{
	clear: left;
    display: block;
    float: left;
    font-size: 1em;		
}

.causeItem span.editCharityTitle {
	width:300px;		
}

.causeItem span.editCharitydescription {
	clear: left;
	float: left;
    display: block;
	width:640px;
	margin-top: 20px;	
	margin-bottom: 20px;		
}

.cause .causeItem input.editCharityTitle{
	cursor: text;
	margin-left: 10px;
}

.causeItem .logoUpload {
	height: auto;
    width: auto;
    margin-bottom:20px;			
}

.causeItem .logoPreview {
	display: block;
    float: left;
    clear: left;
	height: auto;
    width: auto;
    margin: 10px 0;		
}

.causeItem .logoPreview span {
	clear: left;
    display: block;
    float: left;	
}

.bbThumbnail {
	float: left;
	clear: left;
	margin-top: 30px;
}

.causeItem .logoPreview img {
    clear: left;
    float: left;	
    display: block;
    max-width: 620px;
    margin-bottom: 20px;
    border: 3px solid #000000;	
}

.bbThumbnail img {
	clear: left;
    float: left;	
    display: block;
    max-width: 620px;
    margin-bottom: 0px;
    border: 3px solid #000000;	
}

.causeItem label.uploadNew {
	clear: left;
    float: left;	
    display: block;
}

.cause .causeItem textarea.editCharityDescription {
	min-width:500px;
	min-height:300px;
}

.cause span.uploadLabel {
    clear: left !important;
    float:left;
    display: block;
    width:100%;
    cursor: text;
}

.causeItem .buttons input {
	clear: none;
	float: left;
    display: block;
    margin-top: 20px;
    margin-bottom: 10px;      
	padding: 0px 5px 0px 5px;
	cursor: pointer;
	background-color: #ffffff;
	color: #E95E27;
	font-weight: bold;
	font-size: 1.0em;
	border: 1px #E95E27 solid !important;
	overflow: visible;
	margin-right: 30px;
}

/*Edit Cause detail 2014*/
/*Start of User login 2014 styles*/
.bbUserLogin {
    clear:left;
    float:left;
    display:block;
    width:640px;
    min-height:500px;
}
.bbUserLogin .errorMessage{
    clear:left;
    float:left;
    display:block;
    width:640px;
}
.bbUserLogin .errorMessage span{
    clear:left;
    float:left;
    display:block;
    width:640px;
}
.bbUserLogin .loginDiv{
    clear:left;
    float:left;
    display:block;
    width:640px;
}
.bbUserLogin .loginDiv span{
    clear:left;
    float:left;
    display:block;
    width:100px;
}
.bbUserLogin .loginDiv input{
    clear:none;
    float:left;
    display:block;
    width:520px;
    margin-left:20px;
}
.bbUserLogin .loginDiv input.button{
    clear:left;
    float:left;
    display:block;
    width:auto;
    margin-top:10px; 
    opacity: 0.8;
    margin-left: 0px;
}
.bbUserLogin .loginDiv input.button:hover{
    opacity: 1;
}


.bbUserLogin .multipleCauses {
    clear:left;
    float:left;
    display:block;
    width:400px;
	margin-top:20px;
}

.bbUserLogin .multipleCauses span{
    clear:left;
    float:left;
    display:block;
    width:400px;
    margin-bottom: 20px;
    font-weight: bold;
}

.bbUserLogin .multipleCauses a {
    clear: left;
    display: block;
    float: left;
    margin: 5px 0;
    width: 400px;
}

/*End of User login 2014*/



/*Start of Nomination Page 2014*/
#nominationForm .alreadyNominatedDiv{
	display: none; 
    clear: none;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 150px !important;
    height:auto;
}

#nominationForm .alreadyNominatedDiv fieldset { 
    border: 1px solid #CCCCCC;
    box-shadow: 10px 10px 20px #EEEEEE;
    clear: left;
    display: block;
    float: left;
    margin: 0 0 20px;
    padding: 10px 10px 20px;
    width: auto; 
}

#nominationForm .postback { 
    display: block !important;
    clear: none;
    float: left;
    margin: 0 0 0 20px;
    padding: 0;
    width: 150px !important; 
    height:auto; 
}

#nominationForm .postbackEmpty{ 
    display: none !important;
}

#nominationForm .postback fieldset { 
    border: 1px solid #CCCCCC;
    box-shadow: 10px 10px 20px #EEEEEE;
    clear: left;
    display: block;
    float: left;
    margin: 0 0 20px;
    padding: 10px 10px 20px;
    width: auto; 
}


#nominationForm .alreadyNominatedDiv legend{
    clear: left;
    display: block;
    width: 200px;
    word-wrap: break-word;
    margin: 0;
    padding: 0;
}

#nominationForm .alreadyNominatedDiv label{
    clear: left;
    display: block;
    float: left;
    margin: 0 0 20px;
    width: 200px;
}
/*End of Nomination Page 2014*/



/*2014 styles*/
.jcrop-holder {
	float: left;
	clear: left;
	margin-bottom: 20px;
	border: 3px solid #000;
}

.warning {
	display: block;
	float: left;
	clear: left;
	padding: 20px;
	margin-bottom: 20px;
	margin-top: 0px;
	background-color: #FFFF77;
	width: 600px;
	border-radius: 5px;
    box-shadow: 10px 10px 20px #eee;
	border: none;
}

.warning span.warningHeader {
	font-weight: normal;
	font-variant: small-caps;
	display: block;
	float: left;
	font-size: 1.4em;
	margin: 0px 0px 8px 0px !important;
	border-bottom: 1px solid #000;
	padding: 2px 0px 20px 30px !important;
	width: 570px;
	background-image: url("/Style Library/Images/warning.png");
	background-position: 0px -2px;
	background-repeat: no-repeat;
	background-color: transparent;
}

.imageDimensions {
	display: block;
	float: left;
	clear: left;
	padding: 10px 0px 0px 0px;
	margin: 0px;
	font-weight: normal !important;	
}

.editCauseDetails .causeItem input.editCharityTitle {
	display: block;
	float: left;
	clear: left;
	width: 390px;
    padding: 5px;
    margin: 2px 0px 5px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 10px 10px 20px #eee;
}

.editCauseDetails .causeItem .logoUpload span.currentLogoURL {
	font-weight: normal;
}

.editCauseDetails .causeItem span {
	font-weight: bold;
	margin-bottom: 5px;
	width: auto;
	display:block;
	float: left;
	clear:left;
	padding:0;
}

.editCauseDetails .causeItem .logoUpload {
	float: left;
}

.causeItem .logoPreview a{
	clear:none !important;			
}

.editCauseDetails input.update {
	clear: left;
}

.editCauseDetails .causeItem .buttons input {
	clear: none;
}

.editCauseDetails input.update,
.editCauseDetails .causeItem .buttons input {
	display: block;
	float: left;
	background-color: #ef4130;
    border: none;
    border-radius: 5px;
    box-shadow: 2px 2px 2px #CCCCCC;
    color: #FFFFFF;
    padding: 5px 10px;
    margin-top: 20px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
}

.editCauseDetails .causeItem input.uploadNew {
	clear: left;
    float: left;
    display: block;
    margin: 0;
}

.mce-tinymce span {
	font-weight: inherit !important;
}

.editCauseDetails .cause input.upload {
    cursor: text;
    display: block;
	float: left;
	clear: left;
	width: 390px;
    padding: 5px;
    margin: 0px 0px 20px 0px;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 10px 10px 20px #eee;
}

.editCauseDetails .cause span.uploadLabel {
	font-weight: normal;
	margin-bottom: 20px;
}

.editCauseDetails .causeItem .buttons input {
	margin-top: 0px;
}

#dialog iframe {
	border: none;
}

.testimonials .info {
	font-weight: normal !important;
}

.testimonials input {
	cursor: default;
	display: inline;
	float: left;
	margin: 0px 10px 10px 0px;
}

.testimonials label {
	display: inline;
}

.testimonials tr {
	background-color: #9ede72;
	border-bottom: 1px solid #000;
	display: block;
	margin-bottom: 10px;
	padding: 10px;
	font-style: italic;
}

.testimonialsWrapper .testimonialsLabel {
	font-weight: bold;
}

.testimonialsWrapper .testimonials {
	clear: left;
	float: left;
}

.testimonialsWrapper .testimonials ul {
	padding: 0px;
	margin: 0px;
}

.testimonialsWrapper .testimonials ul,
.testimonialsWrapper .testimonials li {
	display: block;
	clear: left;
	float: left;
}

.testimonialsWrapper .testimonials li {
	margin: 10px 0px 0px 0px;
	padding: 10px;
	background-color: #efefef;
	border-bottom: 1px solid #ccc;
	width: 620px;
}

.testimonialsWrapper .testimonials li span {
	display: inline;
	font-style: italic;
	float: none;
}

.testimonialsWrapper .testimonials li img {
	display: none;
	float: left;
	border: none;
	margin: 0px 10px 10px 0px;
}

.editCauseDetails .causeItem .updateInfo {
	font-weight: normal;
	margin: 10px 0px 0px 0px;
	min-width: 600px;
	display:block;
	float: left;
	padding:0px;
	clear:left;
}

.editCauseDetails .descriptionLabel {
	margin-bottom: 5px;
	font-weight: bold;
}

.mce-panel {
    margin-left: 2px !important;
}


.ui-widget-header {
	background: #ef4130 !important;
}

.testimonials tr.selected {
	background: #ff6e53;
}

.ui-dialog-buttonset .ui-button {
	color: #ef4130 !important;
	background: url("images/ui-bg_glass_100_f6f6f6_1x400.png") repeat-x scroll 50% 50% #F6F6F6 !important;
	border: 1px solid #CCCCCC !important;
}

.cause .help {
	position: absolute;
	top: 30px;
	right: 0px;
}

.cause .testimonialsWrapper {
	float: left;
	clear: left;
	margin: 10px 0px 10px 0px;
}

/*Start of BBLogin 2014 styles*/

.BBLogin .twitter {
	display:block !important;
}

.twitter input {
    border-radius: 5px;
    height: 30px;
    margin-left: 20px;
    width: 170px;
    opacity: 0.8;
}

.twitter input:hover {
    opacity: 1.0;
}

.contentArea h1 {
    line-height: 100%;
}
/*Start of BBLogin 2014 styles*/

.causeUrl {
	display: block;
	float: left;
	clear: left;
}

.cause .textVoteInfo {
	width: 640px;
	padding-top: 20px;
}

.cause a.helpInfo {
	display: block;
	float: left;
	margin-left: 5px;
	position: relative;
}

.cause a.helpInfo span {
	background-color: #FFFFEF;
	border: 2px solid #000000;
	border-radius: 20px 20px 20px 0;
	bottom: 10px;
	box-shadow: 5px 5px 5px #CCCCCC;
	color: #000000;
	display: none;
	font-weight: normal;
	left: 20px;
	min-height: 30px;
	padding: 10px;
	position: absolute;
	text-align: justify;
	width: 300px;
}

.cause a.helpInfo:hover span {
	display: block;
}

.causeItem a.helpInfo img {
	margin: 0px;
}

/* User login styles */
.bbUserLogin input.field {
    cursor: text;
    display: block;
	float: left;
	clear: left !important;
	width: 390px;
    padding: 5px;
    margin: 0px 0px 20px 0px !important;
    border: 1px solid #CCCCCC;
    border-radius: 5px;
    box-shadow: 10px 10px 20px #eee;
}

.bbUserLogin span {
	display: block;
	float: left;
	clear: left;
	margin-bottom: 5px;
	font-weight: bold;
}

.bbUserLogin input.button {
	cursor: pointer;
}

#loginStatus {
	position: absolute;
	right: 48px;
	bottom: -25px;
}

#loginStatus span {
	font-weight: bold;
}

#loginStatus input {
	border: none;
	text-decoration: underline;
	cursor: pointer;
	background: transparent;
	padding: 0px;
	margin: 0px;
	color: #ef4130;
}
/* End User login styles */

.descriptionNotepadLabel {
    clear: left;
    color: #EF4130;
    display: block;
    float: left;
    margin-bottom: 5px;
    font-weight: bold;
}

span#ctl00_PlaceHolderMain_CauseDetail_notVotable{
	display:none !important;
}