/*
 * Local Stylesheet for groups/online-marketing/
 * Author: Scott Rief
 * Description: The styles in this CSS document control the navigation highlighting and the placement of banners at the top of the page.
 * Version: 1.0
*/
/*-- Highlight Global Navigation --*/
/*-- Capture the page and the parent if there is sub-navigation --*/

/*-- Highlight Global Navigation --*/
/*-- Capture the page and the parent if there is sub-navigation --*/

.global-nav a {
	width:149px;
}
.header-nav span {
	font-family: Verdana, sans-serif;
}
.subpage .content .header-block h2 {
	margin-top: 38px;
}
.parent-homepage a#nav-home, .parent-faculty a#nav-faculty, .parent-research a#nav-research, .parent-conferences-seminars a#nav-conferences-seminars, .parent-executive-ed a#nav-executive-ed {
	background-color: #bbb;
	color: black;
	text-decoration: none;
}
.parent-homepage a.nav-home, .parent-faculty a.nav-faculty, .parent-research a.nav-research, .parent-conferences-seminars a.nav-conferences-seminars, .parent-executive-ed a.nav-executive-ed {
	color: #0971ce;
}
.parent-homepage .nav-home, .parent-people-partners .nav-people, .parent-programs .nav-programs, .parent-resources.nav-resources, .parent-resources .nav-resources, .parent-calendar .nav-calendar, .parent-giving .nav-giving {
	border-bottom: 2px solid #0971ce;
	color: #0971ce;
}
/*.page-lti .subnav-lti + ul,
.parent-lti .subnav-lti + ul,*/
.page-lti .subnav-lti + ul, .parent-lti .subnav-lti + ul, .parent-place .subnav-living + ul, .page-curriculum .subnav-curriculum + ul, .parent-curriculum .subnav-curriculum + ul, .page-schedule-options .subnav-schedule-options + ul, .parent-schedule-options .subnav-schedule-options + ul, .page-requirements .subnav-app-reqs + ul, .parent-requirements .subnav-app-reqs + ul, .page-visithaas .subnav-vist-haas + ul, .parent-visit .subnav-visit-haas + ul, .page-finaid .subnav-costs-financial-aid + ul, .parent-finaid .subnav-costs-financial-aid + ul, .page-learn-more .subnav-learn-more + ul, .parent-learn-more .subnav-learn-more + ul, .page-students .subnav-students + ul, .parent-students .subnav-students + ul, .page-faculty .subnav-faculty + ul, .parent-faculty .subnav-faculty + ul, .page-alumni .subnav-alumni + ul, .parent-alumni .subnav-alumni + ul {
	display: block;
}
/*-- Sub-Page Banners --*/
.parent-people-partners .content {
	background: url(../images/pg-banners/people-patners.png) no-repeat top left;
}
.parent-programs .content {
	background: url(../images/pg-banners/programs.png) no-repeat top left;
}
.parent-programs .content {
	background: url(../images/pg-banners/programs.png) no-repeat top left;
}
.parent-resources .content {
	background: url(../images/pg-banners/resources.jpg) no-repeat top left;
}
.parent-giving .content {
	background:none;
	padding-top:0;
}
#program-title h2 {
	font-size:37px;
}
.banner p {
	display:none;
}
.homepage #program-description p {
	margin:0 0 15px;
}
.homepage #right-col .box {
	margin:0;
}
.homepage #right-col .box img {
	margin: 4px 0 15px;
	max-width: 240px;
}
.homepage #right-col .box h3 {
	color: #636363;
	font: 700 13px/13px Verdana, Geneva, sans-serif;
	margin:0 0 10px;
}
.homepage #right-col .box h4 {
	color: #636363;
	font: 700 12px/12px Verdana, Geneva, sans-serif;
	margin:0 0 10px;
}
.homepage #right-col .box p {
	font: 400 11px/14px Verdana, Geneva, sans-serif;
	margin-bottom: 10px;
}
.homepageprofile li a {
	color: #000;
	font: 400 10px/11px Verdana;
}
/*-------------------
    Rotating Banner
 --------------------*/
.box-button {
	padding-top: 114px;
	position: absolute;
	right: 20px;
	top: 0;
	width: 177px;
	z-index: 2;
}
.box-button div {
	height:67px;
	width:177px;
	border:1px solid #fff;
	margin-bottom:10px;
	background:#666;
}
.box-button a {
	color: #fff;
	cursor: pointer;
	display: block;
	height: 61px;
	margin: 8px 0;
	padding: 15px 10px 0px 10px;
	width: 177px;
}
.box-button a:hover, .box-button a.activeSwap {
	color: #ffc600;
}
.box-button a img {
	border: 1px solid #c0c1c2;
	display: block;
	height: 50px;
	margin: 3px 3px 0 4px;
	width: 100px;
	padding:10px;
}
.box-button a span {
	display: inline;
	/*float: right;*/
  	font: 16px 'LinotypeUniversW01-Regu', Verdana, sans-serif;
	padding: 0px;
	width: 85px;
}
/*----------------------
    Social Block
 ----------------------- */
.social-media-section {
	padding:0 0 25px;
	height:32px;
}
.social-media-section li {
	float:left;
	margin:0 15px 0 0;
}
.social-media-section li a {
	display:block;
	text-indent:-9999px;
	width:32px;
	height:32px;
}
.social-media-section li a.f-icn {
	background:url(../images/facebook-icn.png) no-repeat;
}
.social-media-section li a.l-icn {
	background:url(../images/linkedin-icn.png) no-repeat;
}
.social-media-section li a.n-icn {
	background:url(../images/newsletter-icn.png) no-repeat;
}
.social-media-section li a.e-icn {
	background:url(../images/email-icn.png) no-repeat;
}
#right-col .white li {
	margin:0 0 5px;
}
.facebook, .linkedin, .twitter, .youtube, .rss, .more, .podcast, .chat, .email, .itunes, .pdf, .video, .linkedin-small, .crb {
	background: url("//haas.berkeley.edu/images/template-images/sprites.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.facebook {
	background-position: 0 0;
}
.flickr {
	background: url("http://haas.berkeley.edu/Phd/images_local/final/icons/flickr.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
}
.flickr a {
	text-indent: 22px;
}
.linkedin {
	background-position: 0 -16px;
}
.twitter {
	background-position: 0 -32px;
}
.youtube {
	background-position: 0 -48px;
}
.rss {
	background-position: 0 -64px;
}
.more {
	background-position: 0 -80px;
}
.podcast {
	background-position: 0 -310px;
}
.chat {
	background-position: 0 -327px;
}
.email {
	background-position: 0 -341px;
}
.itunes {
	background-position: 0 -359px;
}
.pdf {
	background-position: 0 -376px;
}
.video {
	background-position: 0 -392px;
}
.crb {
	background-position: 0 -421px;
}
/*-------------------
   Giving Page Styles
 --------------------*/

.page-giving .content.two-col #center-col {
	margin: 30px 109px 0 0px;
	width: 645px;
}


.page-giving .widget-block  {
    margin: 0 4.50325%;
    width: 90.9935%;
	background:url(../images/pg-banners/giving-banner.jpg) no-repeat center top;
	
}
.widget-frame{
	width:293px;
	height:375px;
	margin:0 auto;
	padding:40px 0 20px;
}
/*-------------------
   Profile Staff
 --------------------*/
.left-image {
	float: left;
	padding-right: 10px;
	margin:3px 0 0 0;
}
.profiles-list {
	margin-top: 15px;
}
/*-------------------
   Grid Style
 --------------------*/
.grid1-1 {
	width:50%;
	float:left;
}
/*------------------------
	Footer Instragram
--------------------------*/
.sprite-small {
	background:url(http://haas.berkeley.edu/images/sm_sprites.png) no-repeat;
	display: inline-block;
	margin-right: 10px;
}
.sprite-small.instagram {
	background-position: -64px 0;
	height: 16px;
	width: 16px;
}


#page-footer a img{
	width:176px;
	height:15px;
	margin:23px;
}

.img-left{
	border:1px solid #ccc;
	margin:2px 10px 0px 0;
	float:left;
}
 
/*Internal Responsive styles*/
@media screen and (max-width:650px) {
	.page-giving .widget-block  {
		background:none;
	}
	.page-giving #page-wrapper .content{
		padding:6%;
	}
	.banner p {
		display: block;
	}
	.subpage .content .header-block {
		width:100% !important;
	}
	.subpage .content .header-block h2 {
		margin-top:20px;
	}
	.box-button {
		padding:0;
		position: relative;
		right: 0;
		top: 0;
		width: 100%;
		z-index: 2;
		display:table;
	}
	.box-button div {
		height:66px;
		width:50%;
		border:1px solid #a19f9c;
		margin:0px;
		background:url(../images/box-button-bg.jpg) right top no-repeat;
		display:table-cell;
	}
	.box-button a {
		color: #fff;
		cursor: pointer;
		display: block;
		height: 66px;
		margin: 0;
		padding:0px;
		width:auto;
		text-align:center;
		line-height:66px;
	}
}
