/*
   style.css
   RSPCA Australia
   
   Created by Callum Wilson on 2010-08-31.
   Copyright 2010 Oxygen Kiosk. All rights reserved.
*/

/* Resets
---------------------------------------- */
* {margin: 0; padding: 0;}
html, body {height: 100%;}
body {font-size: 75%; font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif; color: #000; line-height: 1.5;}
html>body {font-size:12px;}

/* ========== */
/* = Layout = */
/* ========== */
html {background:url('../img/html-back.png') top left repeat-x #fff;}
#container, #footer, #header {width:960px; margin:0 auto;}
#container {margin-top:4px; background:url('../img/content-background.png') top center repeat-y; padding:0 20px; position: relative;}
	body#home #container, #home-page-test #container {background:url('../img/content-background-home.png') top center repeat-y; padding:0 20px;}
#content{position:relative; top:-6px; z-index:100; }
h1#logo {width:350px; height:110px; padding-top:35px; float:left; margin-bottom:30px;}
	h1#logo a {display:block; width:350px; height:110px; background:url('../img/logo.png') top left no-repeat; text-indent:-9999em; float:left;}
p#donations {width:210px; height:65px; clear:right; padding-top:40px; margin-top: 0; float: right;}
	p#donations input, p#donations a { border: 0; display:block; background:url('../img/donate.png') top left no-repeat; width:210px; height:65px; text-indent: -9999em; clear:right;}
	#donation_container p#donations { float: none; width: auto; height: auto; clear: both;}
	p#donations input { margin: 0 auto; cursor: pointer; overflow: hidden;}
	* + html #donations input { font-size: 0; line-height: 0;}
/* Top Navigation
---------------------------------------- */
ul#top-menu {width:400px; float:right;background:url('../img/top-menu.png') top left repeat-x; margin:0; height:30px; padding:0; text-align: center;}
/* 	ul#top-menu * {float:left;} */
	ul#top-menu li {display:inline; margin:0; }
	ul#top-menu li a {/* display:block;  */line-height:25px; height:25px; padding:0 9px; font-size: 0.8em; color:#fff; text-decoration: none; border-left:1px solid #1B81A2; margin-top:2px;}
	ul#top-menu li.first a {border-left: none;}
	ul#top-menu li.last a {border-right: none;}
	
/* Main Navigation
---------------------------------------- */
ul#menu {clear:both; list-style:none; margin:0; background:url('../img/menu.png') top left repeat-x #3F87A9; padding:  0;padding-top:6px; height:69px; position:relative; z-index:100;}
	ul#menu * {float:left;}
	ul#menu li {list-style:none; margin:0; display: inline;}
		ul#menu li a {display: block; color:#fff; height:39px; line-height:57px; padding: 0 10px; border-right:1px solid #146179; border-left: 1px solid #166F8B;padding-top:18px; }
			ul#menu li a span {display: block; color:#fff; height:57px; line-height:57px; text-indent:-9999em; background-image: url('../img/menu-sprite3.png'); background-position: top left; background-repeat: no-repeat; height:17px}
			ul#menu li#menu-home a {border-left:0;}
			ul#menu li.active {background:url('../img/menu-active.png') top left repeat-x;border-left:1px solid #599C57; border-right:1px solid #488149;}
				ul#menu li.active a {display: block; background:url('../img/menu-active-arrow.png') bottom center no-repeat; border:none;}
			ul#menu li:hover {background:url('../img/menu-active.png') top left repeat-x; outline:none;}
				ul#menu li:hover a {border-left:1px solid #599C57; border-right:1px solid #488149;}
				ul#menu li.active:hover a { border:none; cursor:hand;}
				ul#menu li a:hover span {cursor:hand; cursor:pointer;}

			/* The Menu Text */
			ul#menu li#menu-1 a span {background-position: 9px 0; width:74px;}
			ul#menu li#menu-3 a span {background-position: -224px 0; width:205px;}
			ul#menu li#menu-2 a span {background-position: -70px 0; width:149px;}
			ul#menu li#menu-23 a span {background-position: -435px 0; width:77px;}
			ul#menu li#menu-87 a span {background-position: -512px 0; width:77px;}
			ul#menu li#menu-257 a span {background-position: -591px 0; width:124px;}

/* Side Navigation
---------------------------------------- */
ul#side-navigation {margin-top:20px; border-bottom: 1px solid #AAA6A7; border-top: 1px solid #AAA6A7}
ul#side-navigation li, ul#side-navigation ul {text-transform: uppercase; color:#000; margin:0; padding:0}
	ul#side-navigation a, li.here span {display:block; padding:5px 0;}
		li.here span {padding-left: 10px;border:1px solid #AAA6A7; text-decoration: underline; margin-top:-1px}
			li.here a span {padding-left: 0;border:none; text-decoration: none;}
/* first level */

ul#side-navigation li.level1 a {display:block; background:url('../img/side-menu-item-background.png') top left repeat-x #d5d5d5; border:1px solid #AAA6A7; color:#000; text-decoration: none; padding-left: 10px; margin-top:-1px;text-shadow: 0 1px 1px white}

/* second level */
ul#side-navigation li.level2 a {background: transparent;}

/* third level */
ul#side-navigation li.level2 ul li a, ul#side-navigation li.level2 ul li span {padding-left:30px; background:#fff }
	
/* Search Form
---------------------------------------- */
ul#menu li#menu-search {float:right; width:260px; padding-top: 12px;}
	ul#menu li#menu-search:hover {background:transparent;}
	ul#menu li#menu-search ol {float:none; width:260px;}
	ul#menu li#menu-search li {float:left; width:135px;}
		ul#menu li#menu-search li input {width:125px; color:#1F93B9;}
		ul#menu li#menu-search li.search-field {margin-right:10px;}
		ul#menu li#menu-search li.search-button {float:none;}
button#ajaxSearch_submit {background:url('../img/search-button.png') top left no-repeat; width:100px; height:30px; float:left; text-indent:-9999em; border:none;}

/* Page Styles
---------------------------------------- */
div#page { padding:1.5em 20px 0 20px;  background: #fff; width:680px; float:right; position:relative; z-index: 102;}

	/* Breadcrumb */
	ol#breadcrumb {height:2em;}
		ol#breadcrumb li {float:left; margin-right: 5px; text-transform: uppercase; height:15px; line-height: 15px;}
		ol#breadcrumb li.here {margin-right: 0; padding-right: 15px; background:url('../img/breadcrumb-arrow-here.png') center right no-repeat;}
			#page ol#breadcrumb li a {color:#000; font-weight: bold; text-decoration: none; background:url('../img/breadcrumb-arrow-next.png') center right no-repeat; padding-right:15px;}
			#page a.B_crumb, #page a.B_homeCrumb {color:#000; font-weight: bold; text-decoration: none; background:url('../img/breadcrumb-arrow-next.png') center right no-repeat; padding-right:15px; margin-right: 5px}
			.B_currentCrumb {margin-right: 0; padding-right: 15px; background:url('../img/breadcrumb-arrow-here.png') center right no-repeat;}
			/* Blog */
			.hentry {overflow: hidden}
				.hentry h3 {margin-bottom:0;}
				.hentry p.news-item-meta {margin-top:0; font-size: 0.833333em;line-height: 1.8em;}

.actionButton {
	height:47px;
	float:left;
	background:transparent url('../img/action-button-2.png') repeat scroll 100% 0;
	clear:both;
	overflow:hidden;
	height:1%;
	font-size:17px;
	text-transform:uppercase;
	margin:0 0 .65em 0;
}
.buttonBottom {
	margin-bottom:2em;
}
.actionButton:hover {
	background-position:100% -47px;
}

	#page .actionButton a {
		height:30px;
		margin-right:40px;
		padding:12px 0 5px 15px;
		display:block;
		background:transparent url('../img/action-button-2.png') repeat scroll 0 0;
		color:#fff;
		text-decoration:none;
	}
	#page .actionButton:hover a {
		background-position:0 -47px;
	}
	#page .fixedWidth a {
		width:325px;
	}

.twitterButton,
.facebookButton {
	width:139px;
	height:21px;
	font-size:14px;
	color:#fff;
	padding:8px;
	margin-right:1em;
	float:left;
	display:inline;
}
	#page .twitterButton a,
	#page .facebookButton a {
		color:#fff;
		text-transform:uppercase;
		text-decoration:none;
	}

.twitterButton {
	background:transparent url('../img/twitter.png') no-repeat scroll 0 0;
}
.facebookButton {
	background:transparent url('../img/facebook.png') no-repeat scroll 0 0;
}

#page .state-issues {
	padding:0;
	margin:0;
}

.pre-fill strong {
	padding-bottom:1em;
	display:block;
}

.state-issues li {
	list-style-image:none;
	list-style-type:disc;
	float:left;
	margin-left:20px;
	width:150px;
}

#page .twoLines {
	margin-bottom:2em;
}
	#page .twoLines a {
		height: 44px;
		line-height: 1.2em;
		padding-bottom: 0;
		padding-top: 3px;
	}

/* Find an MP
---------------------------------------- */

#mp_details {
	background:#E1F4DE;
}

	#mp_details td {
		vertical-align:top;
		border-bottom:none;
		padding-bottom:2em;
		padding-top:1em;
	}

	#mp_details .political_party {
		padding-left:30px;
		display:block;
		height:2em;
	}

	#mp_details .name {
		font-weight:bold;
	}

	#mp_details p {
		margin-bottom:0;
		font-size:12px;
		color:#333;
	}

	#mp_details .imagepara {
		padding-top:1em;
		clear:both;
	}


#mp_details .fax,
#mp_details .phone,
#mp_table .fax,
#mp_table .phone {
	float:left;
	padding-right:1em;
}

#mpForm legend,
#mpForm label,
.pre-fill {
	color:#333;
}

#mpForm .error {
	display:block;
	color:#A00;
	padding-left:144px;
	clear:both;
	padding-top:5px;
}

#mpForm ul {
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-image:none;
	width:537px;
}

	#mpForm li {
		overflow:hidden;
		margin-bottom:1em;
		list-style-image:none;
	}

		#mpForm label {
			float:left;
			width:144px;
			font-weight:bold;
			color:#333;
		}

		#mpForm input {
			float:left;
		}

		#mpForm .email,
		#mpForm .text {
			width:381px;
		}

		#mpForm .submit {
			float:right;
			padding-top:2em;
			padding-bottom:5em;
		}

#mp_table .actionButton {
	height:36px;
	background:transparent url('../img/action-button-2-small.png') repeat scroll 100% 0;
	font-size:1.4em;
	margin:1em 0;
	width:260px;

}
#mp_table .actionButton:hover {
	background-position:100% -36px;
}

	#mp_table .actionButton a {
		padding:8px 5px 5px 15px;
		margin-right:30px;
		height:23px;
		background:transparent url('../img/action-button-2-small.png') repeat scroll 0 0;
	}
	#mp_table .actionButton:hover a {
		background-position:0 -36px;
	}


#mp_table p {
	margin:0 0 .5em 0;
	font-size:1.2em;
	color:#333;
}
#mp_table .cell_elec p {
	padding-left:25px;
}

#mp_table thead td {
	background:#666;
	color:#fff;
	font-weight:bold;
	padding:1em 10px;
	border:1px solid #666;
}

#mp_table tbody td {
	border-bottom:1px solid #ccc;
	vertical-align:top;
	padding-top:20px;
}

#mp_table .cell_name {
	font-weight:bold;
	width:150px;
	border-left:1px solid #ccc;
}
#mp_table .cell_address {
	width:280px;
	border-right:1px solid #ccc;
}
.ALP {
    background:transparent url('../img/party_alp.gif') no-repeat scroll 0 4px;
}
.LP {
    background:transparent url('../img/party_lp.gif') no-repeat scroll 0 4px;
}
.NAT {
    background:transparent url('../img/party_nat.gif') no-repeat scroll 0 4px;
}
.Ind {
    background:transparent url('../img/party_ind.gif') no-repeat scroll 0 4px;
}
.CLP {
    background:transparent url('../img/party_clp.gif') no-repeat scroll 0 4px;
}
.AG {
    background:transparent url('../img/party_ag.gif') no-repeat scroll 0 4px;
}



.findMp {
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	padding:2em 0;
	margin-bottom:2em;
}


/* Home Page
---------------------------------------- */
body#home #page, #home-page-test #page {padding:0}
body#home #page {float: none; width:auto;}
body#home ul#menu, #home-page-test ul#menu {height:63px}
.row {margin-bottom:1em;}
#newsletter {float:right; background:url('../img/newsletter-background.png') top left no-repeat;}
	#newsletter h2, #find-out h2 {font-size: 1.4em; color:#fff; line-height: 1.4; margin-top: 0}
	#newsletter p {color: #fff;}
	#newsletter li.submit {text-align: right}
	#newsletter ol {margin:0;}
	#newsletter a {display: block; width: 230px; height: 220px; background: transparent url(../img/enews-btn.png) left top no-repeat; text-indent: -9999em; overflow: hidden;}
		#newsletter a:hover {background-position: left bottom;}
#banner-image {float: left}
.banners {width: 720px; height:220px; overflow:hidden; position: relative; float:left;}
.banners ul {width: 2000px; margin:0; padding:0; list-style: none}
	.banners ul li {list-style: none}
	.banners img {float:left;}
	#top {position: relative;}
	#top .shadow {position: absolute; top:0; left:0; width:100%; height:5px; background:url('../img/banner-shadow.png') top left repeat-x;z-index: 100;} 
#find-out {background:url('../img/hppigs.jpg') bottom right no-repeat #000; height:220px; overflow: hidden; margin: 0 0 10px 0}

.questions {width:210px; margin-left: 10px; background:url('../img/questions-bg.png') top left repeat transparent; height:175px; margin-top: 10px;padding: 10px }
	.questions h2 {background: url('../img/find-out.png') top left no-repeat; text-indent: -9999em; height: 19px; width:92px}
	.questions ul {list-style: none; margin:0; padding:0; list-style-image: none;}
		.questions ul li {list-style: none; list-style-image: none;font-size: 0.95em; margin-bottom:5px; text-transform: uppercase}
			#page .questions ul li a {display: block; height:47px; background:url('../img/find-out-button.png') top left transparent; color:#000; text-decoration: none; line-height: 49px; padding-left: 10px; text-shadow: 0 1px 1px white }
			.questions ul li a:hover {background:url('../img/find-out-button.png') bottom left transparent; }

#friends {width:470px; float:left; height: 53px; background: url('../img/friends-background.png') top left no-repeat; margin-left:10px; margin-right: 10px; display: inline;}
	#friends h2 {background: url('../img/be-our-friend.png') top left no-repeat; height:16px; width:155px; text-indent: -9999em; float:left; margin:0; line-height:50px; margin-top: 17px; margin-left:10px;}
	#friends ul {list-style: none; margin: 0; padding: 0; margin-top:5px; margin-left: 10px; float:left}
		#friends ul.social-networks * {float:left;}
		#friends ul.social-networks li {list-style: none; display: inline; margin-right:5px}
			#friends ul.social-networks li a {display:block; width:42px; height:42px; background-image: url(../img/social-networks.png); background-position: 0 0; background-repeat: no-repeat; text-indent: -9999em;}
			
			#friends ul.social-networks li.social-facebook a {background-position: 0 0;}
			#friends ul.social-networks li.social-causes a {background-position: -100px 0;}
			#friends ul.social-networks li.social-digg a {background-position: -100px 0;}
			#friends ul.social-networks li.social-myspace a {background-position: -149px 0;}
			#friends ul.social-networks li.social-twitter a {background-position: -199px 0;}
			#friends ul.social-networks li.social-youtube a {background-position: -246px 0;}
			#friends ul.social-networks li.social-flickr a {background-position: -293px 0;}

#rss {width:470px; float:left; height:53px; background: url('../img/rss-background.png') top left no-repeat;}
	#rss h2 {background:url('../img/rss.png') top left no-repeat; width: 35px; height:17px; text-indent: -9999em; float:left; margin: 16px 10px 0 10px;}
	#rss p {color:#fff; margin: 0; }
		#rss p.rss-icon a {display: block; background: url('../img/rss-icon.png') top left no-repeat; width:41px; height:41px; margin-top:5px; text-indent: -9999em}
			#rss p.rss-icon {width:41px;float:left; margin-right: 10px}
			#rss p.rss-description {margin-top:11px; font-size:0.8em; margin-right:20px;}
			
div#news {clear:left; width:690px; padding:1em 10px; margin-left:10px; float:left; display: inline;}
	.news-item {width:330px; float:left; margin-right: 10px}
		.news-item h3, .news-item h4 {margin:0; font-size: 1.166667em; line-height: 1.285714em; margin-top: 0; margin-bottom: 0;}
		#page .news-item h4 a {color: #000;}
			#page .news-item h4 a:hover {color: #6BC75C;}
		.news-item p.news-meta {font-size: 0.833333em; margin-top: 0;line-height: 1.8em;margin-bottom: 0.9em; }
		p.read-more a {display: block; float:right; background:url('../img/read-more.png') top left no-repeat; text-indent: -9999em;width:112px; height:28px}
			p.read-more a:hover {background:url('../img/read-more.png') bottom left no-repeat;}
		.front-ads {width:220px; float:left}


/* Blog
---------------------------------------- */
div.comment {padding: 1em 20px; position: relative;}
	div.comment div.jot-posticon, div.comment div.jot-mod {position: absolute; right:10px; top: 1em;}
	div.comment div.jot-posticon {top:3em}
	div.jot-row-alt {background: #f6f6f6}
h4.comment-title {margin-bottom: 0; clear:none}
p.comment-meta {margin-top: 0; font-size: 0.8em; color:#ababab}
img.gravatar {float:left; margin: 0 10px 10px 0;}
div.comment-content {clear:left;}
form.jot-form ol {margin-top:0;}
form.jot-form fieldset {border: none;}
form.jot-form input[type=text] {font-size: 1em;}

/* Sidebar
---------------------------------------- */
#side {float:left; width:240px; background:url('../img/side-top.png') top left repeat-x #f7f7f7;  top:-6px; position: relative;z-index: 101; display:inline; }
.sidebar-ads {text-align: center; margin-top: 1em; margin-bottom: 0;}

/* Footer
---------------------------------------- */
#footer {clear:both; color:#0093D0; margin-top:25px; padding-bottom: 10px; padding:0 20px; width:920px; padding-bottom:1em}
	#footer .column {float:left; width:230px; margin-right: 60px;}
	#footer-logo {background:url('../img/footer-logo.png') top left no-repeat; width:220px; height:50px; text-indent: -9999em;} 
	
	/* footer columns */
	#footer .contact-details {}
	
	#footer p, #footer li, #footer h3, #footer li a, #footer a {color:#0093D0;}
	#footer li, #footer ul {list-style-type: none;}
	
/* Special Stuff
---------------------------------------- */
/* Image Attribution */
div.image-wrapper {overflow: hidden; float: left;}
span.image-description {float:left; clear:left}

/* AddThis
---------------------------------------- */
.addthis_toolbox {margin-top:2em; clear:left;}
	
/* Shadows
---------------------------------------- */
div#container-footer {background:url('../img/container-bottom.png') center bottom no-repeat; position:absolute; width:100%; bottom:-13px; left:0; height:13px;}
div#container-top {background:url('../img/shadow-top.png') center top no-repeat;position:absolute; width:100%; top:-5px; left:0; height:10px;}

/* Text Shadows
---------------------------------------- */
.B_crumbBox a {text-shadow: 0 1px 1px #efefef}

/* CiviCRM
---------------------------------------- */
form table td, form table th {border: 0; padding: 0 0 5px 0;}
label span.marker {color: #FF4D41; font-size: 2em; font-weight: bold; position: absolute;top: 0; right: 0;}
td.label label, td.option-label label {position: relative; display: block; padding-right: 10px;}
td.label, td.option-label {text-align: right; vertical-align: top;}
#amount_other {margin-left: 3px;}
input.form-checkbox {margin-right: 5px;}
span.description {color: #999; font-style: oblique;}
#Main fieldset {border: 0; border: 1px dashed #999;}
#selector {margin-bottom: 0;}
form table {margin-bottom: 0;}
fieldset legend {color: #000;}
/*ul#civicrm-menu {position:fixed;z-index: 100; top:0; left:0; right:0;}*/
/*div#menu-container {display: block !important;}*/
ul#civicrm-menu li {list-style: none;}
/*
	Slider
	Added by Cal Wilson May 16 2011
*/
#slider {
    position:relative;
    width:680px; /* Change this to your images width */
    height:300px; /* Change this to your images height */
    background:url(../img/loading.gif) no-repeat 50% 50%;
	margin: 1em 0 3em 0;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
.nivo-controlNav {
	position:absolute;
	left:270px;
	bottom:-25px;
}
.nivo-controlNav a {
	display:block;
	width:22px;
	height:22px;
	background:url(../img/bullets.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:0 -22px;
}

.nivo-directionNav a {
	display:block;
	width:30px;
	height:30px;
	background:url(../img/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-30px 0;
	right:15px;
}
a.nivo-prevNav {
	left:15px;
}

.nivo-caption {
    text-shadow:none;
    font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a { 
    color:#efe9d1;
    text-decoration:underline;
}


/*
	Donation Form
*/
#donation-methods #page {
	float: none;
	width: auto;
}

ul#donation_menu {
	list-style: none;
padding: 0;
margin: 0;
}

ul#donation_menu li {
	float: left;
	text-align: center;
	padding: 8px 15px;
	background: url(/assets/templates/rspca/img/menu.png) left center #ebebeb;
	border-bottom: none;
	cursor: pointer;
list-style-image: none;
	color: #fff;
	font-weight: bold;
	font-size: 1.2em;
	border: 1px solid #146179;
	border-width: 1px 1px 0;
	display: block;
	line-height: normal;
}
ul#donation_menu li + li { border-left: 0;}
ul#donation_menu li span {
font-family: 'Helvetica Neue', Arial, Helvetica, sans-serif;
font-size: 12px;
height: 18px;
line-height: 18px;
display: inline-block;
}
ul#donation_menu li.active, ul#donation_menu li:hover {
	background: #fff;
	background: url(/assets/templates/rspca/img/menu-active.png) left center #ebebeb;
}
#donation_container {
	margin-top: -1px;
	border: 1px solid #AAA6A7;
	min-height: 400px;
	clear: both;
}

#donation_container legend {
	padding: 0;
	margin: 0;
}
.donation_container {
	clear: both;
	overflow: hidden;
}
.donation_container h3 {
	text-shadow: 0 1px 1px #ccc;
	margin-left: 20px;
}
 /*#donation_container .donation_container {
	display: none;
 }*/

	
	
	.form-notice {
	   padding-top: .5em;
	}

    .donation_container select[name='country'] {
        width: 200px;
    }
	form.payment {
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		-khtml-border-radius: 5px;
		border-radius: 5px;
		counter-reset: fieldsets;
		padding: 20px;
		margin-left: 40px;
		}
		
		form.payment fieldset {
			border: none;
			margin-bottom: 10px;
			}
		
		form.payment fieldset:last-of-type {
			margin-bottom: 0;
			}
			
			.payment > fieldset > ol > li {
				width: 40%;
			}
			form.payment .how-much-to-donate label {
				margin-left: 60px;
				display: block;
			}
			form.payment .how-much-to-donate .other-sum { display: inline-block;}
			
			form.payment legend, #organization_details legend {
				color: #000;
				font-size: 16px;
				font-weight: bold;
				padding-bottom: 10px;
				text-shadow: 0 1px 1px #ccc;
				}
				
				form.payment fieldset fieldset legend {
					color: #111111;
					font-size: 13px;
					font-weight: normal;
					padding-bottom: 0;
					}
			
			form.payment ol li, #organization_details ol li {
				background: rgba(255,255,255,.3);
				border-color: #e3ebc3;
				border-color: #fff;
				border-style: solid;
				border-width: 2px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
				-khtml-border-radius: 5px;
				border-radius: 5px;
				line-height: 30px;
				list-style: none;
				padding: 5px 8px;
				margin-bottom: 2px;
				float: left;
				clear: none;
				}
							
				form.payment ol ol li {
					background: none;
					border: none;
					float: left;
clear:none;
					}
			.payment .banking, .payment-option-widget {
				border-radius: 10px;
				border: 1px solid #71bf67;
				overflow: hidden;
				padding: 0 10px;
				background: #dbedd9;
				position: relative;
				top: -10px;
				float: left;
				width: 44%;
			}
			.payment-option-widget {
				float: none;
				position: static;
				margin: 20px auto;
			}
			form.payment .banking > fieldset > ol > li {
				float: none;
			}
			.payment-option-widget {
				float: none;
				margin: 20px auto;
				text-align: center;
			}
			.payment-option-widget h3 {
				margin-left: 0;
			}
				.payment .banking li {
					border: 0;
					background: none;
				}
			.payment .card-details li {
				clear: both;
			}
			
			.payment .card-details li li {
				clear: none;
			}
			
			form.payment label, #organization_details label {
				/*float: left;*/
				display: inline-block;
				font-size: 13px;
				width: 110px;
				text-shadow: 0 1px 1px #CCC;
				}
			.payment .banking label {
				width: 120px;
			}
			.payment .banking fieldset fieldset label {
				width: auto;
			}
			.payment .banking fieldset {
				margin-top: 10px;
			}
			.payment .banking fieldset fieldset {
				margin-top: 0;
			}
			form.payment fieldset fieldset label {
				background:none no-repeat left 50%;
				line-height: 20px;
				
				width: auto;
				}
				
				form.payment label[for=visa] {
					background-image: url(/assets/images/visa.gif);
					padding: 0 0 0 30px;
					}
				form.payment label[for=amex] {
					background-image: url(/assets/images/amex.gif);
					padding: 0 0 0 30px;
					}
				form.payment label[for=mastercard] {
					background-image: url(/assets/images/mastercard.gif);
					padding: 0 0 0 30px;
					}
					
                    #ccv { width: 4em;}
				form.payment fieldset fieldset label:hover {
					cursor: pointer;
					}
				
			form.payment input:not([type=radio]),
    form.payment textarea
 {
				background: #ffffff;
				border: 1px soild #444;
				-moz-border-radius: 3px;
				-webkit-border-radius: 3px;
				-khtml-border-radius: 3px;
				border-radius: 3px;
				font: italic 13px Georgia, "Times New Roman", Times, serif;
				outline: none;
				padding: 5px;
				width: 200px;
				}
	form.payment textarea { width: 320px; border: #eee inset 2px; height: 100px;}				
				form.payment input:not([type=submit]):focus,
				form.payment textarea:focus {
					background: #eaeaea;
					}
					
				form.payment input[type=radio] {
					float: left;
					margin-right: 5px;
					}
						
			form.payment button {
				background: #384313;
				border: none;
				-moz-border-radius: 20px;
				-webkit-border-radius: 20px;
				-khtml-border-radius: 20px;
				border-radius: 20px;
				color: #ffffff;
				display: block;
				font: 18px Georgia, "Times New Roman", Times, serif;
				letter-spacing: 1px;
				margin: auto;
				padding: 7px 25px;
				text-shadow: 0 1px 1px #000000;
				text-transform: uppercase;
				}
					
				form.payment button:hover {
					background: #1e2506;
					cursor: pointer;
					}
				
				form.payment .onbehalf + fieldset { clear: both;}
				form.payment label[for*="onbehalf"] { width: 290px; display: inline-block; float:none;}
				form.payment input[type='radio'], form.payment input[type='checkbox'] {
					float: none;
					display: inline-block;
				}
				form.payment input[type='radio'] + label {
					float: none;
					display: inline-block;
				}
				
				#organization_details {
					margin-left: -10px;
					margin-top: 10px;
				}
				
				#organization_details legend {
					margin-left: 10px;
				}
				
				#donation-methods .influence { float: left;}
				#donation-methods .influence ol { margin-bottom: 0;}
				#donation-methods #page .influence li { float: none; width: auto;}
				.tabbed { display: none;}
				.card-details {
					
				}
				.email-options {
					clear: both;
					text-align: center;
					margin-top: 15px;
				}
				
				.vcard { padding-bottom: 10px;}
				.vcard .org {
					font-weight: bold;
					font-size: 1.1em;
					text-shadow: 0 1px 1px #ccc;
				}
				
				.vcard .country-name {
					display: block;
				}
				
				.donation-errors {
					margin: 10px;
					border-radius: 10px;
					border: 1px solid #ff0000;
					background: #ffbaba;
					padding: 10px;
				}
					.donation-errors p {
						font-size: 1.1em;
						font-weight: bold;
						color: #ff0000;
					}
					.donation-errors li {
						list-style: none none;
						font-size: 1.1em;
					}
					
					#direct-occurence {
						float: none;
						clear: both;
					}
					
						#direct-occurence label {
							display: block;
						}
					.required-field {
						color: #ff0000;
						display: inline-block;
						vertical-align: super;
						font-size: 1.2em;
						line-height: .6em;
					}
        .captcha { text-align: center; }
        .captcha p {
            color: black;
            font-size: 16px;
            font-weight: bold;
            text-shadow: 0 1px 1px #CCC;
            margin-bottom: 0; 
        }
        #recaptcha_area { margin: 0 auto; }
/* Contain Floats
---------------------------------------- */
#foo:after { /* For modern browsers */
  content    : ".";
  display    : block;
  height     : 0;
  clear      : both;
  visibility : hidden;
}

#foo { display : inline-block; } /* For IE6/7 */
#foo { display : block; } /* For IE6/7 */