/* needed for the thumbs to show correctly */
.ytPlayer{
	margin: auto;
	text-align: center;
}
.ytlist {
	list-style: none outside none;
	margin: 0;
	padding: 0;
}

.ytlist:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}

.ytlist li{
	display: inline;
	float: left;
        box-sizing: border-box;
}


.ytlist a {
	padding:0px;
}

.ytitem{
    width:50%;
    float:left;
}

#ytContainer>.ytlist>.ytitemGrid{
    width:50%;
    float:left;
    min-height: 265px;
    border-left: 1px solid #E6E7E8;
    border-right: 1px solid #E6E7E8;
    padding:0;
    background: none;
}

.gridDiv{
    width:100%;
    float:left;
    padding-top: 5px;
}

.ytitemGridTitle{
    width:90%;
    margin: auto;
}

.videoContainer { cursor: pointer;}
#ytContainer { width:660px; padding-left:20px; }
#ytContainer div.ytGrid div.videoContainer { float:left;border:solid 1px #2E64A4; width:190px; height: 250px; margin:10px; padding: 10px; }
#ytContainer div.ytGrid div.thumbnail { height:60%; }
#ytContainer div.ytGrid h3.title { font-size:small; width:100%; height:34%;padding-top:5px; }
#ytContainer div.ytGrid p.views { text-align:right; font-weight: bold; height:6%; }

#ytContainer div.ytGrid div.thumbnail img { width:190px; height:150px; margin:0;padding:0; }
#ytContainer div.ytGrid p.duration,
#ytContainer div.ytGrid p.description,
#ytContainer div.ytGrid p.uploader,
#ytContainer div.ytGrid p.ratings { display:none; }
#ytContainer div.ytGrid br.break { clear:both; }
#ytContainer div.ytGrid p, #ytContainer div.ytGrid h3 { margin:0;padding:0; font-size: small;overflow: hidden; }
#ytContainer div.ytGrid p:hover { background-color:inherit; }