/*
*************************************************

Harvard University
Enhanced Screen Styles

Created by the friendly folks at Happy Cog
http://www.happycog.com/

*************************************************

*/

.streamer-social .controls a, .emergency .close, .carousel-controls a { display: block; text-indent: -9999px; background-color: transparent; background-position: 0 0; background-repeat: no-repeat; overflow: hidden; }


/*-------------------------------------------
    Homepage Caraousel
-------------------------------------------*/

* html .carousel { height: 348px !important; }
* html .slide-caption { background-image: none !important; height: 220px; }
* html .carousel-item { height: 348px; }

/*
.comp-b, .comp-b .slide-callout .more { background-color: #8c8179; }
.comp-c, .comp-c .slide-callout .more { background-color: #293352; }
.comp-d, .comp-d .slide-callout .more { background-color: #a51c30; }*/

.carousel-controls { position: absolute; z-index: 100; left: 50%; bottom: 43px; width: 98px; height: 32px; margin-left: 350px; overflow: hidden; }
* html .carousel-controls { bottom: 20px; }
	.carousel-controls a { float: left; width: 32px; height: 32px; background-image: url(../images/controls-carousel.png); }
	.carousel-controls .next { background-position: -96px -32px;}
	.carousel-controls .next:hover, .carousel-controls .next:focus { background-position: -96px 0;}
	.carousel-controls .previous { background-position: 0 -32px; }
	.carousel-controls .previous:hover, .carousel-controls .previous:focus { background-position: 0 0; }
	.carousel-controls .pause { background-position: -32px -32px;}
	.carousel-controls .pause:hover, .carousel-controls .pause:focus { background-position: -32px 0;}
	.carousel-controls .play { position: relative; bottom: auto; left: auto; background-position: -64px -32px;}
	.carousel-controls .play:hover, .carousel-controls .play:focus { background-position: -64px 0;}

.carousel .prev-image { position: absolute; left: -1000px; top: 0; opacity: 0.2; }/*images left opacity*/
.carousel .next-image { position: absolute; top: 0; right: -1000px; opacity: 0.2; }/*images right opacity*/

* html .slide-caption { padding-bottom: 60px; }