/**
* @see-also.kaplan.css
* Styles to 'See Also' Carousel
*/
/*-------------------- SEE ALSO --------------------*/
.two-cols-home div.PBViewing div.widget div.content{
    margin: 0;
}
.see-also {
	clear: both;
}
.see-also h2 {
	background: #c8c8c8; /* Old browsers */
	background: -moz-linear-gradient(top,  #c8c8c8 0%, #dadada 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c8c8c8), color-stop(100%,#dadada)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #c8c8c8 0%,#dadada 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #c8c8c8 0%,#dadada 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #c8c8c8 0%,#dadada 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #c8c8c8 0%,#dadada 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c8c8c8', endColorstr='#dadada',GradientType=0 ); /* IE6-9 */

	font: bold 12px/28px Arial,Helvetica,sans-serif;
	color: #310A61;
	padding-left: 16px;
	line-height: 18px;
	height: auto;
	padding-top: 5px;
	padding-bottom: 5px;
}
.see-also .content-wrapper,
.see-also-spotlight .content-wrapper,
.see-also-events .content-wrapper {
	padding: 23px 30px 25px 29px;
	height: 210px;
	/*css3*/
	background: -moz-linear-gradient(top, #f1f1f1 0%, #ffffff 71%, #ffffff 87%, #eaeaea 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f1f1f1), color-stop(71%,#ffffff), color-stop(87%,#ffffff), color-stop(100%,#f1f1f1)); /* Chrome,Safari4+ */
	background: -o-linear-gradient(top, #f1f1f1 0%,#ffffff 71%,#ffffff 87%,#eaeaea 100%); /* Opera11.10+ */
	background: linear-gradient(top, #f1f1f1 0%,#ffffff 71%,#ffffff 87%,#eaeaea 100%); /* W3C */
	-pie-background: linear-gradient(top, #f1f1f1 0%,#ffffff 71%,#ffffff 87%,#eaeaea 100%); /* PIE css3*/
	behavior: url(/common/css/PIE.htc);
}

.see-also-spotlight .content-wrapper{
	height: 200px;
}
.see-also p,
.see-also-spotlight p,
.see-also-events p  {
  font: 12px/1.3 Arial,Helvetica,sans-serif;
  color: #202020;
  margin-bottom: 6px;
}
.see-also .read-more,
.see-also-spotlight .read-more,
.see-also-events .read-more {
	/*background: url(../images/backgrounds/blue-arrows.png) no-repeat right 5px;*/
	display: inline-block;
	font: bold 12px/14px Arial,Helvetica,sans-serif;
	color: #106799;
	/*padding-right: 9px;*/
}
.see-also .carousel,
.see-also-spotlight .carousel,
.see-also-events .carousel {
	padding: 16px 0 0 57px;
	margin-bottom: 25px;
	overflow: hidden;
	position: relative;
}

.see-also-events .carousel {
	padding: 16px 36px 0 36px;
	height: 140px;
}

.see-also-events .carousel .content {
	height: 107px;
}

.see-also-events .carousel .dtstart {
	margin-left: 30px;
}

.see-also-events .carousel .summary {
	margin-top: 15px;
	width: 105px;
	text-align: center;
}

.see-also-events .content-wrapper {
	height: 150px;
}

.see-also-spotlight .carousel {
	padding: 16px 30px 0 30px;
	height: 140px;
}

.see-also .carousel a.prev,
.see-also-spotlight .carousel a.prev,
.see-also-events .carousel a.prev {
	background: url(../images/buttons/carousels-control.png) no-repeat left -35px;
	width: 28px;
	height: 35px;
	display: block;
	position: absolute;
	left: 0;
	top: 32px;
}
.see-also .carousel a.next,
.see-also-spotlight .carousel a.next,
.see-also-events .carousel a.next {
	background: url(../images/buttons/carousels-control.png) no-repeat right -35px;
	width: 28px;
	height: 35px;
	display: block;
	position: absolute;
	right: 0;
	top: 32px;
}
.no-js .see-also .carousel a.prev,
.no-js .see-also .carousel a.next {
	display: none;
}
.see-also .carousel a.next:hover,
.see-also-spotlight  .carousel a.next:hover,
.see-also-events .carousel a.next:hover {
	background-position: right -70px;
}
.see-also .carousel a.prev:hover,
.see-also-spotlight .carousel a.prev:hover,
.see-also-events .carousel a.prev:hover  {
	background-position: left -70px;
}
.see-also .carousel a.next.mousedown,
.see-also-spotlight .carousel a.next.mousedown,
.see-also-events .carousel a.next.mousedown  {
	background-position: right -105px;
}
.see-also .carousel a.prev.mousedown,
.see-also-spotlight .carousel a.prev.mousedown,
.see-also-events .carousel a.prev.mousedown  {
	background-position: left -105px;
}
.see-also .carousel a.next.disabled,
.see-also-spotlight .carousel a.next.disabled,
.see-also-events .carousel a.next.disabled   {
	background-position: right 0;
	cursor: default;
}
.see-also .carousel a.prev.disabled,
.see-also-spotlight .carousel a.prev.disabled,
.see-also-events .carousel a.prev.disabled  {
	background-position: left 0;
	cursor: default;
}
.see-also .content,
.see-also-spotlight .content,
.see-also-events .content  {
	width: 527px !important;
	overflow: hidden;
	position: relative;
}


.see-also-spotlight .content {
	width: 160px !important;
	overflow: visible!important;
}
.no-js .see-also .content {
	position: relative;
}
.no-js .see-also  .content ul,
.see-also-spotlight  .content ul,
.see-also-events  .content ul {
	width: 9999999px;
}
.see-also .carousel  .content ul,
.see-also-spotlight  .content ul,
.see-also-events  .content ul {
	margin-left: 0;
}


.see-also .content li,
.see-also-spotlight .content li,
.see-also-events .content li  {
	float: left;
	margin-right: 36px;
	width: 105px;
	position: relative;
	background: none;
	margin-bottom: 0px;
	margin-left: 0;
	padding-left: 0px;
}
.see-also .content .icon:hover,
.see-also .content .icon:hover img,
.see-also-spotlight .content .icon:hover,
.see-also-spotlight .content .icon:hover img,
.see-also-events .content .icon:hover,
.see-also-events .content .icon:hover img  {
	border-color: #202020;
}



.see-also figure a,
.see-also .content .icon,
.see-also-spotlight figure a,
.see-also-spotlight .content .icon,
.see-also-events figure a,
.see-also-events .content .icon    {
	display: block;
	position: relative;
	margin-bottom: 10px;
	height: 65px;
	width: 101px;
	border: solid 1px #fff;
}
.see-also figure a:hover,
.see-also figure a:hover img,
.see-also-spotlight figure a:hover,
.see-also-spotlight figure a:hover img,
.see-also-events figure a:hover,
.see-also-events figure a:hover img {
	border-color: #202020;
}

.see-also figure img,
.see-also-spotlight figure img,
.see-also-events figure img {
	border: 1px solid #B7B7B7;
	padding: 2px;
}
.see-also figure span,
.see-also-spotlight figure span,
.see-also-events figure span {
	display: block;
	width: 36px;
	height: 19px;
	position: absolute;
	right: 3px;
	bottom: 3px;
}
.see-also figure img,
.see-also-spotlight figure img,
.see-also-events figure img {
	border: 1px solid #B7B7B7;
	padding: 2px;
}
.see-also .content .icon span,
.see-also .content figure span,
.see-also-spotlight .content .icon span,
.see-also-spotlight .content figure span,
.see-also-events .content .icon span,
.see-also-events .content figure span {
	display: block;
	width: 36px;
	/*height: 19px;*/
	position: absolute;
	right: 1px;
	bottom: 1px;
}
.see-also figure .doc-icon  {
	background: url(../images/icons/media-icons.png) no-repeat left 0;
}
.see-also figure .ppt-icon  {
	background: url(../images/icons/media-icons.png) no-repeat left -19px;
}
.see-also figure .pdf-icon  {
	background: url(../images/icons/media-icons.png) no-repeat left -38px;
}
.see-also figure .picture-icon  {
	background: url(../images/icons/media-icons.png) no-repeat left -57px;
}
.see-also figure .video-icon  {
	background: url(../images/icons/media-icons.png) no-repeat left -76px;
}
/*.see-also .content .icon span.play-icon,
.see-also .content figure a span.play-icon {
	background: url(../images/backgrounds/play-icon35x34.png) no-repeat;
	display: block;
	width: 35px;
	height: 34px;
	right: 27px;
	bottom: 15px;
}
.see-also .content .icon:hover span.play-icon,
.see-also .content figure a:hover span.play-icon {
	background-position: left -34px;
}*/


.see-also .content p,
.see-also-spotlight .content p,
.see-also-events .content p {
  font: 11px/14px Arial,Helvetica,sans-serif;
  color: #202020;
  margin-bottom: 0px;
}
.see-also .content a.read-more,
.see-also-spotlight .content a.read-more,
.see-also-events .content a.read-more {
	/*background: url(../images/backgrounds/blue-arrows.png) no-repeat right 5px;*/
	font: bold 11px/14px Arial,Helvetica,sans-serif;
	color: #116a9d;
	/*padding-right: 9px;*/
}
.see-also .content a.read-more:hover,
.see-also-spotlight .content a.read-more:hover,
.see-also-events .content a.read-more:hover {
	text-decoration: underline;
}

@media (min-width: 320px) {
	.see-also .carousel {
		padding-left: 30px;
	}

	.see-also .content li,
	.see-also-spotlight .content li,
	.see-also-events .content li {
		width: 105px;
	    margin-left: 20px;
	    margin-right: 75px;
	}

	.see-also-events .content li {
	    margin-left: 15px;
	}

	.see-also-spotlight .content li {
		width: 165px;
	    margin-left: -10px;
	    margin-right: 40px;
	    text-align: center;
	}

	.see-also-spotlight .content li figure {
		float: none;
		margin: 0 auto 10px auto;
		width: 107px;
	}


	.see-also-spotlight .content p {
		display: none;
	}


}

@media (min-width: 360px) { /* Galaxy S3 Portrait */ 

	.see-also-spotlight figure,
	.see-also-events figure,
	.see-also figure
	 {
		width: 105px;
		float: none!important;
	}

	.see-also-spotlight .content li,
	.see-also-events .content li,
	.see-also .content li {
		width: 165px;
		margin-right: 93px;
		margin-left: 0;
	}

	.see-also-spotlight .content,
	.see-also-events .content,
	.see-also .content {
		width: 130px;
		float: none;
		margin: 0 auto!important;
	}

	.events .dtstart,
	.events .summary {
		margin-left: auto!important;
		margin-right: auto!important;
		float: none;
	}

	.see-also li {
		width: 180px!important;
	}

}

@media (min-width: 375px) { /* iPhone 6 Portrait */

	.see-also .content li {
		margin-left: 50px;
	}

	.see-also-spotlight .content li {
		margin-left: 15px;
	}

	.see-also-events .content li {
		margin-left: 45px;
	}

}

@media (min-width: 480px) {
	.see-also .carousel,
	.see-also-spotlight .carousel,
	.see-also-events .carousel {
		padding: 16px 0 0 45px;
	}

	.see-also .content li {
		margin-left: 20px;
		margin-right: 65px;
	}


	.see-also .content li,
	.see-also-spotlight .content li,
	.see-also-events .content li {
		margin-left: 0;
	}

	.see-also-spotlight  .content ul {
		left: -32px!important;
	}

	.see-also-spotlight .content li {
		margin-right: 0;
	}

	.see-also-spotlight .content {
		width: 130px;
	}

	.see-also-spotlight .content li figure {
	    float: left;
	    margin: 0 0 0 15px;
	    width: 107px;
	}


}

@media (min-width: 640px) {

	.see-also-spotlight .content li, 
	.see-also-events .content li, 
	.see-also .content li {
		margin-left: 35px;
		margin-right: 45px;
	}

	.see-also-events .content li {
		margin-right: 63px;
	}

	.see-also-spotlight .content {
		width: 450px!important;
	}

	.see-also-spotlight .content ul li .content {
		width: 130px!important;
		float: left;
	}

	.see-also-spotlight .content li {
		margin-left: 47px;
		margin-right: 20px;
	}

	.see-also-events .content {
		float: left;
		width: 424px!important;
	}

	.see-also-events .content li {
		margin-left: 4px;
		margin-right: 54px;
	}

	.see-also .content li {
		margin-left: 47px;
		margin-right: 20px;
	}

	.see-also .content {
		float: left;
		width: 424px!important;
	}

	.see-also .content li {
		margin-left: 4px;
		margin-right: 70px;
	}


}

@media (min-width: 667px) { /* iPhone 6 Landscape */

	.see-also-spotlight .content ul {
		left: -10!important;
	}


	.see-also-spotlight .content li {
		margin-left: 10px;
		width: 160px;
	}

	.see-also .content li {
		margin-left: 0;
	}

}

@media (min-width: 768px) {
	.see-also .content li,
	.see-also-events .content li {
		width: 105px;
	    margin-left: 45px;
	    margin-right: 75px;
	}

	.see-also-spotlight .content li {
		width: 160px;
		margin-left: 15px;
		margin-right: 45px;
	}

	.see-also-spotlight  .content ul {
		left: 0px!important;
	}

	.see-also-spotlight .content-wrapper,
	.see-also-events .content-wrapper {
		height: 180px;
	}

	.find-box .content {
		height: 110px;
	}

	.see-also-spotlight .content li figure {
		margin-left: 25px;
	}



}


@media (min-width: 1010px) {
	.see-also .content li {
		width: 105px;
		margin-left: 0;
		margin-right: 36px;
	}

	.see-also .carousel {
		padding: 16px 0 0 57px;
	}

	.see-also-spotlight .content p {
		display: block;
	}

	.find-box .content {
		height: auto;
	}

	.main-content {
		margin-bottom: 30px;
	}

	.events .dtstart {
		float: left;
		margin-left: 25px;
		margin-right: 25px;

	}

	.events .summary {
		float: right;
	}

	.see-also .content-wrapper {
		height: 165px;
	}

	.see-also .content li {
		margin-left: 0;
		margin-right: 36px;
		width: 105px!important;
	}

	.see-also .content {
		width: 527px!important;
	}
}

/*-------------------- end see also ------------------*/