/*=================================================
Rotating Content General Characteristics
=================================================*/
ul#carousel {
	float: left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#rotator {
	height: 272px;
    width: 716px;
	float: left;
	margin-bottom: 30px;
}
#rotator .promo-box-item-content .ext-icon{
	display:none;
}
#rotator .promo-box-item-content a.ext{
	background: none;
	padding: 0;
}
ul#carousel li .promo-box-item-content {
	overflow-y:hidden;
	float: left;
	height: 188px;
    width: 664px;	
    padding: 31px 18px 18px 34px;
}
/* Make the FGI carousel 20px taller */
.fgi-hero #rotator{
	height: 292px;
}
.fgi-hero #rotator li .promo-box-item-content {
	height: 208px;
}
/* Colors */
.blue ul#carousel li .promo-box-item-content {
    background-color: #8ed7ea;
}
.orange ul#carousel li .promo-box-item-content {
    background-color: #f7ab55;
}
.teal ul#carousel li .promo-box-item-content {
    background-color: #58c4b7;
}
.salmon ul#carousel li .promo-box-item-content {
    background-color: #e5665d;
}
#carousel > li{
	display:none;
}
#carousel > li {
	list-style-type:none;
	float:left;
}
ul.carousel-nav {
	display: block;
	clear: left;
	float: right;
	list-style-type: none;
	margin: 9px 0 0 0;
	padding: 0;
}
ul.carousel-nav li  {
	display: inline;
}
ul.carousel-nav li a {
	display: block;
	float: left;
	width: 22px;
	height: 14px;
	text-decoration: none;
	margin-right: 2px;
}
ul.carousel-nav {
	clear: none;
}
ul.carousel-nav li.right-arrow a, ul.carousel-nav li.left-arrow a, ul.carousel-nav li.pause a {
	background: none;
}
ul.carousel-nav li a:hover {
	text-decoration: none;
	background: #fff;
}
ul.carousel-nav li.on a {
	background: #fff;
}
ul#carousel li .promo-box-item-content h1,ul#carousel li .promo-box-item-content h2,  ul#carousel li .promo-box-item-content h3,ul#carousel li .promo-box-item-content h4{
	color: #fff;
	font-family: 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding:0;
	text-transform: uppercase;
	font-weight: normal !important;
}

ul#carousel li .promo-box-item-content .item-details h4{
	font-family: 'Trade Gothic W01 Roman',Arial, Helvetica, Verdana, sans-serif;
}
ul#carousel li .promo-box-item-content h1 a,ul#carousel li .promo-box-item-content h2 a,  ul#carousel li .promo-box-item-content h3 a,ul#carousel li .promo-box-item-content h4 a{
	color: #fff;
}	
ul#carousel li .promo-box-item-content h1 {
	font-size: 30px;
	line-height: 1.1em;
}
ul#carousel li .promo-box-item-content h2 {
	font-size: 22px;
	line-height: 1.1em;
	padding-top: 4px;
	padding-bottom: 1px;
}
ul#carousel li .promo-box-item-content h3 {
	font-size: 14px;
	margin-bottom: 9px;
}
ul#carousel li .promo-box-item-content h4 {
	font-size: 16px;
	text-transform: none;
	color: #000;
	padding-top: 9px;	
}
ul#carousel li .promo-box-item-content h4 a {
	color: #000;
}
ul#carousel li .promo-box-item-content h1 a, ul#carousel li .promo-box-item-content h2 a, ul#carousel li .promo-box-item-content h3 a {
	color: #fff !important;
	margin:0;
}
ul#carousel .single-portrait-photo, ul#carousel .double-portrait-photo1,ul#carousel .double-portrait-photo2,ul#carousel .CustomImagePhoto,ul#carousel .ImageFromIconLibraryPhoto {
     text-align: center;
     padding: 0;
     margin-top: -6px;
     float: left;
     vertical-align:top;
     text-align: center;
}
ul#carousel .single-portrait-photo, ul#carousel .CustomImagePhoto,ul#carousel .ImageFromIconLibraryPhoto  {
     margin-right: 17px;
     margin-left: -13px;
}
ul#carousel .double-portrait-photo1 {
     margin-right: 9px;
     margin-left: -13px;
}
ul#carousel  .TwoPortraitImages .double-portrait-photo1 {
    margin-right: 4px;
}
ul#carousel .double-portrait-photo2 {
     margin-right: 17px;	
}
ul#carousel .single-portrait-photo img {
     width: 124px;
	 height: 131px;
	 padding: 2px;
	 border: 1px solid #fff;
}
ul#carousel .double-portrait-photo1 img, ul#carousel .double-portrait-photo2 img{
	width: 94px;
	height: 99px;
	padding: 2px;
	border: 1px solid #fff;
}
ul#carousel .CustomImagePhoto img{
	width: 130px;
	max-height: 257px;
}
ul#carousel .ImageFromIconLibraryPhoto img{
	width: 130px;
	max-height: 264px;
}
ul#carousel li .item-details {
	float: left;
	padding: 0;
	margin-top: -4px;
}
ul#carousel li .item-details .blurb {
	color: #000;
	font-size: 16px;
	font-family: 'Trade Gothic W01 Roman', Arial, Helvetica, Verdana, sans-serif;
    line-height: 22px;
    margin:18px 0 0 0;		
    font-weight: normal !important;
}
ul#carousel li .item-details .blurb a{
	color: #000;
}
ul#carousel li .promo-box-item-content .blurb b{
	font-family: 'Trade Gothic W01 Bold 2',Arial, Helvetica, Verdana, sans-serif;
	font-weight: normal !important;
}
ul#carousel li .promo-box-item-content .more {
	margin-top: 6px;
	margin-bottom: 0;
}
ul#carousel li .promo-box-item-content .more a {
	text-transform: uppercase;	
	color: #fff;
	font-size: 10px;
	font-family: arial,verdana;
	font-weight: bold;
}
ul#carousel li .promo-box-item-content a:hover{
	text-decoration: underline;
}

/*=================================================
Orange Theme Rotating Content
=================================================*/
.orange {
	background-color: #e98321;
}
.orange #prevnext-prev, .blue #prevnext-prev, .teal #prevnext-prev, .salmon #prevnext-prev {
	background: url(/faculty/style%20library/hbs/images/site/carousel_arrow_left.png) no-repeat 5px;	
}
.orange #prevnext-next, .blue #prevnext-next, .teal #prevnext-next, .salmon #prevnext-next {
	background: url(/faculty/style%20library/hbs/images/site/carousel_arrow_right.png) no-repeat;		
}
.orange #pause, .blue #pause , .teal #pause, .salmon #pause {
	background: url(/faculty/style%20library/hbs/images/site/seminars-pause.png) no-repeat;	
}
.orange ul.carousel-nav li  a:hover, .blue ul.carousel-nav li  a:hover, .teal ul.carousel-nav li  a:hover, .salmon ul.carousel-nav li  a:hover{
	background: #fff;
	text-decoration: none;
}
.orange ul.carousel-nav li.on a, .blue ul.carousel-nav li.on a, .teal ul.carousel-nav li.on a, .salmon ul.carousel-nav li.on a {
	background: #fff;
}
.orange ul.carousel-nav li  a {
	background: #fcd4a1;
}
/*=================================================
teal Rotating Content
=================================================*/
.teal {
	background-color: #1d998e;
}
.teal ul#carousel li.on {
	left: 0;
}
.content-wrap .teal ul#carousel{
	color: #fff;
}
.teal ul.carousel-nav li a {
	background: #6fd4cc;
}
/*=================================================
Salmon Rotating Content
=================================================*/
.salmon {
	background-color: #b82f29;
}
.salmon ul#carousel li.on {
	left: 0;
}
.content-wrap .salmon ul#carousel{
	color: #fff;
}
.salmon ul.carousel-nav li a {
	background: #f9a372
}
/*=================================================
Blue Theme Rotating Content
=================================================*/
.blue {
	background-color: #0d667f;
}
.blue ul#carousel li {
	list-style-type:none;
}
.blue ul#carousel li.blue-theme {
	background: #8ed7ea;
}
.blue ul.carousel-nav li a {
	background: #b0e6f2;
}
/*=============================================================================
Units, Seminars and Conferences, and Non Home page Panel Heights and Widths
=============================================================================*/
ul#carousel li .NoArt .item-details {
	width: 630px;
}
ul#carousel li .CustomImage .item-details {
	width: 504px;
}
ul#carousel li .SinglePortraitImage .item-details {
	width: 504px;
}
ul#carousel li .ImageFromIconLibrary .item-details {
	width: 504px;
}
ul#carousel li .TwoPortraitImages .item-details {
	width: 420px;
}

.unit-layout ul#carousel li .SinglePortraitImage .item-details, .unit-layout ul#carousel li .TwoPortraitImages .item-details {
	height: 200px;
}