
.tip {
	color:#000;
	width: 425px;
	padding: 12px;
	display: none;
	position: absolute;
	z-index:12000;
	background:#fff;
	border:3px solid #ccc;
}
	.tip table {
		border:1px solid #000;
		margin:8px auto;
		border-collapse:collapse;
		width:90%;
	}
		.tip table td {
			border:1px solid #000;
			border-collapse:collapse;
		}

sup.tooltip {
	color: blue;
	font-size:12px;
	font-weight: bold;
	cursor:pointer;
}

.video_meta_data p sup {
    color: #FFFFFF;
}

#featuresContainer sup.tooltip {
  color:#ffffff;	
}

/*Styling for video integration in system page*/
.video_icon {
	background:url("/images/video/system_video_icon.png") no-repeat right center;
    background:url("/images/video/system_video_icon.png") no-repeat right center;
    height: 12px;
    padding: 0 4px 5px 0;
    position: absolute;
    width: 18px;
    cursor: pointer;
}

#mBodyFade {
    background: none repeat #000000;
    display: none;
    left: 0;
	filter: alpha(opacity=50);
    opacity: 0.5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 9;
}
.video_icon_details {
    display: none;
}

.mhLightBox {
    background:none repeat center center #000000;
    display: none;
    height: 536px;    
    position: fixed;
    top: 100px;
    width: 735px;
    z-index: 999;
    border: 1px solid #E1E1E1;
    padding: 9px;
    left: 50%;
    margin-left: -365px;
    margin-top: -260px;
    top: 50%;
}

.mhLightBox .closeBtn {
	background:rgb(0, 0, 0) url("/images/video/close.png") no-repeat;
    background:rgba(0, 0, 0, 0) url("/images/video/close.png") no-repeat;
    height: 30px;
    position: absolute;
    right: 15px;
    text-indent: -999em;
    top: 15px;
    width: 30px;
    z-index: 100000;    
}

.ios-play-prompt {
    display: none;
}
.video_meta_data{
    color: #FFFFFF;
    margin-bottom: 20px;
    padding: 0 14px 11px;
    position: relative;
    width: 730px;
}

.video_meta_data > h2 {
    font-family: arial;
    font-size: 16px;
	font-weight:bold;
    position: absolute;
    text-transform: uppercase;
	padding:0 0 5px 0;
    color: #fff;
}

.video_meta_data > h2 sup {
	font-size: 12px;
}

.video_meta_data > p {
    font-family: arial;
    font-size: 12px;
    padding: 29px 0;
    position: absolute;
    width: 70%;
	color:#ccc;
}

.more_videos_link {
	background:rgb(0, 0, 0) url("/images/video/more_videos.png") no-repeat;
    background:rgba(0, 0, 0, 0) url("/images/video/more_videos.png") no-repeat;
    display: block;
    float: right;
    height: 26px;
    margin: 80px 0 0 585px;
    position: absolute;
    width: 132px;
}

/* ----------------------------------------------------------------------------- *\
   CROSSBRAND VIDEO PLAYER
\* ----------------------------------------------------------------------------- */

.crossbrand-video-container {
    width: 715px;
    height: 400px;
    padding: 8px;
}

.crossbrand-video-player-container {
    position: relative;
    overflow: hidden;
}

.crossbrand-video-player-embed {
    position: absolute;
    left: 0;
    top: 0;
}

.crossbrand-video-endcard {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: #000;
    display: none;
}

.crossbrand-video-playlist li {
    cursor: pointer;
}

.mhLightBox .crossbrand-video-player-container > div {
    height: 400px !important;
    width: 715px !important;
}

.video_thumbnail {
    border-bottom: 1px solid #ccc;
    color: #EFEFEF;
    float: left;	
    padding: 0 0 10px;
    position: relative;
    margin-bottom: 15px;
}

.tab_image {
    cursor: pointer;
    float: right;
    position: relative;
    right: 10px;
}

.feature > p {
    border-bottom: 1px solid #ccc;
    padding-bottom: 10px;
}

.video_thumbnail > p {
    float: left;
    width: 50%;
}

.video_thumbnail > img {
    cursor: pointer;
    float: right;
    height: 136px;
    width: 237px;
    padding: 0 14px;
}

.video-title {
    cursor: pointer;
    font-size: 17px;
    padding: 6px 9px;
    position: absolute;
    width: 158px;
}

.video-title > p {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: inline;
    line-height: 23px;
    text-transform: uppercase;
}
.video-title  sup, .video-title  sub{
    color: #FFFFFF !important;
}

.video_meta_data h2  sup, .video-title h2 sub{
    color: #FFFFFF !important;
}
.video_meta_data h2  sup.tooltip{
	display:inline;
	margin-left:0;
	position:absolute;
}

.duration {
    bottom: 15px;
    color: #FFFFFF;
    float: right;
    font-family: opensansbold;
    font-size: 16px;
    position: absolute;
    right: 17px;
    cursor: pointer;
}

.player_icon {
	background:rgb(0, 0, 0) url('/images/video/player.png') no-repeat;
    background:rgba(0, 0, 0, 0) url('/images/video/player.png') no-repeat;
    bottom: 10px;
    cursor: pointer;
    float: left;
    height: 22px;
    left: 10px;
    position: absolute;
    width: 33px;
}

.sirius_xm_video_link{
    cursor: pointer;
}

.sirius_xm_traffic {
	background:rgb(0, 0, 0) url('/images/video/sirius_xm_traffix.png') no-repeat;
    background:rgba(0, 0, 0, 0) url('/images/video/sirius_xm_traffix.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 136px;
    width: 237px;
    position: relative;
}  

.sirius_xm_traffic > p {
    color: #FFFFFF;
    left: 84px;
    position: absolute;
    top: 64px;
}

.sirius_xm_traffic .tooltip {
    color: #FFFFFF !important;
}

.siri_eyes_free {
	background:rgb(0, 0, 0) url('/images/video/2016_Siri_Eyes_Free_Thumbnails_237x136_.png') no-repeat;
    background:rgba(0, 0, 0, 0) url('/images/video/2016_Siri_Eyes_Free_Thumbnails_237x136_.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 136px;
    width: 237px;
    position: relative;
} 

.siri_eyes_free .tooltip {
    color: #FFFFFF !important;
}

.vehicle_user_guide {
	background:rgb(0, 0, 0) url('/images/video/2016_VehicleUserGuide_Thumbnails_237x136_.png') no-repeat;
    background:rgba(0, 0, 0, 0) url('/images/video/2016_VehicleUserGuide_Thumbnails_237x136_.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 136px;
    width: 237px;
    position: relative;
} 

.vehicle_user_guide .tooltip {
    color: #FFFFFF !important;
}

.drag_and_drop {
	background:rgb(0, 0, 0) url('/images/video/2016_Drag_N_Drop_Thumbnails_237x136.png') no-repeat;
    background:rgba(0, 0, 0, 0) url('/images/video/2016_Drag_N_Drop_Thumbnails_237x136.png') no-repeat;
    cursor: pointer;
    display: block;
    height: 136px;
    width: 237px;
    position: relative;
} 

.drag_and_drop .tooltip {
    color: #FFFFFF !important;
}

#crossbrand-video-player-1-player{
    color:#FFFFFF !important;
}      
.carousel_div {
    float:left; padding:10px 0; width:250px
}
.carousel_div ul {
    list-style: none;
    padding: 0 70px;
    margin: 0;    
}
ul li.carousel_icon{
    background:url('/images/video/carousel_icon.png') no-repeat;
    background-position: 0 0;
    width: 16px;
    height: 16px;
    display: inline-block;    
    cursor: pointer;
} 
ul li.carousel_active{
    background:rgba(0, 0, 0, 0) url('/images/video/carousel_icon.png')  no-repeat;
    background-position: -22px 0px;
    width: 16px;
    height: 16px;
    display: inline-block;    
    cursor: pointer;
}

#home .teaserContainer {
	padding: 30px 30px 0;
}
#home .findSystems, #home .getSupport, #home .preSound {
	height: 235px;
	overflow: hidden;
}
#home .preSound a.more {
	z-index: 10;
}
div.pageTitleHeadLink sup#pageTitle{
    font-size:85%;
}