/*********global styles**********/
.widget-sharebar { margin: 22px 0 25px 0; }

.component-framework .widget-sharebar > .style-framework > ul > li:last-child {
  margin-right: 0;
}
.component-framework .widget-sharebar > .style-framework > ul > li {
  margin-right: 14px;
}

/*********banner styles**********/
#supernav .main-sites ul li.nav-research a { background: url("http://www.hbs.edu/shared/images/framework/2.0/main-sites-on.png") repeat-x top left;}
.component-framework .banner .icon-about,
.component-framework .banner .icon-newsletter,
.component-framework .banner .icon-rss,
.component-framework .banner .icon-facebook,
.component-framework .banner .icon-twitter { background-repeat: no-repeat;background-position: 0 2px;}
.component-framework .banner .icon-about { background-image: url('/images/site/icons/icon_about_us_13.png'); }
.component-framework .banner .icon-newsletter{ background-image: url('/images/site/icons/icon_sign_up_13.png'); }
.component-framework .banner .icon-rss { background-image: url('/images/site/icons/icon_rss_13.png'); }
.component-framework .banner .icon-facebook{ background-image: url('/images/site/icons/icon_facebook_13.png'); }
.component-framework .banner .icon-twitter{ background-image: url('/images/site/icons/icon_twitter_13.png'); }
.banner-icons li { margin-left: 5px; padding-left: 18px;}
.banner-icons ul { float:right;  }
.banner-icons { padding-top: 15px; }
.banner .row { padding: 34px 0 19px 0; }
.grid-framework .cap { margin-bottom: 0;}
/*********home styles**********/
/*#home .light-green-bg{ background-color: #c5e4de; }*/
#home .light-green-bg { background-color: #c5e4de; }

#home .header .sidebar .sidebar-item .firstline { 
	margin-bottom: 0;
	margin-top: 0;
}
#home .icon-circle-arrow-left.fade, #home .icon-circle-arrow-right.fade  {background-color:#c5e4de; }
#home .vrule9-home { /* to add white space at top */ background: url('http://www.hbs.edu/shared/images/framework/3.0/vertical-rule-bg.png') no-repeat 756px 40px;}
#home .feature { margin-top: 38px;margin-bottom: 33px;}
#home .frontpage { margin-top: 24px; margin-bottom: 10px; }
#home .most-popular { padding-top: 5px; }
#home .papers h3,#home .exchange h3,#home .frontpage h3,#home .heskett h3,#home .firstlook h3 {margin-bottom: 9px;}
#home .exchange p .nu { padding-top: 6px; display: inline-block; }
#home .twtr-widget .twtr-doc, #home .twtr-widget .twtr-tweet-wrap, #home .twtr-widget .twtr-timeline, #home .twtr-tweet { overflow: visible !important; }
#home .feature h2.beta { margin-top: 12px; margin-bottom: 14px;}
#home .heskett .title-author { margin-bottom: 20px; }
#home .feature .md-arrow  { padding-top: 7px; }
#home .heskett,#home .exchange {width: 265px;}
#home .heskett .nu, #home .papers .nu {padding-top: 5px; display: inline-block;}
#home .firstlook p { margin-bottom: 22px; }
#home  .type-framework .exchange p { margin-bottom: 19px; }
#home  .type-framework .papers p{ margin-bottom: 15px; }
#home .exchange .md-arrow { padding-top: 6px; }
#home .light-green-bg .ash { color: #788a87;}
#home .wk-tweet-box { padding-bottom: 35px; }
#home .pattern-framework .twitter-stream .tweet-list .tweet .tweet-byline {padding-top: 9px;}
#home .header .video-byline .tile, #home .header .video-byline span.black { xdisplay: inline-block; !important; xwidth: 22px; xfloat:left;  }
#home .header .video-byline .hovering:hover { text-decoration: underline;  }
#home .header .video-byline a { text-decoration: none !important;}
#home .header .video-byline  { padding-top: 7px;}
/*********Sidebars**********/
#home .header .sidebar-item { margin-top: 74px; }
#home .main-content .sidebar-item  { margin-top: 20px; }
#home .main-content .sidebar-item.firstlook  { margin-top: 7px; }
.sidebar .sidebar-item {padding-left: 15px;}
.sidebar .sidebar-item .firstline { margin-bottom:23px; margin-top: 22px; }
/*********Creating space at footer**********/
#container {margin-bottom: 54px; /*copied from MBA/BEI site */}
/*********Article**********/
#exec-summary {xmargin-top: 24px;}
#comments ul, #comments li { margin-left: 0; list-style-type: none;}
.article .book-excerpt, .article .related-article, .calloutbox  { margin: 7px 0 3px 0; }
.article .book-excerpt .span5 .mu-uc,.article .related-article .span5 .mu-uc, .calloutbox  .span5 .mu-uc { margin: 3px 0 8px 0; }
.article .book-excerpt .nu, .article .related-article .nu, .calloutbox .nu {padding-top: 8px; display: inline-block;}
.article .book-excerpt .md-arrow, .calloutbox .md-arrow  { margin-top: -3px; margin-bottom: 32px;}
.article .related-article .md-arrow, .calloutbox  .md-arrow { margin-top: 20px; margin-bottom: 32px;}
.article blockquote { 
	color: #ef6848; 
	display: block; 
	width: 100%; 
	text-indent:-10px;
	margin-top: -5px;
	margin-bottom: 19px;
	line-height: 32px;
	float:none !important;
}
.article .cap { margin-bottom: 0;}
.article .component-framework #comment-form .field { width: 320px; }
.article .component-framework #comment-form textarea.field { width: 475px; }
.article .component-framework #comment-form .field { margin-top: 8px; }
.article .component-framework #comment-form h3 { margin-bottom: 21px;}
.article .main-content { padding-top: 8px; }
.article .main-content h1.title { margin-top: 9px; }
.article #article-keywords a.btn {
	padding: 5px 11px 6px 11px;
	margin: 0 0 5px 0;
	text-transform: none;
}
.article .authorinfo { margin-top: 33px; }
.article .authorinfo h3 { margin-bottom: 8px; }
.article #article-keywords h3 { margin:-6px 0 23px 0;  }
.article .most-popular { margin-top: 18px; }
.article #comments h3.epsilon-uc { margin-bottom: 23px; }
.article #comments { margin-top: -6px;}
.article #comments .media { margin-bottom: 10px; } 
.article #comments .comment p { margin-bottom: 9px; } 
.article .sidebar .all-faculty { padding-bottom: 1px; }
.article .sidebar .facultycontact { padding-top: 3px; display:inline-block; }
.article .main-content ul { margin-bottom: 24px !important; margin-left: 0 !important;}
.article .widget-sharebar ul { margin-bottom: 0 !important; }
.article .main-content .media ul { margin-bottom: 0 !important; }
.article .main-content .photoleft { float: left; }
.article .main-content .photoright { float: right; }
.article .main-content .photoright,.article .main-content .photoleft { margin: 2px 25px 20px 0;} 
.article .main-content .photo { float: left; }
.article .type-framework  .main-content .byline { margin-bottom: 20px; padding-top: 2px;}
.article .main-content h3, .article .wpdigest h4  { margin: 0 0 10px 0; padding-top:5px; }
.article .override table td { border-right: 1px solid #000; padding: 10px;  vertical-align: top;}
.article .override table { width: 100%; margin-bottom: 25px; border: 1px solid #000;}
.article .endmatter { clear:both; }
.article .inbody-sidebar { padding: 10px; margin-bottom: 30px; border: 1px solid #666; clear: both; xfloat: left; background-color: #eee; }
.article .inbody-sidebar ul { padding-left: 25px; }
.article .main-content .inbody-sidebar .photoleft,.article .main-content .inbody-sidebar .photoright,.article .main-content .inbody-sidebar .photo { float: none !important; }
.article #comments ol {padding-left: 20px;  }
.article #pdf-header .byline { padding-top: 10px; } /*for wpdigest headers spacing must equal 24px below headline*/
/*********topic styles**********/
.topic h2.epsilon-uc { margin-bottom: 25px; margin-top: 13px; }
#paging a {
	background: url("/images/site/divider-small.gif") no-repeat 7px 50%;
	padding-left: 15px;
}
.topic .media p { margin-top: 12px;}
.topic .media .nobyline { margin-top: 6px; }
.topic .tile-medium { padding-top: 12px; } 
.topic  #overview table td {
	padding: 2px;
	width: 250px;
}
.topic  #overview table { margin-bottom: 27px; }
.topic  #betasearch  { text-align:right; margin-top: -25px;}
.topic #overview h2.summary { margin: 22px 0 27px 0; }
.topic h1.title { margin-top:8px; }
.topic #overview h2.summary { margin: 15px 0 25px 0; text-align: right; }
.topic #overview p { margin-top: 20px; }
.topic .tile-medium .byline em, .topic .tile-medium .byline em{ font-style: normal !important; }
/*********alltopic styles**********/
.alltopics table.index td,.allindustries table.index td{width: 50%; padding: 5px 0 5px 0;}
.alltopics table.index {
	line-height: 1.9;
	width: 100%;
	margin-top: -25px;
}
.alltopics h2 { margin: 20px 0 10px 0; }
/*********industry  styles**********/
.allindustries table.index {
	line-height: 1.9;
	width: 100%;
}
/*********faculty browse a-z styles**********/
.faculty h1.title { margin-bottom:25px; }
.faculty  #results-alpha table {
	line-height: 1.9;
	margin: .6em 0 1.7em;
	width: 100%;
}
.faculty #results-alpha table td {width: 33%; padding: 5px 0 5px 0;}
.faculty .component-framework .az-list a {margin-bottom: 4px; margin-right: 4px; padding: 4px 4px 10px 4px;}
.faculty .component-framework .az-list { margin-bottom: 25px; margin-top: 10px;}
/*********.heskett**********/
.heskett h1.title { margin: 15px 0 16px 0; }
.heskett .component-framework dl.plusminus dt a { text-decoration: none; color: #a41034;}
.heskett .component-framework dl.plusminus dt a:hover { text-decoration:underline;} 
.heskett .calloutbox  .md-arrow { margin-top: 29px; margin-bottom: 32px;}
.heskett .component-framework dl.plusminus dd { padding-top: 15px; }
.heskett #index-overview { padding-top:10px; }
/*********HR styles**********/
#home .main-content .hr , .article .hr, .heskett .main-content .hr, .newsletterbox .hr, .aboutus .hr  { margin-bottom: 24px;}
.article #comments .hr { margin: 3px 0 27px 0;}
.article .sidebar .hr { margin: 5px 0 30px 0; }
.article #leftnav .hr, .aboutus #leftnav .hr { margin: 0; }
.faculty  .main-content .hr{ margin: 10px 0 10px 0;}
/*********HR4 styles**********/
.topic .main-content .facultyitems .hr4 { margin-top: 20px; margin-bottom: 23px;  } /*faculty lists /faculty/rabdelal.html */
#home .main-content .hr4 { margin: 39px  0 27px 0;}
#leftnav .hr4  { margin: 10px 0 10px 0;}
.article .main-content .hr4,  .topic .main-content .hr4{ margin: 10px 0 30px 0; }
.article .main-content .firstlook .hr4 { margin-top: 30px; margin-bottom: 25px; }
.topic .main-content #overview .hr4 { margin: 10px 0 22px 0; }
.faculty .main-content .hr4 { margin: 35px 0 10px 0; }
.allindustries .main-content #overview .hr4,
.alltopics .main-content #overview .hr4 { margin: 30px 0 22px 0; }
/*********firstlook**********/
.firstlook td,.firstlook th { vertical-align: top; text-align:left; }
.firstlook .backtotop { margin-bottom: 24px; }
.firstlook h3.section, .firstlook h1.title  { margin-bottom: 30px; margin-top: 30px; }
.firstlook h3.reskin2013title { padding-top: 6px; margin-bottom: 20px; }
.firstlook .metadata th { width: 80px; padding-right: 10px; }
.firstlook .metadata { margin: 10px 0 10px 0; }
.firstlook #intro h1 { margin-bottom: 15px; }
.firstlook h3.eta { xpadding-top: 18px; }
.firstlook .reskin2013 .abstract { margin-top: 15px; }
.firstlook .reskin2013 { padding-top: 15px; }
.firstlook .nodate { margin-top: -7px; }
/*********skills**********/
.type-framework .skills ul li strong { font-weight: normal !important; font: normal 17px/24px 'Trade Gothic W01 Roman',Arial,Helvetica,Verdana,sans-serif;}
.skills ul.story li { margin-left: 0 !important;}
.skills ul.story  { padding-left: 0 !important;}
/**** the exchangepage *****/
.exchangepage h3.epsilon-uc { margin-bottom: 35px; margin-top: -8px; }
.exchangepage h1.gamma { margin-bottom: 8px; margin-top: -8px;}
/*********leftnav**********/
#home #leftnav { margin-top: 30px; position:relative; }
#home #leftnav-inner { width:100%; position:absolute; }
#leftnav .toggle-container { margin: 13px 0 12px 0;  }
#leftnav #topic { margin-top: 16px;}
#leftnav li { list-style-type: none; padding: 3px 0 3px 0;}
#leftnav .toggle-show ul { margin-top: 12px; margin-bottom: 0; margin-left: 13px;}
#leftnav .toggle-show ul li a {color:#000; }
#leftnav .icon-plusbox, #leftnav .icon-minusbox { padding-right: 8px; }
#leftnav .toggle-show ul li:before {
	content: " ";
	float: left;
	width: 5px;
	height: 6px;
	margin: 4px 0 0 -11px;
	background: url('/shared/images/framework/3.0/framework.png') 0 -110px;
}
#leftnav .more  { list-style-type:none; padding-top: 5px;}
#leftnav .toggle-show ul li.more:before { background:none;}
#leftnav #faculty { padding-top: 5px; }
#leftnav #faculty li { padding-top: 5px; }
#leftnav a.selected { color: #A41034 !important; }
.article #leftnav, .topic #leftnav, .aboutus #leftnav, .form #leftnav { margin-top: -10px; }
#leftnav #faculty li a:active { color: #000;  }
.faculty #leftnav #faculty-nav, .newsletter #leftnav #newsletter-nav, .aboutus #leftnav #about-nav {color: #000 !important;}
.toggle-show ul.subtopics { display:none;}
#leftnav .toggle-show .subtopics { margin-top: 5px; }
.keepnavopen #leftnav #topic .hideme { display:none !important; }
.keepnavopen #leftnav #topic .showme { display:block !important; }
/*********MISC Widgets**********/
.most-popular .media-list3 { margin-top: 28px; }
.email-sidebar { padding-bottom: 10px; }
/*********ABOUT Static Nav Tabs**********/
.component-framework .static-nav-tabs {
  margin: 0;
  padding: 0;
  float: left;
  clear: left;
  width: 100%;
  margin: 0;
  font: normal 13px/16px 'Trade Gothic W01 Bold 2', Arial, Helvetica, Verdana, sans-serif;
  text-transform: uppercase;
}
.component-framework .static-nav-tabs li {
  display: inline;
  list-style-type: none;
}
.component-framework .static-nav-tabs li:before {
  display: none;
}
.component-framework .static-nav-tabs li a {
  display: block;
  float: left;
  background-color: #7fd6cd;
  color: #fff;
  margin: 0 2px 0 0;
  padding: 8px 15px;	
}
.component-framework .static-nav-tabs li a:hover {
  text-decoration: none;
}
.component-framework .static-nav-tabs li a.hover {
  background: black;
  color: white;
}
.component-framework .static-nav-tabs li.active a {
	background-color: #fff;
}
.component-framework .static-nav-tabs li.active a {
  color: black;
}
/****ABout us and forms*****/
.aboutus h1, .form h1 { margin-top: 8px; margin-bottom:25px; }
.aboutus h2, .form h2 { margin-bottom: 8px; }
.aboutus .component-framework ul.unstyled , .form .component-framework ul.unstyled{ margin-bottom: 25px; }
.form .hidden { margin:0;padding:0;height:1px; }
.tellus .component-framework .field, .newsletter  .component-framework .field  { width: 320px !important; }
.tellus .component-framework textarea.field, .newsletter  .component-framework textarea.field { width: 475px !important; }
.tellus .component-framework .field, .newsletter  .component-framework .field { margin-top: 8px; }
.tellus .component-framework #mostadvancedegree{ width: 320px  !important;}
.tellus .component-framework #yearofgraduation { width: 220px  !important;}
.tellus #industries { margin-bottom: 10px; }
.tellus .areas-interest { margin-bottom: 16px; }
/*****newsletter lightbox****/
.newsletterbox .white-bg { padding: 26px 24px 22px 24px; xwidth: 400px;  }
.newsletterbox .component-framework h3.kappa-uc{ margin-bottom: 20px; }
#fancybox-inner { overflow: visible !important; } /*overriding the framework*/
.newsletterbox .unbulleted a { color:black; text-decoration: underline; }
.newsletterbox .unbulleted a:hover { color:black; text-decoration: none; }
/*****RSS Page****/
#rss-page td { text-align: left; width: 33%; padding-left: 20px;}
#rss-page {width: 70%}
/**********************************/
/*legacy WK css from core.css*/
/**********************************/
/* Common Content Elements */
/* =IMAGE */
#main .photo {
	color: #666;
	margin-bottom: 20px;
}
#main .photo img {
	border: 1px solid #555;
}
#main .photo p {
	font-size: 10px;
	margin: 0;
}
#main .photo p cite {
	color: #999;
	display: block;
	font-style: normal;
	text-align: right;
}
#main .img-left {
	float: left;
	margin-bottom: 10px;
	margin-right: 20px;
}
#main .img-right {
	float: right;
	margin-bottom: 10px;
	margin-left: 20px;
}
/* caption for wider images */
#main p.caption{
        width: 180px;
}
#main .caption{
        padding-top: 5px;
}
#main img.coda {
	vertical-align: middle;
}
.article #main .bookexcerpt {padding: 0 5px;}
.article #main .bookexcerpt img {float: left; padding: 7px 30px 20px 0; margin: 0;}
.article #main .bookexcerpt h3 {padding-bottom: 5px; margin-top: -25px; padding-bottom: 0;}
.article #main .bookexcerpt p.excerpt {font-size: .8em; text-transform: uppercase; color: #666;}
.article #main p.last {border-bottom: 4px solid #999; padding-bottom: 25px;}
.article #main p.from {font-size: .8em; line-height: 1.1em; margin-bottom: 5px;}
.article #main p.author {font-size: .8em; font-style: italic; font-variant: small-caps; margin-bottom: 1.5em;}
.article #main p.connect {background: #990000; color: #fff; border: 1px solid #ccc; padding: 3px 10px;}
.article #main p.connect a {color: #fff;}

.article #main #ednote .note {font-family: 'Trade Gothic W01 Bold 2',Arial,Helvetica,Verdana,sans-serif;}
/**********************************/
/*ipad and iphone*/
/**********************************/
/* overrides for ipad screen and less */
@media only screen and (max-width: 768px) {
  #supernav .main-bar, #supernav .toplinks, #supernav .toplinks .wrap  {
    width: 1016px !important;
  }
  #superfooter {
    position: static !important;
  }
  #superfooter .infobar {
    position: static  !important;
  }
  #superfooter {
    position: static !important;
    width: 1016px !important;
  }  
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {
  #superfooter {
    xposition: static !important;
    xwidth: 1016px !important;
  } 
}