Health

/*do not change*/

#grabwrapper {

position: relative;

}

/*gives background color to div that surrounds player and details*/

div#grab-vcl-experience-spotlight-container {

margin: 0;

width: auto !important;;

padding: 0px;

}

/*margins and width can change*/

#grab-vcl-experience-bizcoachinfo_jb_health {

margin: 0 auto !important;

position: relative;

width: auto;

}

/* Player Column */

/*margins can change*/

div#grab-vcl-experience-spotlight-container span#grab-vcl-video-spotlight-col-a {

display: inline-block;

margin: 0px !important;

position: relative;

}

/*changes the size of the player and it’s container. Must change GUID and PLAYER-ID to match jukebox*/

div#vcl-player-window-bizcoachinfo_jb_health div:first-child, object#bizcoachinfo-player {

height: 338px !important;

width: 600px !important;

}

/*change the GUID only*/

#bizcoachinfo_jb_health-playersourceLogo {

display: none;

}

span#grab-vcl-video-spotlight-col-a {

padding: 0px;

}

/*can be used if video details is be visually separate from video player*/

span#grab-vcl-video-spotlight-col-b {

margin: 0 !important;

}

/* positioning of details*/

div#grab-vcl-video-spotlight-col-b-block {

height: 110px;

margin: 0px;

max-height: 110px;

overflow: hidden;

position: absolute;

width: 600px !important;

}

/* styling of details heading*/

#grab-vcl-video-spotlight-heading {

color: #000;

font-family: Arial,Tahoma,Verdana;

font-size: 22px !important;

font-weight: normal;

line-height: 24px;

}

/* styling of details date*/

div#grab-vcl-video-spotlight-pubdate {

color: #000;

font-size: 11px !important;

font-weight: normal;

line-height: 20px;

margin: 0 !important;

}

/* styling of details summary*/

div#grab-vcl-video-spotlight-summary {

color: #000;

font-size: 12px; !important;

font-weight: normal !important;

line-height: 1.4em !important;

margin: 3px 0 !important;

/* max-height: 215px !important;

overflow: hidden !important;*/

}

/* play list section */

/*make the container larger than the containing area to allow for correct wrapping af playlist-container*/

div#grab-vcl-experience-filmstrips-container {

width: 600px !important;

margin-top: 10px;

}

/*leaves space for companion ad in the module layout. Margin-left can be adjusted but should not go below 305*/

span#vcl-list-container-0 {

margin-left: 0px !important;

}

span#vcl-list-container-2{

margin-left: 0px !important;

}

/*this is the div that allows us to serve ads to the page. it should be positioned to the left of the first module. “top” and “left” needs to be adjusted*/

#grab_networks_parade_com_companion_300x250 {

left: 620px !important;

top: 301px !important;

z-index: 99;

}

#grabBtn { cursor: pointer; }

/*adjust the style, size, and color of each module. margin-right adjusts the space between collumns*/

span.vcl-grab-playlist-container {

display: inline-block;

height: auto;

margin: 0 0 14px 0 !important;

min-height: 300px;

overflow: hidden;

position: relative;

width: 600px !important;

}

/*adjust the style and color of each module head*/

div.vcl-grab-playlist-heading-container h3 {

border-bottom: 1px double #C0C0C0;

color: #000 !important;

font-family: Arial,Tahoma,Verdana;

font-size: 14px !important;

font-weight: bold;

margin: 0 !important;

padding: 3px 0 !important;

}

/*wraps the playlist container content and normally shouldn’t change*/

span.vcl-grab-playlist-container div.vcl-list-block {

width: 100% !important;

}

/*wraps the image, title and summary. */

div.list-item {

height: 85px !important;

margin-bottom: 10px;

min-height: 85px !important;

width: 600px !important;

}

/*”div:first-child”rule allows for the first image to be larger if needed.*/

div.list-item img, span.vcl-grab-playlist-container div.vcl-list-view div:first-child img {

height: 68px !important;

width: 115px !important;

margin: 10px 10px 10px 0 !important;

}

/* adjusts the style and size of playlist title. should be adjusted so only 3 lines show*/

div.list-item-title {

color: #2255AA;

float: left;

font-family: Arial,Tahoma,Verdana;

font-size: 14px;

font-weight: normal;

left: 0 !important;

line-height: 17px !important;

margin-right: 0px !important;

max-height: 38px !important;

overflow: hidden !important;

position: relative !important;

width: 470px !important;

}

/* adjusts the style and width and max-height of playlist summary.*/

div.list-item-summary {

color: #333 !important;

display: block !important;

float: left;

font-size: 12px !important;

font-weight: normal !important;

line-height: 15px !important;

margin: 10px 0 0 !important;

max-height: 49px;

overflow: hidden !important;

width: 470px !important;

}