@charset "utf-8";
/* CSS Document for the Child Development Tracker */
@import url('/parents/css/pbsparents-shell.css'); /* Pulls in the global PBS Parents Shell Site styles */
@import url('/parents/css/themes/theme-blue.css'); /* Pulls in theme specific design. Found in www/css/themes */

/*
===
	Index page
===
*/

.childdevelopmenttracker-left {
	width: 350px;
	float: left;
	margin: 0 24px 0 0;
	padding: 0;
}

.childdevelopmenttracker-right {
	float: left;
	width: 360px;
}


/* Child Development Tracker Tool */

.childdevelopmenttracker-tool {
	background-color: #fdf875;
	border: 1px solid #fde666;
	margin: 0 0 20px 0;
	padding: 12px 10px 0 10px;
}

.childdevelopmenttracker-tool h3 {
	font-size: 18px;
	margin: 0;
	padding: 0 0 10px 0;
}

.childdevelopmenttracker-tool h3,
.childdevelopmenttracker-tool a:link,
.childdevelopmenttracker-tool a:visited,
.childdevelopmenttracker-tool a:active {
	color: #b45406;
}

.childdevelopmenttracker-tool a:hover {
	color: #000;
}

.childdevelopmenttracker-tool .hr {
	border-top-color: #b45406;
	margin: 4px 0 0 0;
	padding: 0 0 4px 0;
}

.childdevelopmenttracker-tool .nav {
	margin: 0 auto;
	padding: 0 0 5px 0;
	width: 290px;
	text-align: center;
}

.childdevelopmenttracker-tool .nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.childdevelopmenttracker-tool .nav li {
	float: left;
	margin: 0 6px 0 0;
	padding: 0;
}

.childdevelopmenttracker-tool .nav li.end {
	margin: 0;
}

.childdevelopmenttracker-tool .nav li a {
	display: block;
	margin: 0 0 5px 0;
	text-decoration: none;
	padding: 2px 16px;
	font-size: 50px;
	float: left;
	background-color: white;
	border-right: 2px solid #ccba3b; 
	border-bottom: 2px solid #ccba3b;
}


.childdevelopment-promo-pbskidsplay {
	background-color: #aad4f8;
	border: 1px solid #7ebdf2;
	margin: 0;
	padding: 12px;
}

.childdevelopment-promo-pbskidsplay h4 {
	margin: 0;
	padding: 0;
}

.childdevelopment-promo-pbskidsplay p {
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 16px;
}

.childdevelopment-promo-pbskidsplay .logo {
	float: left;
	margin: 0;
	padding: 0;
}

.childdevelopment-promo-pbskidsplay .teaser {
	margin: 0 0 0 132px;
	padding: 0;
}

/*
===
	Subpages
===
*/

.pbsparents-middle .subsection h3 {
	margin: 0 0 5px 0;
	padding: 0 0 5px 0;
	border-bottom: 2px dotted #1f5590;
}

.pbsparents-middle .subsection ul {
	margin: 0 0 0 30px;
	padding: 0 0 10px 0;
	list-style-type: square;
	line-height: 20px;
}

.pbsparents-middle .subsection li {
	margin: 0;
	padding: 0 0 5px 0;
}


/* Sidebar */
.pbsparents-middle .resources {
	float: right;
	background-color: #fdf875;
	border: 1px solid #fde666;
	width: 200px;
	margin: 0 0 10px 10px;
}

.pbsparents-middle .resources a:link,
.pbsparents-middle .resources a:visited,
.pbsparents-middle .resources a:active {
	color: #b45406;
}

.pbsparents-middle .resources a:hover {
	color: #000;
}


.pbsparents-middle .resources .resources-gutter {
	margin: 0;
	padding: 10px 10px 10px 10px;
}

.pbsparents-middle .resources .programlist {
	margin: 0;
	padding: 0 0 10px 0;
	line-height: 18px;
}

.pbsparents-middle .resources .activity {
	margin: 2px 0 0 0;
	padding: 0;
}

.pbsparents-middle .resources .activity h3,
.pbsparents-middle .resources .bookfinder-promo h3 {
	font-size: 12px;
	font-weight: 900;
	margin: 0;
	padding: 0 0 2px 0;
}

.pbsparents-content .pbsparents-middle .resources .resources-gutter .activity .pbsparents-feature .teaser,
.pbsparents-content .pbsparents-middle .resources .resources-gutter .bookfinder-promo .pbsparents-feature .teaser {
	margin-left: 0;
}

.pbsparents-middle .resources .activity h5 {
	margin: 0;
	padding: 0 0 2px 0;
}

.pbsparents-middle .resources .teaser {
	font-size: 11px;
	line-height: 14px;
}

/* Used on the Experts Page */

.pbsparents-middle .experts .expert {
	width: 562px;
}

.pbsparents-middle .experts .expert img {
	float: left;
	margin: 0 6px 6px 0;
	padding: 0;
}

/* Hacks and other CSS Trickery */

.childdevelopmenttracker-tool .nav ul:after,
.pbsparents-middle .experts .expert:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .childdevelopmenttracker-tool .nav ul,
* html .pbsparents-middle .experts .expert {
	height: 1%;
}

.childdevelopmenttracker-tool .nav ul,
.pbsparents-middle .experts .expert {
	* height: 1%;
}