@charset "UTF-8";
/* CSS Document */

* {font-size: 100.01%;}
html {font-size: 62.5%;}
body{
	font:1.2em Arial, Helvetica, sans-serif;
	color:#515151;
	background:#fff url(img/bg-body.gif) repeat-x;
	margin:1px 0 0;
}
a{
	color:#333;
	text-decoration:none;
}
a:hover{text-decoration:underline;}
img {border-style: none;}
input,
textarea,
select{
	font:100% arial,sans-serif;
	vertical-align:middle;
}

form,fieldset{
	margin:0;
	padding:0;
	border:none;
}

hr {
margin:25px 0;
border-bottom:#FFFFFF;
border-top:1px solid #CCCCCC;
border-left:#FFFFFF;
border-right:#FFFFFF
}

h3 {
color:#e50067;
}

.giftaid {
	float:left;
	padding-top:20px;}

	.giftaid h4 {
		margin:0 0 10px 0;
		padding:0;}
		
	.giftaid input {
		width:20px;
		margin-left:0px;
		float:left;
		}

.latest-tweets li {
margin-right:5px;
}


/* DESIGN CSS - Daryl */

.inputdottedline {
display:block;
height:1px;
background-image:url(img/grey_dots.gif);
margin:10px 0 0 0;
}

fieldset {
padding:10px;
border-top:1px solid #E3E3E3;
border-bottom:1px solid #E3E3E3;
margin-bottom:20px;
}

fieldset p {
margin:10px 0;
/* NEW START */
float:left;
width:485px;
height:auto;
clear:both;
/* NEW END */
}

fieldset legend {
	color:#E50067;
	padding:5px 5px 5px 0px;
	font-weight:bold;
}

fieldset label {
display:block;
margin-left:0px;
float:left;
width:130px;
}

fieldset input {
display:block;
width:200px;
/* NEW START */
float:left;
clear:right;
/* NEW END */
}

span.fmcheck
{
	width: 200px;
}

span.fmcheck input
{
	width: 40px;
	display: inline;
}

fieldset .generalsubmit {
background-color:#666666;
color:#FFFFFF;
padding:3px 10px;
border:1px solid #FFFFFF;
cursor:pointer;
margin:10px 0 0 130px;
width:150px;
font-weight:bold;
/* NEW */
float:left;
clear:left;
}

.inlinesubmit {
background-color:#666666;
color:#FFFFFF;
padding:3px 10px;
border:1px solid #FFFFFF;
cursor:pointer;
margin:10px 0 0 0;
width:150px;
}

a.registerprompt {
position:relative;
text-align:center;
display:block;
background-color:#E3E3E3;
padding:2px;
width:150px;
left:130px;
border-bottom:1px solid #CCCCCC;
border-top:1px solid #CCCCCC;
}


.challengepicture fieldset {
width:100%;
}

.challengepicture label {
width:100px;
}

.challengepicture .editbutton {
background-color:#FFFFFF;
margin-top:10px;
}

a.leftarrow {
background-image:url(../../images/prev.gif);
background-position:0 3px;
background-repeat:no-repeat;
padding-left:18px;
}

fieldset.friend label {
	margin-left:-10px;
	float:left;
	width:180px;
}
fieldset.friend input, fieldset.friend textarea {
	width:200px;
}

fieldset.friend label.error { padding-left:180px;  }



/*END OF DESIGN CSS - start of dev css :)*/

.clearboth, .clear { height:0px;clear:both; }
.nodonations p
{
	padding-top: 20px;
	padding-bottom: 20px;
	margin-left: 4px;
	color: #777;
}

/* -----error styling----- */
/* OLD div.messages {background-color:#efefef; border:1px #CCCCCC solid; padding:10px; margin:20px 0 10px 0;} NHW */
fieldset input {
	margin-top:0 !important;}
	
fieldset .generalsubmit {
	margin-top:10px !important;}

fieldset div.messages {background-color:#efefef; border:1px #ccc solid; margin:5px -10px 10px -10px; }
div.messages {background-color:#efefef; border:1px #ccc solid; margin:15px 0px 0px 0px; }
/* OLD div.messages span, div.messages div{display:block; margin:8px 0 10px 0; padding:0 10px 0 10px;}*/
div.messages span {display:block; margin:10px; /*margin:118px 0 20px 290px;*/}
div.messages div {display:block; margin:10px 20px 0 20px;}
/* OLD span.error { color: #e50067; */
span.error { color: #e50067; margin:118px 10px 10px 300px !important; padding:0 !important; line-height:13px;}

/* NEW */ div.error { color: #e50067;}
span.info {  }
span.warn { color: #e50067; }
/* ----------------------- */

/* for jquery validate */
label { width:150px; float: left; }
label.error { float: none; color: #e50067; padding-left:130px; vertical-align: top; width:200px; }
label.info { float: none; color: #515151; padding-left:130px; vertical-align: top; width:200px; }
input.error { border: 1px solid #e50067;}
select.error { border: 1px solid #e50067;}
/* -----error styling----- */

/*.hint { float: none; color: #777; margin-left: 130px; padding:4px; 
	background-color: #ddd; vertical-align: top; width: 300px; display: none;
}*/

.hint { position:absolute; border:1px dotted #999999; background:#efefef; 
	padding:2px 5px; color:#666; display:none; z-index:900; width: 255px;}


/* edit layer on images */
.imgholder { position: relative; }
.imgholder span { background-color: #e50067; position: absolute; top: 0px; left: 0px; color: #ffffff; padding: 2px 10px;}
.imgholder a { color: #ffffff;}
/* ----------------------- */

/* photoCarousel */
.carouselPrev { float: left;margin: 20px 6px 0 0; cursor: pointer; }
.carousel { float: left;overflow: hidden; }
.carouselNext { margin: 20px 0 0 6px; cursor: pointer;}
.carousel li { padding: 0; margin-left: 0;}
.carouselBlock { margin-bottom: 10px; }
.disabled { color: #cccccc; cursor: auto;}

/* with gallery */
.gallery { list-style: none; margin: 0; padding: 0; width: 400px;}
.gallery li { position: relative; float: left;position: relative; padding: 10px;}
.gallery span { height: 18px; color: #000; font-style: normal; padding: 2px; display: block; position: absolute; top: 52px; left: 24px; border: 1px dotted #999; background-color: #ffffff; }

/* ----------------------- */

/* tooltip  */
#tooltip{ position:absolute; border:1px dotted #999999; background:#fff; padding:2px 5px; color:#666; display:none; z-index:100;}
#tooltip span { color:#CCCCCC;}	
/* ----------------------- */

/*--- action photos throughought site ----*/
.regperson1 {
position:absolute;
bottom:-50px;
right:-30px;
}

.regperson2 {
position:absolute;
top:0px;
right:-25px;
}

.regperson3 {
position:absolute;
bottom:22px;
right:-18px;
}

.regperson4 {
position:absolute;
bottom:44px;
right:-34px;
}

.regperson5 {
position:absolute;
z-index:101;
bottom:-20px;
right:0px;
}

p.challengeissued {
display:block;
width:250px;
}

.status_pending
{
	color: #999;
	font-weight:bolder;
}

.status_approved
{
	color: Green;
	font-weight:bolder;
}

.status_suspended
{
	color: Red;
	font-weight:bolder;
}
.rte-zone
{
	width:350px;
	margin:0;
	padding:0;
	height:160px;
	border:1px #999 solid;
    clear:both;
}
/*png fix*/
/*img { behavior: url(/iepngfix.htc) }*/


#pcloading { margin: 10px; display: none;}
#pcloading img { margin-right: 10px; }

.pagingholder span.paging
{
	cursor: pointer;
	margin-right: 5px;
	background-color: #eee;
	padding: 4px;
}

.pagingholder span.active
{
	border: solid 1px #e50067;
}

.diaryEntry
{
	margin: 10px 0 20px 0;
	min-height: 100px;
}

.diaryEntry span
{
	background-image:url(img/diary.jpg);
	background-repeat:no-repeat;
	display: block;
	padding: 0 10px 30px 0;
}

.diaryEntry strong
{
	margin-left:50px;
	padding-top: 8px;
}

.diarySep
{
	background-image:url(img/diary_divider.jpg);
	background-repeat:no-repeat;
}

a.fbpost, label.fbpost {
	background-image:url(img/Connect_dark_small_short.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	padding:5px 0 5px 22px;
}