/*
	Stylesheet for PJM Video Gallery

	Author: Alexander Dahlberg
********************************/
@charset "utf-8";

#ctContent {
	width:683px; 
	margin-left:14px;
}

.pjmPageTitle {
	background-color:#ffcc00;
	color:#fff;
	height:50px;
	padding-top: 25px;
	margin-bottom: 22px;
}

.pjmLeftColumn { 
	width: 464px;
	margin-left:111px;
	/*float:left;*/
}
.pjmRightColumn { 
	width: 245px;
	float:right; 
}
.pjmRightColumn .article_22p {
	text-align:left;
	margin-top:0px;
}

#ct_gallery { background-color: #fff; }
#galleryContent { padding:0px; }
#ct_gallery img { border:none; }
#ct_video { 
	height: 393px;
	margin-bottom:32px;
	text-align:left;
}

#video {
	height:393px;
	position:relative;
	z-index:600;
}

.galleryTitle {
	background-color: #333;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 25px;
	padding-left: 5px;
	height:25px;
	margin-bottom:10px;
}

#ct_gallery .vidItem {
	background-color: #333;
	color:#fff;
	margin: 0px 0px 5px 0px;
	padding: 5px;
	position:relative;
}

#ct_gallery div.noResize { height: 120px; }
#ct_gallery div.resize p.info { display:none; }
#ct_gallery p.info { font-size:11px; }

#ct_gallery .itemTitle {
	font-size: 14px;
	font-weight: bold;
	line-height: 16px;
	margin: 0px 0px 0px 0px;
	color: #00ADEF;
}

.vidItem p{
	margin: 12px 0px 0px 0px;
	color:#fff;
	text-align:left;
}

.vidItem img {
	float: left;
	margin-right: 15px;
}

.vidItem table td p { vertical-align: top; }

.vidItem table, .vidItem td {
	border-spacing:0px;
	margin:0px;
	padding:0px;
}

.vidItem table td.firstColumn {
	width:78px;
	vertical-align: top;
}

.vidItem table{ width:100%; }

#ct_gallery .playBtn {
	position:absolute;
	top:49px;
	left:60px;
	width:50px;
	height:32px;
	display:none;
	margin:0px;
}

.vidItem .clipId { display:none; }

#lightsOut {
	background-color:#000;
	position:absolute;
	top:0px;
	left:0px;
	z-index:500;
}

#switch {
	width:25px;
	height:25px;
	position:relative;
	top:2px;
	left:658px;
}

#switch img{ border:none }

.onTop {
	position:relative;
	z-index:600;
}

.turquiseText {color:#67e9fc;}

.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}