body
{
	background-color: #6e9f32;
	padding: 0;
	margin: 0;
	font-family: "Open Sans", arial, sans-serif;
}

body.white
{
	background-color: #ffffff;
	font-size: 12px;
}

body.padded
{
	padding: 16px;
}

a img
{
	border: none;
}

#scrollable
{
	width: 100%;
	height: 792px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	background: #6e9f32 url(../media/images/childrenstrust_bkgtile.gif) repeat;
	z-index: 1;
}

#items
{
	min-width: 5000px;
	list-style-type: none;
	margin-top: 150px;
}

.donation_wrapper_single
{
	float: left;
	margin: 0 0 20px 20px;
    position: relative;
	padding: 25px 0 25px 25px;
}

.donation_wrapper_1
{
	background: transparent url(../media/images/1-color.png) no-repeat;
	width: 21px;
	height: 33px;
	top: 380px;
}

.donation_wrapper_5
{
	background: transparent url(../media/images/5-color.png) no-repeat;
	width: 34px;
	height: 44px;
	top: 370px;
}

.donation_wrapper_10
{
	background: transparent url(../media/images/10-color.png) no-repeat;
	width: 52px;
	height: 66px;
	top: 370px;
}

.donation_wrapper_15
{
	background: transparent url(../media/images/15-color.png) no-repeat;
	width: 69px;
	height: 79px;
	top: 370px;
}

.donation_wrapper_20
{
	background: transparent url(../media/images/20-color.png) no-repeat;
	width: 91px;
	height: 86px;
	top: 360px;
}

.donation_wrapper_25
{
	background: transparent url(../media/images/25-color.png) no-repeat;
	width: 91px;
	height: 95px;
	top: 360px;
}

.donation_wrapper_50
{
	background: transparent url(../media/images/50-color.png) no-repeat;
	width: 145px;
	height: 125px;
	top: 360px;
}

.donation_wrapper_100
{
	background: transparent url(../media/images/100-color.png) no-repeat;
	width: 180px;
	height: 165px;
	top: 350px;
}

.donation_wrapper_250
{
	background: transparent url(../media/images/250-color.png) no-repeat;
	width: 300px;
	height: 172px;
	top: 360px;
}

.donation_wrapper_500
{
	background: transparent url(../media/images/500-color.png) no-repeat;
	width: 438px;
	height: 251px;
	top: 350px;
}

.donation_wrapper_1000
{
	background: transparent url(../media/images/1000-color.png) no-repeat;
	width: 791px;
	height: 346px;
	top: 300px;
}

.flower
{
	color: #ffffff;
    display: block;
    position: absolute;
    top: 30%; 
	left: 30%;
}

.flower img 
{ 
	display: block; 
	width: 100%; 
}

#ct_logo
{
	background: transparent url(../media/images/childrenstrust-logo.png) no-repeat;
	width: 269px;
	height: 185px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 100;
}

#ct_website
{
    height: 1px;
    position: absolute;
    top: -5px;
	right: 20%;
    width: 150px;
    z-index: 10;
}

#explore
{
	background: transparent url(../media/images/explore-garden.png) no-repeat;
	width: 318px;
	height: 33px;
	position: absolute;
	bottom: 0;
	z-index: 10000;
	display: none;
}

.start_item
{
	float: left;
	clear: none;
	width: 1px;
	height: 1px;
	display: none;
}

.sign
{
	background: transparent url(../media/images/sign.png) no-repeat;
	width: 437px;
	height: 268px;
	float: left;
	position: relative;
	top: 300px;
	padding: 70px 0 0 0;
	color: #ffffff;
}

.sign p
{
	width: 310px;
	margin: 0 40px 16px 30px;
	font-size: 15px;
	text-align: center;
}

.sign a
{
	color: #ffffff;
}

.section_row
{
	margin: 0.5em 0;
	clear: both;
}

.section_row label
{
	float: left;
	clear: none;
	text-align: right;
}

.section_row label.required
{
	font-weight: bold;
}

.section_row h2#form_slogan
{
	color: #6e9f32;
	font-size: 16px;
	float: right;
	clear: none;
}

.section_row hr
{
	margin: 12px 0;
	color: #6e9f32;
}

#echeck_rows
{
	display: none;
}

.default_text_active
{
	color: #949598;
}

a#close_btn
{
	color: #003366;
	font-size: 16px;
}

/* Messages formatting */

.msg
{
	border: 1px solid #f48220;
	background-color: #fff8f2;
	padding: 10px;
	font-weight: bold;
	margin-bottom: 10px;
}

.msg a
{
	color: #666666;
}

.error
{
    color: #f48220;
}

.success
{
	color: #f48220;
}

.warning
{
	color: #f48220;
}

.scrollableArea
{
	background: #6e9f32 url(../media/images/childrenstrust_bkgtile.gif) repeat;
}

/* Invisible left hotspot */
div.scrollingHotSpotLeft
{
	min-width: 100px;
	width: 20%;
	height: 100%;
	position: absolute;
	z-index: 200;
	left: 0;
}

/* Visible left hotspot */
div.scrollingHotSpotLeftVisible
{
	background: transparent url(../media/images/mouseover-left.png) no-repeat 0 20%;
}

/* Invisible right hotspot */
div.scrollingHotSpotRight
{
	min-width: 100px;
	width: 20%;
	height: 100%;
	position: absolute;
	z-index: 200;
	right: 0;
}

/* Visible right hotspot */
div.scrollingHotSpotRightVisible
{
	background: transparent url(../media/images/mouseover-right.png) no-repeat 100% 20%;
}

/* The scroll wrapper is always the same width and height as the containing element (div).
   Overflow is hidden because you don't want to show all of the scrollable area.
*/
div.scrollWrapper
{
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 100%;
}

div.scrollableArea
{
	position: relative;
	width: auto;
	height: 100%;
	padding: 0 20px 0 80px;
}

#qtip-overlay{
    position: fixed;
    left: -10000em;
    top: -10000em;
}

/* Applied to modals with show.modal.blur set to true */
#qtip-overlay.blurs{ cursor: pointer; }

/* Change opacity of overlay here */
#qtip-overlay div{
	position: absolute;
	left: 0; top: 0;
	width: 100%; height: 100%;

	background-color: black;

	opacity: 0.7;
	filter:alpha(opacity=70);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
}

.qtip
{
	max-width: none !important;
}

.select2-container,
.select2-drop
{
	z-index: 100000 !important;
}

.select2-container
{
	width: 120px;
}

.select2-search
{
	display: none !important;
}

.select2-result-label
{
	font-size: 10.5px;
}

.qtip-content
{
	font-size: 14px;
	text-transform: uppercase;
	text-align: center !important;
	line-height: 18px;
	letter-spacing: 1px;
}

.qtip-content span
{
	font-size: 14px;
}

.qtip-content span span
{
	text-transform: none;
	color: #b8bf0d;
}

.qtip-content .donor
{
	text-transform: none;
	font-style: italic;
	font-size: 12px;
	padding-top: 12px;
}

.donation_info
{
	display: none;
}

.widefat
{
	min-width: 400px;
	border-collapse: collapse;
}

.widefat th
{
	text-align: left;
	font-weight: bold;
}

.widefat th,
.widefat td 
{
	border: none;
	padding: 0 8px; 
	padding: 0 0.5rem;
	font-size: 14px;
	background-color: transparent;
}

.widefat tr
{
	border-top: 1px solid #949598;
}

.widefat thead tr
{
	border-top: none;
}

.widefat tr:hover td
{
	background-color: #eaeaea;
}