/* header-footer.css */

/* some necessary bare-bones basic definitions */
body{
     font-family:Verdana, sans-serif;
     line-height:1.4;
     padding:0;
     margin:0;
     color:#444;
     background-color:#fff;
}

a:link,
a:visited{
	color:#36c;
	text-decoration:none;
}

a:hover,
a:active,
a:focus{
	text-decoration:underline;
	outline:none;
}

.clear-text{
	text-indent:-2000em;	
}

.accessibility{
	position:absolute;
	left:-2000em;
}

.strong{
    font-weight:bold;
}

.group:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.wrapper{
	width:960px;
	margin:0 auto;
}

/* product strap (StatCrunch logo space) */
.product-strap{
	height:54px;
	line-height:54px;
	background-color:#eee;
	background:-webkit-gradient(linear, 0% 0%, 0% 100%, from(#eee), to(#fafafa));
	background:-moz-linear-gradient(top, #eee 0%, #fafafa 100%);
	border-bottom:1px solid #fff;
	padding-bottom:0px;
	margin:0 auto;
}

/*	product logo */
.product-logo{
	clear:none;
	padding:0;
	margin:6px 0 0 14px;
	float:left;
    font-size:1.4375em;
    word-spacing:-1px;
    line-height:1.2;
}

.product-logo img{
	border:none;
	line-height:54px;
}

/* global navigation */
#global-menubar{
	min-width: 710px;
	clear:both;
	white-space: nowrap;
	height:33px;
	position:relative;
	padding:0;
	background:url(../images/global/global-nav-bg.png) repeat-x 0 0 transparent;
	box-shadow:0 2px 2px rgba(89,89,89,.5);
	-webkit-box-shadow:0 2px 2px rgba(89,89,89,.5);
	-moz-box-shadow:0 2px 2px rgba(89,89,89,.5);
	border-top:1px solid #ddd;
	margin:0;
}

.global-nav{
    font-size:0.75em;
	margin:0 auto;
	height:33px;
	position:relative;
	padding:0;
	z-index:999;
	float:left;
}

.global-nav > li{
    list-style-type:none;
	background:url(../images/global/global-nav-bg.png) repeat-x 0 0 transparent;
	white-space:nowrap;
	min-height:33px;
	position:relative;
	margin:0;
	float:left;
}

.global-nav > li > a:link,
.global-nav > li > a:visited{
	text-decoration:none;
	display:inline-block;
	line-height:33px;
	padding:0 8px;
	white-space:nowrap;
	color:#333!important;
	-moz-transition:all 0.2s ease-out;
	-o-transition:all 0.2s ease-out;
	-webkit-transition:all 0.2s ease-out;
	-ms-transition:all 0.2s ease-out;
	transition:all 0.2s ease-out;
}

.global-nav > li > a:hover,
.global-nav > li > a:focus{
	background-color:#d2d2d2;
	color:#333;
}

.global-nav > li > a.has-helper{
	padding-right:4px;
}

.global-nav > li > a.helper{
	font-size:150%;
	font-weight:bold;
	color:#666!important;
	padding:0 3px;
}

.global-nav > li > a.menu-open{
	background-color:#888;
	color:#fff!important;
}

.global-nav > li:first-child > a:link,
.global-nav > li:first-child > a:visited,
.global-nav > li:first-child > a:hover,
.global-nav > li:first-child > a:active,
.global-nav > li:first-child > a:focus{
	padding-left:15px;
}

.global-nav > li > a.disabled:link,
.global-nav > li > a.disabled:visited,
.global-nav > li > a.disabled:hover,
.global-nav > li > a.disabled:active,
.global-nav > li > a.disabled:focus{
	background-color:transparent!important;
	color:#aaa!important;
	cursor:default;
}

.submenu-container{
	background-color:#888;
}

.submenu{
	padding:0.75em;
    font-size:0.75em;
	height:2em;
	line-height:2em;
	display:none;
	margin:0 0 0 0.5em;
}

.submenu li{
	float:left;
	display:inline-block;
	margin-left:1.25em;
}

.submenu li:first-child{
	border-left:none;
	margin-left:0;
}

.submenu li a{
	line-height:2em;
	font-size:95%;
	font-weight:bold;
	color:#fff!important;/*ovr*/
}

/* footer */
#footer{
	margin:0;
	padding:0.5em 1em;
}

#footer p{
	font-size:0.6875em; /*11px*/
	line-height:1.5;
	text-align:center;
}

/* Pearson branding strap */
.color-strap{
	height:44px;
	line-height:44px;
	background-color:#364395;/* needed for IE7? */
	color:#fff;
	padding:0;
	margin:1em 0 0 0;
	display:block;
	clear:both;
}

.color-strap #pearson-logo{
	height:44px;
	width:114px;
	background:url(../images/logos/pearson-logo.png) no-repeat 0 0 transparent;
	margin-right:16px;
	margin-left:24px;
	float:right;
}

.color-strap #always-learning{
	height:44px;
	width:138px;
	background:url(../images/logos/always-learning.png) no-repeat 0 0 transparent;
	margin-left:16px;
	margin-right:24px;
	float:left;
}

/* social media */
.social-media{
    font-size:0.75em;
	padding:0;
	margin:14px 10px 14px 0;
	float:right;
}

.social-media li{
	list-style-type:none;
	display:inline-block;
	float:left;
	padding:0;
	margin:0 0.5em 0 0;
	height:26px;
	line-height:26px;
}

.social-media li:last-child{
	margin-right:0;
}

.social-media a,
.share-this span{
	text-decoration:none;
	line-height:26px;
	white-space:nowrap;
	display:inline-block;
	height:26px;
}

.social-media a img,
.share-this span{
	width:26px;
	height:26px;
	vertical-align:middle;
	-webkit-border-radius:0.25em;
	border-radius:0.25em;
	-webkit-transition:all 0.1s ease-out;
	-moz-transition:all 0.1s ease-out;
	-ms-transition:all 0.1s ease-out;
	-o-transition:all 0.1s ease-out;
	transition:all 0.1s ease-out;
}

.social-media a:hover img,
.social-media a:focus img{
	-webkit-transform:translate(-2px, -2px);
	-moz-transform:translate(-2px, -2px);
	-ms-transform:translate(-2px, -2px);
	-o-transform:translate(-2px, -2px);
	transform:translate(-2px, -2px);
	-webkit-box-shadow:2px 4px 4px rgba(89,89,89,.4);
	-moz-box-shadow:4px 8px 8px rgba(89,89,89,.4);
	box-shadow:4px 8px 8px rgba(89,89,89,.4);
}

.share-this{
	width:auto!important;
}

.share-this span{
	vertical-align:middle;
	margin:-0.25em 0 0 0.25em;
}

/* utility */
.utility{
	font-size:0.6875em;
	line-height:33px;
	display:block;
	float:right;
	list-style-type:none;
	padding:0;
	margin:0 10px 0 0;
}

.utility li{
	display:inline;
	float:left;
	margin:0 0.25em;
	padding:0;
	line-height:33px;

}

/* lets toss the color-min.css file and put those definitions here to reduce calls to the server */
body#blue .color-strap{background-color:#364395}
body#blue a:hover, body#blue a:focus{color:#364395}
body#blue button, body#blue input.button, body#blue a.button:link, body#blue a.button:visited{background-color:#364395; border:1px solid #364395; color:#fff}
body#blue .color-match, body#blue .text-color-match{color:#364395}
body#blue .color-match-light{color:#0089b7}
body#blue .bg-color-match{background-color:#4f9cce}
body#blue .feature-head, body#blue .anchor-subhead, body#blue .anchor-subhead a.scroll-top{background-color:#364395; color:#fff}
body#blue a.light-text:link, body#blue a.light-text:visited, body#blue a.light-text:hover, body#blue a.light-text:active, body#blue .product-strap >div >ul >li >a:link, body#blue .product-strap > div > ul >li > a:visited, body#blue .product-strap > div > ul > li > a:hover, body#blue .product-strap > div > ul >li > a:active, body#blue .product-strap > div > ul > li > a:focus{color:#fff} 

body#blue a.current-index:link,
body#blue a.current-index:visited,
body#blue a.current-index:hover,
body#blue a.current-index:active,
body#blue a.current-index:focus{
	background-color:#364395;
	color:#fff;
	text-decoration:none;
}