/* -------------------------------------
CLIMATE CHANGE STYLES
------------------------------------- */

/* background image */
body {background:url(../img/background_oceans_concerts.jpg) no-repeat black;}

/* content */
h1#page_header {background:url(../img/titles/oceans_tour.png) no-repeat; width:600px; height:52px;}
h3#column{color: #20a4bc; font-weight: 600; font-size: 1.3em;margin: 0 0 10px 0;}
h5#additional_info_toggle {cursor:pointer;}
h5.collapse {background:url(../img/climatechange-collapse_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
h5.expand {background:url(../img/climatechange-expand_icon.gif) no-repeat 0px 5px;padding-left: 10px;}
a#get_involved {display:block;width:144px;height:13px;background:url(../img/climatechange_get_involved.gif) top left no-repeat;}
a#get_involved:hover {background-position:0 -13px;}
#alert_tips img, #alert_tips a img{display:inline;float:left;}
#alert_tips{clear:both;height:49px;}
#top_content .description{clear:both;margin:1.5em 0px;width:857px;}
span#catastrophic_consequences {display:block;float:left;width:745px;height:49px;background:url(../img/climatechange_catastrophic_consequences.gif);}


/* typography */
div#top_content {color:#474747;width:874px;padding:0px;margin:0px;}
div#column {background-color: #f2db9a; padding:10px; margin:0;float:left; width:379px; margin-bottom: 10px;}
div#top_content .concertsDescription
{
	font-weight:bold;
	font-size:2.3em;
}
.concertsPledge{font-size:1.3em; margin-bottom:1em;}

div#footnotes ul {font-size:.8em;}

img#column{z-index: -1;float:left;margin-bottom: -6px;  }
img#column_triangle{z-index:1;margin-bottom: -5px;}

span#video_head{font-size: 1.2em;color:#20a4bc; line-height: 1em; margin: 5px 0px 10px 0px;}
span#ul_oceans{color:#474747}
span#highlight{color:#13656d;font-weight: bold;}

div.categories {margin:1.5em 0em 1.5em 0;}
div#left {width:250px;float:left;}
div#right {width:250px;float:right;}

.left_column {width:400px; float:left;padding-right:25px;margin-bottom: 50px;}
.right_column {width: 420px; float:left ;margin-bottom: 20px;}
.app {width: 400px; border: 1px #20A4BC solid; padding: 10px;}

div#description a {font-weight:bold;}

div#top_content #wrapImage{display:inline;float:left;width:700px;margin-right:24px;}
div#tips{padding:20px 0px 0px 0px;}
div#content{padding-bottom:40px;}
div#video_placeholder {background-color: #20a4bc; width: 290px; height:160px; margin: 10px 0 20px 0 }

ul.oceans{margin-left: 0px;color:#20a4bc}
ul.oceans li{padding-bottom: 10px;}

.left
{
	float: left;
}
.right
{
	float: right;
}

.tour-stop
{
	width: 300px;
}

.tour-stop .left
{
	color: #006a7d;
	font-size: 13px;
	font-weight: bold;
}

.tour-stop .right
{
	font-size: 13px;
}

.note
{
	padding-bottom: 15px;
}

.details
{
	margin-bottom: 30px;

}
.date
{
	margin-bottom: 10px;
}

.date p
{
	margin:0;
	font-weight: bold;
}
.date .left
{
	width: 250px;
}

.date .right
{
	width: 120px;

}

.sponsors
{
	width: 400px;
	padding: 10px;
	background-color: #a1c7cd;

}

.sponsors h3
{
	color: #ffffff;
}



.sponsors a img
{
    vertical-align: middle;
    margin-left:10px;
    text-align:center;
}

.sponsors a
{
	line-height:100px;
	display:inline-block;
	line-height:100px;
	margin-bottom:7px;
	text-align:center;
	width:120px;
}

.sponsorsSmall
{
	width: 400px;
	padding: 10px;
	background-color: #a1c7cd;

}

.sponsorsSmall h3
{
	color: #ffffff;
}

.sponsorsSmall a img
{
    vertical-align: middle;
    margin-left:10px;
    text-align:center;
}

.sponsorsSmall a
{
	line-height:70px;
	display:inline-block;

	margin-bottom:5px;
	text-align:center;
	width:90px;
}



h3.title
{
	margin-bottom: 10px;
}
a.back
{
	margin-bottom: 10px;
}


input[type=text]
{
	margin: 4px 10px 4px 0;
	width: 160px;
	border: 1px grey solid;
}

input[type=checkbox]
{
	margin: 5px;
	border: 1px grey solid;
}

select
{
	width: 260px;
}

.error_border,
input[type=text].error_border
{
	border: 1px #FBC2C4 solid;
}

.share
{
	border-top: 1px #20A4BC solid;
	border-bottom: 1px #20A4BC solid;
	padding: 10px 0;
	margin-bottom: 10px;
}

.thx b
{
	margin-top: 10px;
	display: block;
}

/* reCaptcha */
#recaptcha_container{width:400;}
#recaptcha_image_wrapper{width: 280px; background: #FFF; border:1px solid grey;}
#recaptcha_image img{width: 280px;}
#recaptcha_response_field{margin-left:9px; width:142px;}
#recaptcha_response_label{float: left:}
#recaptcha_reload_image{margin-left:250px; font-size: 0.9em}

/*twitter, facebook link*/
.shareLinks
{
	margin-top:10px;
}
.shareLinks a
{
	float:left;
	margin-left:6px;
}