﻿/********************
WPDS 2012 Styling
********************/


/*Begin: General*/
body {
    min-width: 1px;
}

.wpds2012 {
    clear: both;
    margin: 0 auto;
}
.wpds2012 a.more {
	position: relative;
}
	.wpds2012 a.more:after {
		content: '\00BB';
		margin-left:.3em;
	}

.wpds2012 .rte h1{
    border-bottom: 1px solid #e7e7e7;
    color: #e96d1f;
    font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-size: 24px;
    font-weight:400;
    margin-bottom: 30px;
    padding-bottom: 12px;
}

    .wpds2012 .rte h1 a {
        color: #e96d1f;
    }


.wpds2012 .subtitle {
    color: #007dc3;
    font-size: 18px;
    font-weight: 900;
    font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    line-height: 1.333;
}

    .wpds2012 .title a {
        color: #007dc3;
    }
	
.wpds2012 .image-left {
    float: left;
    margin: 0 30px 15px 0;
}

.wpds2012 .image-right {
    float: right;
    margin-left: 16px;
}

.wpds2012 .col-40 {
	float: left;
	width: 37%;
}

.wpds2012 .col-50 {
	float: left;
	margin-left: 6%;
	width: 47%;
}

.wpds2012 .col-50:first-child {
	margin-left: 0;
}

.wpds2012 .col-60 {
	float: left;
	margin-left: 6%;
	width: 57%;
}

/*End: General*/


/*Begin: WPDS Menu*/

.wpds2012 .wpds_header,
.wpds2012-container,
.primary-article {
	margin: 0 auto;
	max-width: 960px;
}
@media screen and (max-width:960px) {
	.wpds2012 .wpds_header-page_title {
		padding-left:20px;
	}
}
@media screen and (max-width:767px) {
	.wpds2012 .wpds_header-page_title {
		padding-left:10px;
	}
}

.wpds2012-container .one-of-two {
    float: left;
    width: 47%;
}

.wpds2012-container .one-of-three {
    float: left;
    width: 31%;
}

.wpds2012-container .two-of-three {
    float: left;
    width: 66%;
}

	.wpds2012 .wpdsHeader .top {
		background:url('/images/WPDS/2012/wpdsHeader_bgSlice.png') bottom repeat-x;
		border-bottom:1px solid #d6d6d6;
		min-height:62px;
		position:relative;
	}
		.wpds2012 .wpdsHeader .top .logo {
			position:absolute;
			left:21px;
			bottom:0;
		}

		.wpds2012 .wpdsHeader .top .social {
			position:absolute;
			bottom:10px;
			left:413px;
			margin:0;
			padding:0;
		}
			.wpds2012 .wpdsHeader .top .social li {
				float:left;
				list-style:none;
				width:90px;
			}
			.wpds2012 .wpdsHeader .top .social li.twitter {position:relative; z-index:2;}
			.wpds2012 .wpdsHeader .top .social li a.email {
				display:block;
				float:left;
				background:url('/images/WPDS/2012/wpds_emailIcon.png') no-repeat 0px 2px;
				height:22px;
				width:59px;
			}

		.wpds2012 .wpdsHeader .top .search {
			float:right;
			background:#00467f;
			padding:21px 19px 16px 15px;
			position:relative;
			z-index:3;
		}
			.wpds2012 .wpdsHeader .top .search span {
				color:#fff;
				font-size:14px;
				font-weight:normal;
				display:block;
				padding:0 0 5px 0;
			}
			.wpds2012 .wpdsHeader .top .search input.searchBox {
				width:100px;
				margin:0;
			}
			.wpds2012 .wpdsHeader .top .search input.submitButton {
				position:relative;
				top:5px;
			}


	.wpds2012 .wpds_nav-container {
        border-top: 1px solid #d6d6d6;
        margin-top: 30px;
	}

	.wpds2012 ul.nav {
		padding: 18px 0;
		margin: 0 auto;
		max-width: 960px;
	}
		.wpds2012 ul.nav li {
			list-style:none;
			float:left;
		}
		.wpds2012 ul.nav li.active {}
		.wpds2012 ul.nav li:first-child {}

			.wpds2012  ul.nav li a {
    			font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
				font-size: 19px;
				font-weight: 900;
				color: #007dc3;
				display: block;
				padding: 0 16px;
				border-left: 1px solid #e0e0e0;
			}

            .wpds2012 ul.nav li a:hover {text-decoration:none;}
			.wpds2012 ul.nav li.active a{
				color:#cf7127;
			}
			.wpds2012 ul.nav li:first-child a {
				border: none;
				padding-left:0;
			}
			.wpds2012 ul.nav li:last-child a {
			    padding-right: 0;
			}
			.wpds2012 ul li a.selected {
                color: #CF7127;
            }

@media screen and (max-width:960px) {
    .wpds2012 ul.nav  {
        padding-left: 20px;
        padding-right: 20px;
    }

    .wpds2012 ul.nav li a {
        font-size: 15px;
        padding: 0 12px;
    }
}

/*End: WPDS Menu*/


/*Begin: Content Home */
.wpds2012 .wpdsContent.home {}

	.wpds2012 .wpdsContent.home p {
		font-size: 1.0625em;
		letter-spacing: 0.02em;
		line-height: 1.35;
        font-weight:400;
		font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	}

.wpds2012 .wpdsContent.home .section {
	margin:0 0 40px 0;
	padding:0 25px
}
	@media screen and (max-width:767px) {
		.wpds2012 .wpdsContent.home .section {
			margin:0 0 20px 0;
			padding:0 10px
		}
	}


	.wpds2012 .wpdsContent.home .section.map {
        background: #00467f; /* Old browsers */
        background: -moz-linear-gradient(top,  #00467f 0%, #40749f 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#00467f), color-stop(100%,#40749f)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #00467f 0%,#40749f 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #00467f 0%,#40749f 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #00467f 0%,#40749f 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #00467f 0%,#40749f 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00467f', endColorstr='#40749f',GradientType=0 ); /* IE6-9 */
		color:#fff;
		padding-top: 30px;
		padding-bottom:	45px;
	}
		.wpds2012 .wpdsContent.home .section.map h1{
			color:#fff;
			font-size:24px;
			line-height:24px;
			font-weight:normal;
		}

        .wpds2012 .wpdsContent.home .section.map h1 a {
            color: #7fbee1;
            font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
            font-weight: 900;
            text-decoration: none;
        }

		.wpds2012 .wpdsContent.home .section.map h1 a:hover {text-decoration:underline;}

		.wpds2012 .wpdsContent.home .section.map p {
			color:#fff;
			font-size: 1.0625em;
			letter-spacing: 0.02em;
			line-height: 1.5em;
            font-weight: 400;
			font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
		}

		/* Fix to make wpds body content not spill over margin */
		.wpds2012 #c-block, .wpds2012 #c-colint {
			width: 875px;
		}

		.wpds2012 .wpdsContent.home .section.map a {
			color: #7fbee1;
			font-weight: bold;
		}
			.wpds2012 .wpdsContent.home .section.map a:hover {
				text-decoration:none;
			}

		.wpds2012 .wpdsContent.home .section.dataSheet .rte img{
			float:left;
			margin-right:6%;
			margin-bottom:.5em;
		}

    	.wpds2012 .wpdsContent.home .section.dataSheet .dataSheet-links {
            list-style: none;
            padding: 0;
            margin: 0;
    	}

    	.wpds2012 .wpdsContent.home .section.dataSheet .dataSheet-links li {
        	display: inline-block;
        	padding: 0 8px;
    	}

    	.wpds2012 .wpdsContent.home .section.dataSheet .dataSheet-links li:first-child {
    	    border-right: 2px solid #f2f2f2;
        	padding-left: 0;
        	padding-right: 12px;
    	}

    	.wpds2012 .wpdsContent.home .section.dataSheet .dataSheet-links li a {
        	font-weight: bold;
    	}



		.wpds2012 .wpdsContent.home .section.dataSheet ul.info {
			padding:0;
			margin:0 0 0 205px;
		}
			.wpds2012 .wpdsContent.home .section.dataSheet ul.info li {
				list-style:none;
				float:left;
				padding:0 0 0 30px;
				width:238px;
			}
			.wpds2012 .wpdsContent.home .section.dataSheet ul.info li:first-child {
				border-right:1px solid #d6d6d6;
				padding:0 30px 0 0;
				width:300px;
			}
				.wpds2012 .wpdsContent.home .section.dataSheet ul.info li h1 {
					font-size: 24px;
					font-weight:normal;
					color: #e96d1f;
					margin-bottom:0.25em;
				}
				    .wpds2012 .wpdsContent.home .section.dataSheet ul.info li h1 a {
    				    color: #e96d1f;
				    }

				.wpds2012 .wpdsContent.home .section.dataSheet ul.info li p {
					font-size: 17px;
					margin-top: 0;
				}
				.wpds2012 .wpdsContent.home .section.dataSheet ul.info li .morePDF {}
					.wpds2012 .wpdsContent.home .section.dataSheet ul.info li .morePDF a {
						font-weight:bold;
						padding:0 6px 1px 6px;
					}
					.wpds2012 .wpdsContent.home .section.dataSheet ul.info li .morePDF a.more {border-right:1px solid #9e9e9e;}
					.wpds2012 .wpdsContent.home .section.dataSheet ul.info li .morePDF a.pdf {border-left:1px solid #d2d2d2;}


		.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties {
			margin:0;
			padding:0;
		}
			.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li {
				list-style:none;
				float:left;
				margin:0 0 0 33px;
				width:194px;
			}
			.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li:first-child {margin:0;}

                .wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox {
					border:8px solid #b0b0b1;
					width:178px;
					display:block;
                    color: #fff;
                    text-decoration: none;
                    height: 164px;
                    text-align: center;
				}
                .wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox.factBox1 {
					background-color: #7ac142;
				}
                .wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox.factBox2 {
					background-color: #eb6e1f;
				}
                .wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox.factBox3 {
					background-color: #007dc3;
				}
                .wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox.factBox4 {
					background-color: #d5a00f;
				}

					.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .factBox img {max-width:178px; height:auto; display:block;}

				.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .share {
					padding:8px 0 0 0;
				}
					.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .share a {
						font-size: 12px;
						padding-left:17px;
					}
					.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .share a.facebook {
						background: url('/images/WPDS/2012/icon_facebook_12x12.png') no-repeat left;						float:left;
					}
					.wpds2012 .wpdsContent.home .section.shortFacts ul.shorties li .share a.twitter {
						background: url('/images/WPDS/2012/icon_twitter_14x12.png') no-repeat left;
						float:right;
					}



		.wpds2012 .wpdsContent.home .section.factSheets h1.title,
		.wpds2012 .wpdsContent.home .section.factSheets h1.title a {
			color: #e96d1f;
			font-size: 24px;
			font-weight:normal;
		}
		.wpds2012 .wpdsContent.home .section.factSheets p {
			font-size: 17px;
		}

		.wpds2012 .wpdsContent.home .section.factSheets .morePDF {}
					.wpds2012 .wpdsContent.home .section.factSheets .morePDF a {
						font-weight:bold;
						padding:0 6px 1px 6px;
					}
					.wpds2012 .wpdsContent.home .section.factSheets .morePDF a.more {border-right:1px solid #9e9e9e;}
					.wpds2012 .wpdsContent.home .section.factSheets .morePDF a.pdf {border-left:1px solid #d2d2d2;}


@media screen and (max-width:768px) {
    .wpds2012 .wpdsContent.home .section {
        padding-left: 20px;
        padding-right: 20px;
    }
}


	/***** Begin: Existing Phases box *****/
	.wpds2012 .phases {
		background-color: #fff;
		padding: 0;
	}
		.wpds2012 .phases h2 {
			color: #CF7127;
			font-size: 20px;
			line-height: 1.3em;
			text-align: center;
			margin:0;
		}
	.wpds2012 .phases .verticalslider {
			border: 1px solid #e7e7e7;
			margin: 0;
			overflow: hidden;
	}

	.wpds2012 .phases .verticalslider ul.verticalslider_tabs {
			float: left;
			margin:0;
			padding:0;
			list-style-type:none;
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li {
			color: #007dc3;
			display: block;
			font-size: 14px;
			margin:0;
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li .container {
            background: #fff;
			border-right: 1px solid #e7e7e7;
			border-top: 1px solid #e7e7e7;
			cursor: pointer;
			display: block;
			height: 34px;
			padding: 5px 8px;
			width: 154px;
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li .container:before {
		content: '';
		display: inline-block;
		height: 100%;
		overflow:hidden;
		vertical-align: middle;
		width: 0; /* Adjusts for spacing */
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li .container span {
		display:inline-block;
		vertical-align:middle;
		width:150px;
	}
	
	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li.first .container {
			border-top: medium none;
	}

	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li.activeTab .container {
            background: #007dc3;
			border: medium none;
			color: #FFFFFF;
			cursor: default;
			position: relative;
	}

	.wpds2012 .phases .verticalslider ul.verticalslider_tabs li.activeTab .container:after {
        border-bottom: 22px solid transparent;
        border-left: 15px solid #007dc3;
        border-top: 22px solid transparent;
        content: '';
        display: block;
        height: 0;
        position: absolute;
        right: -14px;
        top: 0;
        width: 0;
	}

	.wpds2012 .phases .verticalslider ul.verticalslider_contents {
			margin:0;
			margin-left: 200px;
			padding:0;
			list-style-type:none;
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide {
			display: none;
			overflow: hidden;
			padding: 20px 10px 15px 0;
			margin:0;
	}
        .wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide img {
            float:right;
			margin-left: 3%;
			margin-bottom: .5em;
        }

	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide.activeContent {
			display: block;
	}
	.wpds2012 .phases .verticalslider .textblock {
        float: right;
        width: 286px;

	}
	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide h1 {
			color: #3C6B9E;
			font-size: 14px;
			font-weight: bold;
			margin-top:0;
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide p {
			color: #666666;
			font-size: 12px;
			line-height: 1.5;
	}

	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide ul.linklist {
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide ul.linklist li {
	}
	.wpds2012 .phases .verticalslider ul.verticalslider_contents li.slide ul.linklist li a {
			font-size: 12px;
	}

.wpds2012 ul.linkList {
  display: inline;
  list-style-type:none;
  margin:0;
  padding:0;
}
.wpds2012 ul.linkList li {
    display: inline;
}
.wpds2012 ul.linkList li a {
    border-left: 1px solid #3C6B9E;
    font-size: 13px;
    font-weight: bold;
    padding: 0 10px;
}
.wpds2012 ul.linkList li a:hover {
}
.wpds2012 ul.linkList li.first a {
    border: medium none;
    padding-left: 0;
}


@media screen and (max-width:768px) {
    .wpds2012 .wpdsContent.home .section.factSheets .innerText {
        float: none;
        margin-bottom: 20px;
        width: 100%;
    }

    .wpds2012 .phases {
        float: none;
        width: 100%;
    }
}

	/***** End: Existing Phases Box *****/


		.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes {
			margin:0;
			padding:0;
		}
			.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li {
				list-style:none;
				border:8px solid #b0b0b1;
				float:left;
				width:178px;
				margin:0 0 0 33px;
			}
			.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li:first-child {margin:0;}
				.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li img {max-width:178px; height:auto; display:block;}
				.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li a {
					display:block;
					height:40px;
					background:#eb6e1f;
				}
				.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li a.viewBar {background:url('/images/WPDS/2012/orangeChart_viewBar.png') no-repeat;}
				.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li a.viewLine {background:url('/images/WPDS/2012/orangeChart_viewLine.png') no-repeat;}
				.wpds2012 .wpdsContent.home .section.interactive ul.IGboxes li a.viewPyramid {background:url('/images/WPDS/2012/orangeChart_viewPyramid.png') no-repeat;}



		.wpds2012 .wpdsContent.home .section.video .videoBox {
			background-color:#fff;
			border-radius:5px;
			box-shadow:0 0 50px 1px #CCC;
			-webkit-box-sizing: border-box;
			   -moz-box-sizing: border-box;
			        box-sizing: border-box;
			margin-top:16px;
			padding:7px;
			
		}
		.wpds2012 .wpdsContent.home .section.video .videoBox-inner {
			height:0;
			overflow:hidden;
			padding-bottom: 56.25%;
			padding-top: 30px; /* controls */
			position:relative;
			
		}
		.wpds2012 .wpdsContent.home .section.video .videoBox-inner iframe {
			left:0;
			height:100%;
			position:absolute;
			top:0;
			width:100%;
		}

	.wpds2012 .wpdsContent.home .section.followPRB {
		border-top:1px solid #d6d6d6;
	}

		.wpds2012 .wpdsContent.home .section.followPRB h1 {
			font-size:20px;
			font-weight:normal;
			color:#3c6b9e;
			margin-left:26px;
		}

		.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB {
			padding:0;
			margin:0;
		}
			.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li {
				list-style:none;
				float:left;
				margin:0 26px;
			}
				.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li a {
					padding:0 0 0 27px;
					height:20px;
					line-height:20px;
					display:block;
					font-size:14.67px;
					font-weight:bold;
				}
				.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li a.twitter {background:url('/images/WPDS/2012/icon_follow_twitter.png') no-repeat left;}
				.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li a.facebook {background:url('/images/WPDS/2012/icon_follow_facebook.png') no-repeat left;}
				.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li a.soundcloud {background:url('/images/WPDS/2012/icon_follow_soundcloud.png') no-repeat left;}
				.wpds2012 .wpdsContent.home .section.followPRB ul.followPRB li a.youtube {background:url('/images/WPDS/2012/icon_follow_youtube.png') no-repeat left;}
/*End: Content Home */


/*Begin: Interactive Graphics*/
.wpds2012 .wpdsContent .ToC {margin:0 0 50px 0;}
	.wpds2012 .wpdsContent .ToC h1 {
		font-size:20px;
		font-weight:regular;
		color:#3c6b9e;
	}
	.wpds2012 .wpdsContent .ToC ul {
		margin:0;
		padding:8px 0 0 15px;
	}
		.wpds2012 .wpdsContent .ToC ul li {
			font-size:14.67px;
		}
			.wpds2012 .wpdsContent .ToC ul li a {
				display:block;
				padding:4px 0;
			}

.wpds2012 .wpdsContent .interGraph {margin:0 0 50px 0;}
/*End: Interactive Graphics*/

.sidebar p,
.wpds2012 .sidebar
{
    font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif;
    font-weight:400;
}

.sidebar .twitter-module .tweet-toolbar
{
    font-weight: 900;
    font-family: 'Avenir W01', 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}