/* Eric Meyer's Reset Reloaded *//* http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;outline: 0;font-size: 100%;vertical-align: baseline;background: transparent;}body {line-height: 1;}ol, ul {list-style: none;}blockquote, q {quotes: none;} /* remember to highlight inserts somehow! */ins {text-decoration: none;}del {text-decoration: line-through;}/* tables still need 'cellspacing="0"' in the markup */table {border-collapse: collapse;border-spacing: 0;}

/* =====   universal 'element' styles   ===== */

body {
font-family:arial,helvetica,sans-serif;
font-size:62.5%;
color:#1c1c1c
}

input,textarea {font-family: arial,helvetica,sans-serif;}

li { margin:0 0 10px}

a:link,a:visited {color:#2a42c6; text-decoration:underline;}

a:hover,a:focus,a:active {
text-decoration:none
}

strong {font-weight:900}

/* buttons are lame - this is my fix for them! */

button {
position:relative;
border:0;
padding:0;  
cursor:pointer;
overflow:visible;
font-family:inherit; 
font-size:inherit;
/* removes extra side padding in IE */
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
	/* Safari and Google Chrome only - fix margins */
	button span {
		margin-top: -1px;
	}
}


button::-moz-focus-inner {
border:none
/* overrides extra padding in Firefox */
}



/* =====   library '.class-styles'   ===== */


/* ---- typography ---- */

.type-text-list input,input.type-text {
padding:4px 3px 4px 5px;
background-image:transparent;
background-image:url(images/charity-global/embelished-containers/input/bg-input.gif);
background-repeat:no-repeat;
background-position:left 0
}

.side-note { font-size:0.8em; display: inline; }

.micro-copy {
font-size:0.8em;
color:#999;
}

.terms-note {  
font-size:0.8em;}

.hide
,.hidden {display:none !important;}
.invisible { visibility:hidden;}

.hide-for-accessibility {
text-indent:-9999em;
display:block;
overflow:hidden;
text-align:left;
height:0;
letter-spacing:-999em; 
position:absolute;
}

input.hide-for-accessibility { position:static;}

.hide-text {
text-indent:-9999em;
display:block;
overflow:hidden;
text-align:left;
}

.hyperlink { cursor:pointer; text-decoration: underline }

.light-color {filter:alpha(opacity=70);	-moz-opacity:0.7;-khtml-opacity: 0.7;opacity: 0.7;}
.full-color {filter:alpha(opacity=99);	-moz-opacity:1;-khtml-opacity: 1;opacity: 1; border:4px solid red;}

.inline {
display:inline
}

h1,.h1-style , h2,h3,h4 { color:#2a42c6;}
.size23px p,h1,h2.size23px,p.size23px  { font-size:2.3em;line-height:220%; }
.size18px p,h2,h1.size18px { font-size:1.8em;line-height:170%; }
.size15px p,p, h2.size15px,label.size15px,li { font-size:1.5em;line-height:140%; }

li p,
li h2, li h1, li h3,
li li,
li li li,
li li li li,
li li li li li { font-size:1em;}
.size13px p,label.size13px { font-size:1.3em;line-height:120%; }
.size11px p { font-size:1.1em;line-height:100%; }

li .size13px { font-size:0.8em }

.smaller {font-size:1.2em}


p { margin:0 0 16px; }
p.first { margin-top:14px;}
/* ---- layout ---- */

/* containers */
.single-column {
margin-top:20px;
width:960px;
}

.single-column.default { padding:20px 60px 30px; width:840px; margin-top:30px;}

.two-column-wrapper {
margin:0 auto 0;
width:960px; 
text-align:left;
}

/* inner containers */
.two-column-wrapper .large-column{
margin-top:20px;
padding:22px 20px 8px;
width:598px;
*width:590px; /* fix me */
}

.two-column-wrapper .small-column {
margin:20px 0 0 20px; /* previously this was like so... 20px 18px 0 20px - however you should use float-l/r to tell the div what margin to use! */
width:286px;
}

.two-column-wrapper .small-column.float-r {
margin-left:18px;
margin-right:0;
}
.two-column-wrapper .small-column.float-l {
margin-left:0;
margin-right:18px;
}

.large-column.light-blue { background-color:#e8e8e8}

.new-item { margin-top:30px; }
.new-item2 { padding-top:30px; }

/*  /layout */

/* specifics */

.absolute { position:absolute; }
.relative {position:relative;}

.float-r {float:right}
.float-l {float:left}

.speech {
position:absolute;
background-position:0 0;
background-repeat:no-repeat;
background-color:Transparent
}

/* We will start to phase these out as our patterns improve */

	/* do not use in future */
	.nudge-10-t {margin-top:10px !important}
	.nudge-20-t {margin-top:20px !important }
	.nudge-30-t {margin-top:30px !important}
	/* //end// do not use in future */

.nudge-16-t {margin-top:16px !important }
.nudge-16-r {margin-left:16px !important }


.nudge-10-l {margin-right:10px !important}
.nudge-20-l {margin-right:20px !important}
.nudge-30-l {margin-right:30px !important}

.nudge-10-r {margin-left:10px !important}
.nudge-20-r {margin-left:20px !important}
.nudge-30-r {margin-left:30px !important}
/* //end// We will start to phase these out as our patterns improve */

.clear {clear:both}
.clearfix:after,.container:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}
.clearfix,.container .clearfix /* for IE/Mac */ {
display:inline-block
}
.clearfix {
zoom:1;
display:block;
}
.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden
}

/* ---- embelish ---- */


/* thermometer back drop */

.thermometer-backdrop { background-image:url(content/images/graphics/embelish/thermometer-blacknwhite-400x400.png); }


/* Borders and Outlines */

.image-border { border:#e9e4e1 2px solid; display:block; float:left; position:relative; padding:0; margin:0;}
.image-border {}
.image-border img { margin:0; padding:0;}

.dotted-border {border:1px dotted #1c1c1c;}

/*	 shadows */

.shadow-620,.shadow-60 { background: transparent url(images/graphics/embelish/shadow-60.gif) no-repeat 0 0; width:60px; bottom:-8px; position: absolute; height:10px; left:0;  }
.shadow-620 {background-image:url(images/graphics/embelish/shadow-620.png);width:620px;height:16px; bottom:-17px;}


/* fix me and give me a number... such as 938px! */
.above-drop-shadow {
background-image:url(images/charity-global/embelished-containers/div/shadow-938.png);
background-repeat:no-repeat;
background-position:top 0
}

/*		speechbubbles		  */

.speechbubble {
background: transparent url(none) no-repeat 0 top;
padding:12px 30px 0 32px;
width:382px;
}

.speechbubble-tip-490,.speechbubble-tip-360,.speechbubble-tip-444,.speechbubble-tip-220, .speechbubble-tip { 
	background: transparent url(none) no-repeat 0 bottom;
	overflow:hidden;
	padding-bottom:19px;
}

.speechbubble-tip-220 {background-image:url(/App_Themes/Justgiving/images/graphics/embelish/speechbubble-blue-220px-bottom.gif);width:245px;}
.orange.speechbubble-tip-220 {background-image:url(images/graphics/embelish/speechbubble-orange-220px-bottom.gif);}
.orange.speechbubble-tip-220 .speechbubble {background-image:url(images/graphics/embelish/speechbubble-orange-220px-top.gif); width:176px;}
.green.speechbubble-tip-220 {background-image:url(images/graphics/embelish/speechbubble-green-220px-bottom.gif);}
.green.speechbubble-tip-220 .speechbubble {background-image:url(images/graphics/embelish/speechbubble-green-220px-top.gif); width:176px;}

.speechbubble-tip-360{padding-bottom:23px;}
.speechbubble-tip-490,.speechbubble-tip-444{padding-bottom:5px;}

.speechbubble-tip-490.white {background-image:url(images/graphics/embelish/speechbubble-white-490px-bottom.gif);}
.speechbubble-tip-490.white .speechbubble {background-image:url(images/graphics/embelish/speechbubble-white-490px-top.gif);width:450px;  }



.orange.speechbubble-tip-360{
background-image:url(images/graphics/embelish/speechbubble-orange-371px-bottom.gif);
}					

.speechbubble-tip-444 .speechbubble { margin-bottom:13px;}

.speechbubble-tip-444 {
width:444px;
}

.green.speechbubble-tip-444{
background-image:url(images/graphics/embelish/speechbubble-green-444px-bottom.gif);
}

.green.speechbubble-tip-444 .speechbubble{
background-image:url(images/graphics/embelish/speechbubble-green-444px-top.gif);
}

.speechbubble-tip-360 .speechbubble {
background-color:Transparent;
background-position:0 top;
background-repeat:no-repeat;
padding:6px 15px 0 30px;
*padding-top:16px;
width:326px;
_width:306px;
}
.orange.speechbubble-tip-360 .speechbubble {
background-image:url(images/graphics/embelish/speechbubble-orange-371px-top.gif);
}

.small-column .speechbubble-tip-220 { margin-left:60px}

.speechbubble-tip-490.white .speechbubble, 
.chat .alternate .speechbubble-tip-444 .speechbubble,
 .speechbubble-tip-444.green .speechbubble { padding-bottom: 1px; margin-bottom: 0; }

.speechbubble-tip-490, .speechbubble-tip-444  { padding-bottom: 20px; }

/*		column gradients		  */

.grad-white-to-blue-10-percent{
background:#ECEBEB url(images/graphics/embelish/grad-white-to-blue-10-percent.png) repeat-x 0 top;
}
.gradient-b {
background-image:url(images/charity-global/embelished-containers/div/gradient-white.png);
background-repeat:repeat-x;
background-position:0 bottom
}
.pink-bg {
background-color:#FDE3D5
}


.gradient {
background-color:transparent;
background-repeat:repeat-x;
background-position:0 bottom
}
.trans-to-white {background-image:url(images/charity-global/embelished-containers/div/gradient-trans-to-white.png)}

.hidden-button {
background-color:Transparent;
border:0
}

.txt-hover:hover,.txt-hover:focus,.txt-hover:active {
cursor:pointer
}

/* ================ buttons =============== */

/* Contains square buttons & some long buttons with fixed text in... */

.submit-small {width:37px; height:33px; border:none; cursor:hand; float:right; margin-left:10px; margin-top:1px; text-indent: -99999px; zoom:1; z-index:9999;}
.submit-small:hover { left:1px; position:relative; height:34px; margin-bottom:-2px }

.submit-small.blue { background:url(images/buttons/sprite-text.png) no-repeat -1px 0;    }
.submit-small.blue:hover {background:url(images/buttons/sprite-text.png) no-repeat -1px -62px;}
.submit-small.light-blue { background:url(images/buttons/sprite-text.png) no-repeat -88px 0;    }
.submit-small.light-blue:hover {background:url(images/buttons/sprite-text.png) no-repeat -88px -62px;}
.submit-small.green {background:url(images/buttons/sprite-text.png) no-repeat -175px 0;    }
.submit-small.green:hover {background:url(images/buttons/sprite-text.png) no-repeat -175px -62px;}


/*charity browse*/
.submit-medium {width:87px; height:33px; border:none; cursor:hand; float:left; margin-left:0px; margin-top:1px; text-indent: -99999px; zoom:1; z-index:9999;}
.submit-medium:hover { /*left:1px;*/ position:relative; width:87px; height:34px; margin-left:0px; margin-top:0px; /* margin-bottom:-2px*/ }
.submit-medium.dark-green { background:url(tabulous/images/buttons/search-bttn-sprite.png) no-repeat -1px 0;    }
.submit-medium.dark-green:hover {background:url(tabulous/images/buttons/search-bttn-sprite.png) no-repeat -1px -62px;}

/*ie*/
#charity-browse-search .submit-medium {*font-size:0; *display:block; *line-height:0; }



/* The slidingDoor buttons */

.slidingdoor-button {
background-position:left top;
padding-left:10px; 
*width:auto;
}

.slidingdoor-button:link,
.slidingdoor-button:visited,
.slidingdoor-button:hover,
.slidingdoor-button:focus,
.slidingdoor-button:active { text-decoration:none;}

/* sliding doors are: <div><span></></> or <div><input></></> or <button><span></></> 
////  (we're going to use Button less... as span submitting is bad ).  */

.large-column .slidingdoor-button.float-r { margin:0 30px 0 0;}
.large-column .slidingdoor-button.float-l { margin:0 0 0 30px;}

.slidingdoor-button input,
.slidingdoor-button span {
background-position:right top;
padding:14px 18px 12px 10px;
text-align:center;
float:left;
 text-decoration:none;
}

.slidingdoor-button span { padding-bottom: 16px;}
.slidingdoor-button span {*min-height:27px; *padding-top:16px; *padding-bottom:2px;}



	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		a.slidingdoor-button { padding-left:10px;}
		div.slidingdoor-button { padding-left:8px;}
		.slidingdoor-button span { padding-right:20px;}
		div.slidingdoor-button input{ padding-bottom:17px !important;}
	}


.slidingdoor-button input {
  width: auto;
  overflow: visible;}

a.slidingdoor-button.small input,
a.slidingdoor-button.small span { padding-bottom:0; }
a.slidingdoor-button.small span { padding-top:2px; }

div.slidingdoor-button input,
div.slidingdoor-button span {padding:11px 18px 14px 7px;}

.slidingdoor-button,.slidingdoor-button input,
.slidingdoor-button,.slidingdoor-button span {
border:0;
background-color:transparent;
background-repeat:no-repeat;
position:relative;
display:block;
text-decoration:none;
cursor:pointer
}

.slidingdoor-button input,
.slidingdoor-button span{ 
color:#fff;
font-weight:900; 
font-size:1em;
position:relative; margin-top:0 !important;
}

.slidingdoor-button.default input,
.slidingdoor-button.default span{ *line-height:12px;margin-bottom:0 !important;}

.slidingdoor-button.default input{*line-height:16px;}

.slidingdoor-button.default span {font-size:1.5em;}

.slidingdoor-button.blue.small { 
background-image:url(images/buttons/pipe-blue-end-small.png); 
padding-left:6px;
 line-height:30px;
 }

.slidingdoor-button.blue.small input,
.slidingdoor-button.blue.small span {
background-image:url(images/buttons/pipe-blue-full-small.png); 
color:#fff; 
font-size:0.8em; 
font-family:inherit; 
font-weight:bold;
/*  line-height:12px; line-height:14px; */
 height: 35px;
padding:9px 9px 11px 2px;
position:relative;
}

	@media screen and (-webkit-min-device-pixel-ratio:0) {
		/* Safari and Google Chrome only - fix margins */
		.slidingdoor-button.blue.small {padding-left:4px !important;}
		.slidingdoor-button.blue.small span,
		.slidingdoor-button.blue.small input {padding:9px 9px 11px 2px; }
		
		.slidingdoor-button.blue.small:hover {}
	}

.pushable.small:hover,
.small input,.small:hover input { *min-height:34px;}

/* Pushable states */

a.pushable.slidingdoor-button:link,
a.pushable.slidingdoor-button:visited,
div.pushable.slidingdoor-button:link,
div.pushable.slidingdoor-button:visited  {background-position:left top}
	a.pushable.slidingdoor-button:link span,
	a.pushable.slidingdoor-button:visited span,
	div.pushable.slidingdoor-button:link input,
	div.pushable.slidingdoor-button:visited input {background-position:right top}

a.pushable.slidingdoor-button:hover,
div.pushable.slidingdoor-button:hover {background-position:left -72px;}
	a.pushable.slidingdoor-button:hover span,
	div.pushable.slidingdoor-button:hover input {background-position:right -72px;}


a.pushable.small:hover,
div.pushable.small:hover {background-position:left -82px;}
	a.pushable.small:hover span,
	div.pushable.small:hover input {background-position:right -82px;}



.pushable.slidingdoor-button:hover { 
position:relative;
top:1px;
left:1px;
background-position:left top;}

.pushable.slidingdoor-button:hover input,
.pushable.slidingdoor-button:focus input,
.pushable.slidingdoor-button:active input,
.pushable.slidingdoor-button:hover span
.pushable.slidingdoor-button:focus span,
.pushable.slidingdoor-button:active span {background-position:right top}


/* sd-button colours */

.orange.slidingdoor-button {background-image:url(/content/images/buttons/pipe-orange-end.png);}
.orange.slidingdoor-button input,
.orange.slidingdoor-button span {background-image:url(/content/images/buttons/pipe-orange-full.png);}
.slidingdoor-button.blue input,
.slidingdoor-button.blue span {background-image:url(/content/images/buttons/pipe-blue-full.png);}
.slidingdoor-button.blue {background-image:url(/content/images/buttons/pipe-blue-end.png);}


.slidingdoor-button.grey {background-image:url(/content/images/buttons/pipe-grey-end.png);}
.slidingdoor-button.grey input,
.slidingdoor-button.grey span {background-image:url(/content/images/buttons/pipe-grey-full.png);}


/* disabled buttons */

.slidingdoor-button.disabled,  /* we can be specific incase IE6 is needed... */
#pafAddressButtonDiv.disabled,
#submitButton.disabled { filter:alpha(opacity=50);  opacity:0.5; -moz-opacity: 0.5;-webkit-opacity: 0.5; cursor:default;}

.slidingdoor-button.disabled input , /* we can be specific incase IE6 is needed... */
#pafAddressButtonDiv.disabled input ,
#submitButton.disabled input { cursor:default;}

.slidingdoor-button.disabled:focus,.slidingdoor-button.disabled:active
.slidingdoor-button.disabled input:focus,.slidingdoor-button.disabled input:active { outline:none 0 ; -moz-outline:none;}

/* End hide from IE-mac */
.use-validation .input-validation-error /* style me! */ {
border:1px solid red;
background-color:#fee
}

.use-validation .validation-summary-errors /* style me! */ {
font-weight:700;
color:red
}

/* ---- list styles ---- */

.form-fields input,.form-fields textarea{
background:transparent url(/content/images/graphics/embelish/bg-input.gif) no-repeat scroll 0 0;
border-color:#717171 #DACFCF #DACFCF;
border-style:solid;
border-width:1px;
color:#86857c;  /* on focus... change to darker! */
vertical-align:middle; 
padding: 6px 6px 4px 6px
}

.chat { padding-bottom:4px; }


#steps .slidingdoor-button.float-r { margin-right: 0; margin-bottom: 28px; *margin-bottom: 19px; }
#steps .contain-checkbox input, #steps .contain-radio input { _margin-right: -20px; }

#steps #editor li { clear:none; }
#steps LI .chat .image,.chat .image { position:absolute; bottom:0; left:0; width:57px; text-align:center; display:block; }
.chat .alternate .image { right:74px; left:auto;}
.chat .alternate .speechbubble-tip-444 { float:left; margin-left:0; }


.chat .alternate .speechbubble-tip-444 { float:left; margin-left:0;  background-image:url(images/graphics/embelish/speechbubble-blue-444px-bottom-left.gif) }
.chat .alternate .speechbubble-tip-444 .speechbubble { 
float:left; 
margin-left:0;
/* margin-bottom:15px; */
background-image:url(images/graphics/embelish/speechbubble-blue-444px-top-left.gif);
padding:12px 50px 0 20px;
}
.chat.no-bullets .alternate { margin-bottom:0;}

ul.divided { margin:10px 0 0;}
ul.divided .first {  border-top:0;}
ul.divided .last  {  border-bottom:0;}
ul.divided li,hr.divided { border-top:1px solid #d2d2d2; border-bottom:1px solid #f3f3f3; border-width:1px 0;} 
ul.divided li {padding:30px 0 23px; margin-bottom:0; vertical-align: top; }
hr.divided {margin:24px 0 32px; position: relative; width:568px;  }

.small-column hr.divided { width:282px;}

ul.no-bullets {}
ul.no-bullets li { margin:0 0 30px; clear:both; overflow:hidden;vertical-align: top; }

ul.lights { overflow:hidden;  }
ul.lights h2 { color:#1c1c1c; font-size:1em; }
ul.lights li {border-top:1px dashed #fff;vertical-align: top;  border-bottom:1px dashed #d3fec9; padding:20px 0 10px 64px; margin-bottom:0; background:transparent url(images/graphics/icons/light-bulbs.gif) no-repeat 4px 28px;}
ul.lights li.first {border-top:none; padding-top:6px; background-position:4px 12px;}
ul.lights li.last {border-bottom:none;}

ul.default,ol.default { list-style-type: disc; list-style-position:outside; margin:12px 0 10px;}
ul.default li,ol.default li { margin:0 0 24px 2px; vertical-align: top; }

ul.text,ol.text { margin:0 0 20px 35px; }
ul.text li,ol.text li{list-style-type: disc; list-style-position:outside; margin:0 0 0; }
ul.text li p,ol.text li p  { margin:0;line-height:130%;vertical-align: top;  }

ul.ticks li,ol.ticks li  { background-image:url(images/graphics/icons/tick.gif);  list-style-type: none;list-style-position:outside; padding:0 0 0 20px; background-repeat:no-repeat; background-position:0 center  }


.divider-low { border-bottom:1px solid #f3f3f3;}
.divider-top { border-top:1px solid #d2d2d2;}


/* site icons... lets css sprite these in the future*/

.facebook-icon { background:transparent url(images/logos/social-sites/fb-logo.jpg) no-repeat 0 0;  }
.chat.facebook-icon { margin-left:0; background-position:0 bottom;}


/* =====  template '#idStyles'    ===== */

/*  Static page - Error/Information  */


.informationPage.single-column { 
min-height:240px;
height:auto !important;
height:240px;
margin-top:70px;
padding-right:30px;padding-left:30px;
width:900px;
} 
  
.informationPage h1{ 
font-size:2.8em; 
font-weight:bold;
line-height:170%; 
text-shadow:0 1px 0 #eee;
}

.informationPage p { 
 font-size:2.1em;
 line-height:120%;
}

.star-oops,
.informationPage .action { 
padding:52px 0 16px 222px;
}

.star-oops{
border-bottom:2px solid #e8ecfa;
margin-top:-42px; position:relative;
z-index:99;
}

.informationPage .action { 
padding-top:30px; 
border-top:1px solid #fff;
z-index:1;
} 

.informationPage .action p { font-size:1.8em; float:left; width:420px; }

.star-oops .txt,
.star-oops .img{
position:absolute;
display:block; 
z-index:9999;
}
.star-oops .img{
background:url("images/graphics/embelish/starburst-orange.png") no-repeat scroll 0 0 transparent;
height:220px;
left:-12px;
top:0;
width:220px;
-webkit-animation-name: starRotation;
-webkit-animation-iteration-count: infinite;
-webkit-animation-timing-function: linear;
-webkit-animation-duration: 50s;
}
@-webkit-keyframes starRotation {
	from {-webkit-transform: rotate(0deg);}
	to {-webkit-transform: rotate(360deg);}
}
.star-oops .txt{
background:url("images/graphics/text/oops-orange.gif") no-repeat scroll 0 0 transparent;
height:81px;
left:15px;
top:66px;
width:165px;
}

.informationPage .slidingdoor-button { margin-top:6px; }



/* ---- contentWrapper  ---- */

/* notices	*/

.required-flashjs{
font-size:1.3em;
margin:0 0 30px;
padding:8px 0 8px 10px; 
background-color:#FCDAD9;
border:#FE4239 1px dotted;
color:red
}


#ie6Message {
background:#fff;
position:relative;
height:auto;
min-height:175px;
padding:20px 20px 10px 156px;
margin:0 60px 20px 0
}

#ie6Message img {
position:absolute;
top:0;
left:-136px
}

#ie6Message { font-size:1.1em}

#ie6Message h2 {
margin:0 0 12px
}

#ie6Message h2 strong {
position:absolute;
left:-112px;
color:#F27023;
font-weight:900
}

.brand-cpanel #intro #ie6Message p {
margin-left:0
}

/* asp hack for notices */
.validation-summary-errors {
    background-color: #D9FFB2;
    border:1px solid #5CBA30;
    width: 400px;
    }
span.validation-summary-errors {
    border-bottom-color: #D9FFB2;
    display:block;
    }
ul.validation-summary-errors {
    margin:0;
    padding:0;
    border-top:none;
    }
/* /asp hack */

.notice {
background-repeat:no-repeat;
background-image:url(images/graphics/icons/notices.gif);
padding:6px 10px 8px 45px;
line-height:170%;
border-style:solid;
border-width:1px;  
-moz-border-radius: 6px;
-webkit-border-radius: 6px ;
margin:15px 0 20px;
}

.notice ul { margin:10px 0 0 15px;  }
.notice li { list-style-type:disc; margin-bottom:0; }
.notice h2{ font-size:1.5em; font-weight:900; margin-bottom:0; }
.notice p { margin-bottom:4px;line-height:inherit; }
.notice p.one-line { padding:8px 0;}

.positive {
background-position:10px -601px;
background-color:#C9EDC1;
border-color:#63B153;
color:#105402
}
.positive h2{ color:#105402;}


.processing {
background-position:10px -300px;
background-color:#fef0e9;
border-color:#f27022;
color:#ff6600;
}
.processing h2 {color:#ff6600;}

.negative {
background-position:10px -4px;
background-color:#FCDAD9;
border-color:#FE4239;
color:red
}
.negative h2 { color:red }

.blank 
{
background-image:url('');
background-position:10px 0;background-color:#ffffff;
border-color:#ffffff;
color:white
}

#validationSummary ul {
margin:10px 0 0 24px
}

#validationSummary li {
list-style-type:disc
}

#steps .notice { margin: 10px 0 22px;}


/* =====   library '.class-styles'   ===== */
.hidden { display:none;}

#whatisThisLink { font-size:0.8em; margin-left:4px; position:relative; top:1px;}

/* =====  template '#idStyles'    ===== */

/* ---- privacy policy ----- */

#privacyPromise { position:relative; padding:12px 60px 12px 20px; background-color:#F4F8E6;  }
#privacyPromise h2 { margin-bottom:12px }
#privacyPromise p {letter-spacing:-0.1px;margin-left:4px;padding-right:10px;}
#privacyPromise .ribbon, #privacyPromise .shadow {display:block;position:absolute;}

#privacyPromise .ribbon {
background:transparent url(images/graphics/embelish/ribbon.png) no-repeat scroll 0 0;
height:79px;
right:20px;
top:-4px;
width:21px;
}

#privacyPromise .shadow {
background:transparent url(images/graphics/embelish/shadow-300.png) repeat scroll 0 0;
bottom:-17px;
height:17px;
left:0;
width:298px;
}
.small-column #privacyPromise .shadow{ width:278px;}




/* ---- receipt ----- */

#receipt {
	width: 300px;
	background: url(images/graphics/embelish/ripped-paper-top-mid.gif) 0 0 no-repeat;
	position: relative;
	margin: 20px -7px 20px 20px; 
	font-family:Courier,helvetica,arial,ms-sans;	
	*margin-left: 0;
	zoom:1;
}
/*
#receipt p strong {
		font-family: monospace;
	font-size: 1.1em; 
}

#receipt p {
	font-size: 1.2em;
	font-family: monospace;
	margin-bottom: 10px;
}*/

#receipt p.p_thanks {
	padding-right: 15px; margin-top: 30px;
}
#receipt h3 {
	margin-bottom: 0;
	padding-bottom: 10px; 
	border-bottom:1px dashed #1c1c1c;
	font-size: 1.8em;
	color:#1c1c1c;
}
.jg_details {	border-top:1px dashed #1c1c1c; margin-top:2px; padding-top:10px }

#receipt-inner {
	padding: 32px 20px 40px;
	background: url(images/graphics/embelish/ripped-paper-bottom.gif) left bottom repeat-x; 
	margin-bottom: 0; 
	zoom: 1;
}

#receipt .thanks {	border-top:1px dashed #1c1c1c; }
#receipt .thanks span { border-top:1px dashed #1c1c1c; margin-top:2px; padding-top:10px  }

#receipt span { display:block; }
#receipt input {
	margin: 0 5px 0 0;
	position: relative;
	top: 16px;
	float: left;
	clear:both; 
	display:block; 
}

#receipt label {
	left:5px;
	position: relative;
	top: 14px;
	width: 180px;
	float:left; 
	color: #003366;
}

.lnk_print {
	background: url('images/graphics/icons/icn_print.gif') 0 5px no-repeat;
	padding: 0px  5px 18px 22px;
	text-decoration: none;
	font-size: 0.8em;
	color: #333;
	position: absolute;
	right: 10px; top:10px;
	margin-top: 2px;
}

.lnk_print:hover {
	text-decoration: underline;
}

/* ----- Site main header ---- */


#header {
margin:15px auto 0;
text-align:left;
width:960px
}

.jg-logo {
background-color:#2A42C6;
/*	background-image:url(images/logos/justgiving/jg-logo-stencil-transparent.png); */
background-position:0 0;
background-repeat:no-repeat;
display:block;
float:left;
height:47px;
left:-10px;
overflow:hidden;
width:225px;
display:block;
z-index:9;
}
.jg-logo img { 
display:block;
height:47px;
left:0;
position:absolute;
top:0;
width:225px;
z-index:99999;

}
#jgHeader .jg-logo {position:relative;}

#jgHeader {
	position: relative;
	width: 960px;
	overflow: visible;
	margin-top:15px;
}

#navigation {
	width: 348px;
	_width: 400px;
	clear:right;
	/* for the time being */
    text-align: right;
	margin: 5px 0 0 0;
	text-align: right;
	
}

.jgca .goBack2Jg,#navigation  li {
	display: inline;
	list-style: none;
	padding: 0 0 0 25px;
	line-height: 22px;
	font-size: 1.3em;
}

#navigation,
#logInDetails {right:-5px;float:right;position: relative;}

#logInDetails {  position:relative;font-size:1.3em; color:#6E7376}

.jg_header #logInDetails a { color: #000; }

body #navigation li a { color:#6e7376; font-family: Arial; text-decoration: none;  }

body #navigation li a:hover { color: #000; }

body #navigation li.active a { color: #000;}

.explainSearch .jg_stats {
	color: #462b72;
	clear:both;	
	font-size: 0.9em;
	font-weight: normal;
	line-height: 18px;
	margin:70px 0 40px;
	padding: 0;
}

/* ---- Site main wrapper - width should always be 960px! ---- */

#contentWrapper {
margin:20px auto 0;
text-align:left;
width:960px;
}


/* ---- Site main footer ---- */

#footer {
width:960px;
position:relative;
text-align:left;
z-index:1;
margin:65px auto 0;
padding-bottom:20px
}

#footer li,#footer h3{font-size:1.3em;}

#footer #justgiving-logo {
float:left;
width:300px;
background:url(/content/images/logos/justgiving/jg-logo-small-grey.gif) 0 15px no-repeat;
padding-top:50px;
border-top:1px dotted #767676;
position:relative
}

#footer #justgiving-logo a {
display:block; 
text-decoration:none;
height:50px;
left:0;
position:absolute;
top:0;
width:300px
}

#quicklinks {
border-top:1px dotted #767676;
padding:20px 0 10px;
/*zoom:1;*/
width:605px;
float:right
}

#quicklinks a {
color:#262626
}

#footer a:link,#footer a:visited {
text-decoration:none;
padding:2px
}

#footer a:hover,#footer a:focus,#footer a:active {
text-decoration:underline
}

#footer h3 {
display:block;
font-weight:900
}

#footer h3 a {
border:0
}

#footer #quicklinks div {
margin:0 32px 10px 0;
float:left
}

#footer ul {
float:left;
position:relative;
padding:0
}

#footer li {
margin:7px 0
}

#footer #quicklinks .usa em,#footer #quicklinks .japan em {
background:transparent url(images/graphics/flags/usa-flag.png) no-repeat right 3px;
padding:0 22px 0 0;
color: #86857C

}

#footer #quicklinks .japan em {background-image: url(/content/tabulous/images/footer/flags/japan.png)}

#footer  #quicklinks #legalstuff {
float:right;
margin-right:0;
display:inline;
position:relative;
width:158px;
padding:0 0 22px
}

#legalstuff li {
margin:0 0 7px
}

#backToTop {
font-size:1.1em;
position:absolute;
right:-3px;
top:-17px;
padding:0 12px 0 0;
background:url(/content/images/graphics/embelish/up-arrow-black.png) no-repeat right 0 ;
}

#backToTop A{color:#262626;}

#backToTop A:link,#backToTop A:visited,
#footer a:link,#footer a:visited {
text-decoration:none;
padding:2px
}


/*-----------------------------------------charity browse --------------------------------------------------*/

#charity-browse-wrap { width: 923px; background: #e9ecf9; border: 1px dotted #86857C; padding-left:15px}
#charity-browse-wrap h1 {font-size:2.1em; color: #000; padding:16px 0 6px 0; margin:0; line-height: 1; text-shadow: 1px 1px 0px #fff;  }
#charity-browse-wrap .offscreen {position:absolute; top:-10000px; left:-10000px;}


/*search box*/
#charity-browse-wrap #charity-browse-search {clear:both; width: 920px; float: left; padding: 10px 0 30px 0;  }
#charity-browse-wrap #charity-browse-search .txt { width: 572px; height: 29px; *height: 23px; padding-left:5px; padding-right:5px; *padding-top:6px; -webkit-border-radius: 5px;
-moz-border-radius: 5px; border-radius: 5px;   }
#charity-browse-wrap #charity-browse-search .hldr_fields {width:605px; float: left; }
#charity-browse-wrap #charity-browse-search p { float: left; padding: 5px 0 0 10px; color: #92b707; font-weight: bold; text-shadow: 1px 1px 0px #fff; }
#charity-browse-wrap #charity-browse-search p strong {font-size:1.2em}


/*category form*/
/*
#category-search-wrap { clear:both; width:200px; _width:190px ; float: left;  padding:10px 20px 10px 0px; margin:0 ; display:inline; } 
form#category-search {width:200px; _width:190px ; float: left }
#category-search-wrap fieldset {margin:0; padding:0; float:left; border:none; width:200px; _width:190px ; font-size:1.2em; }
#category-search-wrap legend { font-weight: bold; padding: 0px 0 15px 0; font-size:1.6em; text-shadow: 1px 1px 0px #fff;}
#category-search-wrap .category {clear: both; float: left; width:200px; _width:190px ;margin-bottom: 10px;  }
#category-search-wrap .category-left {float: left; width: 170px;  } 
#category-search-wrap .category-left input { float: left; margin-right: 5px; margin-top:0 !important; *padding-top:0;  } 
#category-search-wrap .category-left span {  width: 140px; float: left; }
#category-search-wrap .category-left label { display: block; *padding-top:5px;   }
#category-search-wrap .category-right {float:right;  font-size: 0.9em; color: #86857c; text-shadow: 1px 1px 0px #fff;} 
*/

/*results lising NEW*/
#charity-browse-results { width:700px; _width:699px; float: right; background: #fff; background:#fff url(tabulous/images/misc/shadow-corners-grey.gif) no-repeat top left;    }
#charity-browse-results ul#charity-search-results { clear: both; list-style: none; margin: 0 0 0 2px; padding: 0; width:698px; _width:698px; }
#charity-browse-results ul#charity-search-results li {display: block; width:100%; float: left; padding: 15px 0; margin: 0 }
#charity-browse-results ul#charity-search-results li.alternate { background:#e8e8e8}
#charity-browse-results ul#charity-search-results li .charity-logo {width:121px; float: left; text-align: center; margin:0 15px;  }
#charity-browse-results ul#charity-search-results li .charity-logo img { width:120px; border: 1px solid #e8e8e8; }
#charity-browse-results ul#charity-search-results li .charity-text { width: 520px; float: left; padding: 0 0;   }
#charity-browse-results ul#charity-search-results li .charity-text h2 a {font-size:1.1em; margin-top: 5px; display:block;   }
#charity-browse-results ul#charity-search-results li .charity-text p {padding:0; margin: 0; font-size: 0.9em}
#charity-browse-results ul#charity-search-results li p.registered-charity { font-style:italic; color: #86857c; font-size: 0.8em; padding-top: 5px;}
#charity-browse-results ul#charity-search-results li .charity-text a.toggleLink {display:block; font-size: 0.9em;}


/*pagination*/
#charity-browse-wrap .charity-browse-pagination { clear: both; border-top:1px solid #e8e8e8; background: #fff; text-align: center; padding: 10px 0; width: 675px; margin: 0 auto;  }


/*nominate*/
#charity-browse-nominate {clear: left; width:563px; background: #e8e8e8; float: left; margin: 20px 0 0px 2px; padding: 10px 0 0 135px }
#charity-browse-nominate img.go-left { float: left; margin: 0 10px 0 0}
#charity-browse-nominate h3 {font-size:1.5em; color: #000; padding-top: 5px; text-shadow: 1px 1px 0px #fff;}
#charity-browse-nominate p {font-size: 1.2em; padding: 10px 0 0 0}


/*no results found*/
#charity-browse-no-results {clear: left; width:563px; float: left; margin: 20px 0 20px 2px; padding: 10px 0 0 135px; font-weight: bold; font-size:1em; background: pink }



/*charity browse*/
.submit-medium {width:87px; height:33px; border:none; cursor:hand; float:left; margin-left:0px; margin-top:1px; text-indent: -99999px; zoom:1; z-index:9999;}
.submit-medium:hover { position:relative; width:87px; height:34px; margin-left:0px; margin-top:0px; /* margin-bottom:-2px*/ }
.submit-medium.dark-green { background:url(tabulous/images/buttons/search-bttn-sprite.png) no-repeat -1px 0;    }
.submit-medium.dark-green:hover {background:url(tabulous/images/buttons/search-bttn-sprite.png) no-repeat -1px -62px;}

/*ie*/
#charity-browse-search .submit-medium {*font-size:0; *display:block; *line-height:0; }



/*--------------------------- gg project fundraising page ---------------------------*/

#gg-project-info img { float: left; margin: 0 10px 5px 0}
#gg-project-info h3 {color:#2A42C6; font-size:1.5em; margin-bottom:10px;}
#gg-project-info h3 a {display: block; line-height: 1.2}
#gg-project-info p { font-size: 1.3em;}
#gg-project-info p strong {display: block; color:#2A42C6; font-weight: normal}

.modal-content .gg-lbox-content {  width: 500px; }
.modal-content .gg-lbox-content h2 { font-size: 16px; color: #1c1c1c !important}
.modal-content .gg-lbox-content p { font-size: 0.8em;}

.global-giving-info h3 {font-size: 1.2em; }
.global-giving-info strong {display: block }
.global-giving-info img {vertical-align: middle }
.global-giving-info .content { font-size: 0.8em;}

.gg-lbox-content .gg-pfp-lb-content-top {clear: both; float: left}
.gg-lbox-content img.go-left {float: left; }
.gg-lbox-content #donationInfo { width: 150px; font-size: 1em; margin-left: 20px; padding-top: 20px; min-height: 80px  }
.gg-lbox-content .frp-thermometer {margin-top: -160px !important; right: -67px !important;  }  
.gg-lbox-content .gg-pfp-lb-content-btm {clear: both; float: left; width: 490px;}
      
 #global-giving-logo {position: absolute; top: -9000px; left: -2000px  }
 
 
 /*--------------------------- gg sponsorship donation thank you page ---------------------------*/
#allMessages #projectContent h3.thanks-header {display: block; margin-bottom: 10px; margin-top: 20px}
#allMessages #projectContent .gg-project-thanks-wrap {clear: both; width: 556px; *width: 546px; float: left !important; border: 1px solid #D2D2D2 !important; padding: 0px 20px 0px 20px; background: #fff; *position: relative; margin-top:45px }
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-top {clear: both; float: left; width: 556px;}
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-top img.go-left {float: left; margin-right: 20px }
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-top h3 {margin: 10px 0; width: 350px; color: #1c1c1c }
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-amount-raised {  width: 200px; float: left; text-align: left; color: #2a42c6}
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-amount-raised div {display: inline;  color: #1c1c1c}

#allMessages #projectContent .gg-project-thanks-wrap .gg-project-btm {clear: both; float: left; margin-top: 10px;  float: left; width: 556px;} 
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-btm h2 { color: #1c1c1c}
#allMessages #projectContent .gg-project-thanks-wrap .frp-thermometer {margin-top: -150px; right: -60px}
#allMessages #projectContent .gg-project-thanks-wrap .frp-thermometer .base {
background: url(/Utils/Thermometer.ashx?col=248AC8&FillCol=144971&FillAmount=0&Clip=0,0,0,0&Scale=40) no-repeat scroll 0 0 transparent; }
#allMessages #projectContent .gg-project-thanks-wrap .frp-thermometer strong em { font-style: normal; z-index: 2000;*position: relative;
*top: 0px; font-size: 0.8em  }
#thankYou .global-giving-info { width: 260px; float: right}
#thankYou .sbar-box.global-giving-info { border-bottom: none}

#allMessages #projectContent .gg-project-thanks-wrap .gg-project-btm em {font-size: 0.8em; color: #7f7f7f}
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-top .project-target { width: 150px; position: absolute; right: 33px; top: 180px; *top: 130px; font-size: 1em ; font-weight: bold; color: #4292d7; text-align: center; }
#allMessages #projectContent .gg-project-thanks-wrap .gg-project-top .project-target strong {display: block;}



/*--------------------------- gg direct donation thank you page ---------------------------*/
#thankYou.direct h1 {color: #1c1c1c; }
#thankYou.direct .gg-project-thanks-wrap {clear: both; float: left !important; border: 1px solid #D2D2D2  ;  background: #fff; *position: relative ;padding: 0px 20px 0px 20px;  }
#thankYou.direct .gg-project-top {clear: both; float: left;  width: 100%;color: #1c1c1c }
#thankYou.direct .gg-project-top h2 {color: #1c1c1c; display: block; margin: 10px 0 }
#thankYou.direct .gg-project-amount-raised {  width: 245px; float: left; font-weight: normal; text-align: left; color: #2a42c6;  color: #1c1c1c;  }
#thankYou.direct .gg-project-amount-raised em {/*color: #2a42c6;*/ font-style: normal; font-weight: bold}
#thankYou.direct .project-target { width: 150px; position: absolute; right:12px; top: 180px; font-size: 1em ; font-weight: bold; color: #4292d7; text-align: center; }
#thankYou.direct .project-target strong {display: block;}
#thankYou.direct .gg-project-thanks-wrap .frp-thermometer {margin-top: -112px; right: -60px}
#thankYou.direct .gg-project-thanks-wrap .frp-thermometer .base {background: url(/Utils/Thermometer.ashx?col=248AC8&FillCol=144971&FillAmount=0&Clip=0,0,0,0&Scale=40) no-repeat scroll 0 0 transparent; }
#thankYou.direct .gg-project-thanks-wrap .frp-thermometer strong em { font-style: normal; z-index: 2000;*position: relative;
*top: 0px; font-size: 0.8em  }
#thankYou.direct .gg-project-btm {clear: both; float: left; margin-top: 5px;  float: left; width: 100%; } 
#directDonation li#contactPreferences .checkbox-logo {float: left; width: 120px}
#thankYou.direct .gg-project-thanks-wrap .gg-project-image-wrap {float:left; width: 115px; margin-right: 10px}
#otherIdeas h2 {color: #1c1c1c;}
#otherIdeas ul.lights li a.block-link {display: block}

/*--------------------------- gg direct donation header ---------------------------*/
p.project-message {margin-bottom: 0}