.videoBox { position:relative;}
.videoBoxText { text-align:left;}
.videoBox .cornerPiece { background: url(images/video-corner-pieces.png) no-repeat; display: block;  height: 9px; position: absolute; width: 9px; }
.videoBox .topLeft { background-position: -99px top !important; left: 8px; top: 8px; }
.videoBox .bottomRight { background-position: -99px bottom !important; bottom: 16px;  right: 8px; }

.videoThumbnail, .imageClipper { width: 120px; height: 90px; overflow: hidden; display: block; }

.videoAvatarSMOutline { float: left; padding: 1px; border: solid 1px #cccccc; background-color: #ffffff; margin-right: 3px; }

.videoAvatarSM { height: 25px; width: 25px; }


.videos .video { padding-right: 20px; width: 150px;  float: left; margin: 0 0 0 0 !important;}

.VideoPopUp { width: 320px; padding: 10px; background-color: #FFFFFF; color: #000000; border:solid 2px #ccc; }
.smallVideo .videoBox { background: #666 url(images/video-background-small-final.png) no-repeat top left; height: 98px; width: 120px; display: block; padding: 8px; position: relative; overflow: hidden; }

.detailsAvatarLRGOutline { float: left; padding: 1px; background-color: #ffffff; margin-right: 8px; }
.avatar { height: 35px; float: left; margin: -10px 0.5em 0 0; width: 35px; }


.videoLinks { text-align:center; margin-left:20px;}
.videoLinks a { color:#ffffff; text-decoration:underline;}

.Presentations .videoBox { background-color: #B31111;}
.MockInterviews .videoBox { background-color: #D98200;}
.Workshops .videoBox { background-color: #5923FE;}
.Mentoring .videoBox { background-color: #6A9E34;}
.WorkplaceVisits .videoBox { background-color: #B39500;}
.WorkExperience .videoBox { background-color: #006666;}
.EnterpriseProjects .videoBox { background-color: #992C60;}
.DiplomaSupport .videoBox { background-color: #1FA256;}
.Apprenticeships .videoBox { background-color: #13C2C4;}
.OnlineSupport .videoBox { background-color: #EAA835;}
.SchoolAndTeacherSupport .videoBox { background-color: #FF747C;}
.Stem .videoBox { background-color: #993333;}
.Literacy .videoBox { background-color: #5C8CB0;}













/* Internal rounded corners for video thumbnails */
.Presentations .topLeft { background-position: 0px top !important; }
.Presentations .bottomRight { background-position: 0px bottom !important; }
.MockInterviews .topLeft { background-position: -9px top !important; }
.MockInterviews .bottomRight { background-position: -9px bottom !important; }
.Workshops .topLeft { background-position: -18px top !important; }
.Workshops .bottomRight { background-position: -18px bottom !important; }
.Mentoring .topLeft { background-position: -27px top !important; }
.Mentoring .bottomRight { background-position: -27px bottom !important; }
.WorkplaceVisits .topLeft { background-position: -36px top !important; }
.WorkplaceVisits .bottomRight { background-position: -36px bottom !important; }
.WorkExperience .topLeft { background-position: -45px top !important; }
.WorkExperience .bottomRight { background-position: -45px bottom !important; }
.EnterpriseProjects .topLeft { background-position: -54px top !important; }
.EnterpriseProjects .bottomRight { background-position: -54px bottom !important; }
.DiplomaSupport .topLeft { background-position: -63px top !important; }
.DiplomaSupport .bottomRight { background-position: -63px bottom !important; }
.Apprenticeships .topLeft { background-position: -72px top !important; }
.Apprenticeships .bottomRight { background-position: -72px bottom !important; }
.OnlineSupport .topLeft { background-position: -81px top !important; }
.OnlineSupport .bottomRight { background-position: -81px bottom !important; }
.SchoolAndTeacherSupport .topLeft { background-position: -90px top !important; }
.SchoolAndTeacherSupport .bottomRight { background-position: -90px bottom !important; }
.Stem .topLeft { background-position: -117px top !important; }
.Stem .bottomRight { background-position: -117px bottom !important; }
.Literacy .topLeft { background-position: -126px top !important; }
.Literacy .bottomRight { background-position: -126px bottom !important; }

/* default values at -99px (grey to let you know you stuffed it up and forgot the class) */





/* ---- Style for Simple Display Mode ---- */

.simpleVideoThumbnail { height:90px; width:120px; overflow: hidden; display: block; border: solid 3px #ffffff;}

.playPresentations { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Presentations.png); top: 31px; left: 47px; }
.playMockInterviews { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/MockInterviews.png); top: 31px; left: 47px; }
.playWorkshops { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Workshops.png); top: 31px; left: 47px; }
.playMentoring { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Mentoring.png); top: 31px; left: 47px; }
.playWorkplaceVisits { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/WorkplaceVisits.png); top: 31px; left: 47px; }
.playWorkExperience { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/WorkExperience.png); top: 31px; left: 47px; }
.playEnterpriseProjects { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/EnterpriseProjects.png); top: 31px; left: 47px; }
.playDiplomaSupport { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/DiplomaSupport.png); top: 31px; left: 47px; }
.playApprenticeships { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Apprenticeships.png); top: 31px; left: 47px; }
.playOnlineSupport { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/OnlineSupport.png); top: 31px; left: 47px; }
.playSchoolAndTeacherSupport { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/SchoolAndTeacherSupport.png); top: 31px; left: 47px; }
.playStem { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Stem.png); top: 31px; left: 47px; }
.playLiteracy { position: absolute; width: 27px; height: 27px; background-image: url(images/playButtons/Literacy.png); top: 31px; left: 47px; }