@charset "utf-8";
/*  Reset
-------------------------------------------------- */
div#ContentsLayout.SingleNarrow div#MainContentBody .Section:first-child{
padding-bottom: 0;
}
div#ContentsLayout.SingleWide div#MainContentBody{
padding: 50px 0 0;
}
div#MainContent #XgVd ul,
div#MainContent #XgVd li{
margin:0;
padding:0;
background:none;
}
#XgVd{
width: 720px;
margin: 0 auto;
}
/*  Hdg
-------------------------------------------------- */
div#PageTitle h1{
font-size: 2.5em;
}
div#MainContent h2.NormalHeading{
text-transform: none;
}
#XgVd .Hdg2Ty01{
display: table;
position: relative;
width: 100%;
margin: 0 0 20px;
background: linear-gradient(#f5f6f7 0%, #dedfe0 100%) #f5f6f7;
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f7', endColorstr='#dedfe0',GradientType=0 );
}
#XgVd .Hdg2Ty01 .Inner{
display: table-cell;
width: 100%;
height: 140px;
max-height: 198px;
padding: 28px;
box-sizing: border-box;
background: url(../../../img/support/user_xg_video_bg_01.png) no-repeat right bottom;
vertical-align: middle;
}
#XgVd .Hdg2Ty01 .Hdg{
display: block;
max-width: 312px;
font-size: 2.32em;
}
div#MainContent #XgVd .VideoList + .NormalHeading{
margin-top: 28px;
}
/*  TabLink
-------------------------------------------------- */
div#MainContent #XgVd .TabLink{
margin: 0 0 25px;
letter-spacing: -1em;
}
div#MainContent #XgVd .TabLink li{
display: inline-block;
width: 89px;
border-right: 1px solid #cacaca;
letter-spacing: normal;
}
div#MainContent #XgVd .TabLink li:first-child{
width: 88px;
border-left: 1px solid #cacaca;
}
div#MainContent #XgVd .TabLink li a{
display: table;
position: relative;
width: 100%;
height: 100%;
background: #e8e8e8;
font-size: 1.08333em;
text-align: center;
}
div#MainContent #XgVd .TabLink li a:before{
display: block;
position: absolute;
bottom: 50%;
left: 0;
width: 6px;
height: 8px;
margin-bottom: -4px;
background: url(../../../img/support/cvx-training_videos_ico_02.png);
content: "";
}
div#MainContent #XgVd .TabLink li a:link,
div#MainContent #XgVd .TabLink li a:visited,
div#MainContent #XgVd .TabLink li a:hover,
div#MainContent #XgVd .TabLink li a:focus,
div#MainContent #XgVd .TabLink li a:active{
color: #333;
font-weight: bold;
text-decoration: none;
}
div#MainContent #XgVd .TabLink li a .Inner{
display: table-cell;
position: relative;
max-width: 179px;
height: 100%;
padding: 6px 6px 8px;
vertical-align: middle;
}
div#MainContent #XgVd .TabLink li a .Inner .Txt{
display: inline-block;
text-align: left;
}
div#MainContent #XgVd .TabLink li:first-child a .Inner{
max-width: 178px;
}
div#MainContent #XgVd .TabLink .Current a {
background: #fff;
}
div#MainContent #XgVd .TabLink .Current a:before{
display: block;
position: absolute;
bottom: 5px;
left: 50%;
width: 8px;
height: 6px;
margin-left: -3px;
background: url(../../../img/support/cvx-training_videos_ico_03.png);
content: "";
}
div#MainContent #XgVd .TabLink .Current a .Inner{
border-top: 2px solid #e60012;
}
/*  VideoList
-------------------------------------------------- */
div#MainContent #XgVd .VideoList{
margin: 0 -40px 0 0;
letter-spacing: -1em;
}
div#MainContent #XgVd .VideoList li{
display: inline-block;
width: 220px;
margin: 0 30px 20px 0;
background: #faf7ed;
letter-spacing: 0;
vertical-align: top;
}
div#MainContent #XgVd .VideoList li a{
display: block;
height: 100%;
padding: 15px;
box-sizing: border-box;
color: #333;
font-size: 1.16em;
}
div#MainContent #XgVd .VideoList li a:link,
div#MainContent #XgVd .VideoList li a:hover,
div#MainContent #XgVd .VideoList li a:focus,
div#MainContent #XgVd .VideoList li a:active{
text-decoration: none;
}
#XgVd .VideoList li a .Hdg{
display: block;
margin: 6px 0 0px;
font-size: 1.16em;
font-weight: bold;
}
#XgVd .VideoList li a .Sub{
display: block;
font-size: 0.81em;
}