@charset "UTF-8";
/* global styles */

h1#wwd a, h3#wwd a {
    width:300px;
}
h1#wwd span {
    background-position:0 -1145px;
}
#topsubnav #topsubnav2 a {
    color:#32CCFE;
}
#content-container {
    background:none;
}
#wwdVideoHeader, #pageContainer {
    background-color:#000;
}
#pageContainer {
    color: #ccc;
    border-top: #666 1px solid;
    height:709px;
}
#navsearch {
    display:none;
}

a:link, a:visited, a:hover {
    color: #2f92cf;
    text-decoration: none;
}
#wwdVideoSearchResults #closeBox {
    text-align: right;
    float: left;
    width: 950px;
    margin-right: 10px;
    height: 20px;
    margin-top: 5px;
    margin-bottom: 5px;
}

a img { border:0 none; }

a:link.launch, a:visited.launch,
a:link.watch, a:visited.watch,
a:link.print, a:visited.print,
a:link.clipfile, a:visited.clipfile,
a:link.send, a:visited.send,
a:link.comment, a:visited.comment,
a:link.pdf, a:visited.pdf,
a:link.story, a:visited.story {
    text-transform:uppercase;
    color:#333333;
    background: url(http://media.wwd.com/images/icons/launchslideshow.gif) top left no-repeat;
    padding: 1px 3px 2px 21px;
    height:12px;
}

a:link.pdf, a:visited.pdf {
    text-transform:none;
    padding: 1px 3px 5px 26px;
}

a:hover.launch,
a:hover.watch,
a:hover.print,
a:hover.clipfile,
a:hover.send,
a:hover.comment,
a:hover.pdf {
    color: #2f92cf;
}

a:link.watch, a:visited.watch {
    background: url(http://media.wwd.com/images/icons/watchvideo.gif) top left no-repeat;
}

a:link.print, a:visited.print {
    background: url(http://media.wwd.com/images/icons/print.gif) top left no-repeat;
}

a:link.clipfile, a:visited.clipfile {
    background: url(http://media.wwd.com/images/icons/clipfile.gif) 0px 0px no-repeat;
}

a:link.removefile, a:visited.removefile {
    background: url(http://media.wwd.com/images/icons/clipfile.gif) 0px -15px no-repeat;
}

a:link.send, a:visited.send {
    background: url(http://media.wwd.com/images/icons/send-to-a-friend.gif) top left no-repeat;
}

a:link.comment, a:visited.comment {
    background: url(/images/processed/wwd/comment_color.gif) top left no-repeat;
    margin:-5px 0 5px 20px;
    color:#2F92CF;
    text-transform:none;
}
a:link.pdf, a:visited.pdf {
    background: url(http://media.wwd.com/images/icons/pdf.gif) top left no-repeat;
}
#content-header a:link.pdf, #content-header a:visited.pdf {
    background: url(/images/processed/wwd/pdf_mono.gif) top left no-repeat;
}
#toolbox a:link.rss, #toolbox a:visited.rss {
    background: url(/images/processed/wwd/rss_mono.gif) top left no-repeat;
}
a:link.story, a:visited.story {
    background: url(http://media.wwd.com/images/icons/story.gif) top left no-repeat;
}

h1 {
    font-size: 2em;
    margin: 0px;
    padding: 0px;
}

.videoDescriptionP {
font-size: 100%;
}

h2, h3 {
    font-family:arial, helvetica, sans-serif;
    font-weight:normal;
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}
h1 span, h2 span, h3 span, h4 span {
    display: none;
}

h5 {
    text-transform: uppercase;
    display: block;
    font-size: 1em;
        margin: 0px;
    padding: 0px;

}

.clearer {
    clear: both;
    height: 0;
}

/* END global styles */

/* Header styles */

h1#wwdVideo{
    width:250px;
    height:52px;
    border-left:14px solid #000;
    float:left;
    margin-bottom:14.5px;
    position:relative;
    overflow:hidden;
    font-size:9px;
    margin-top: 14.5px;
}

#topSponsorLogo{
    width:125px;
    height:52px;
    float:left;
    margin-top: 14.5px;
    margin-bottom:14.5px;
}

h1#wwdVideo a{
    width:250px;
    height:52px;
    float:left;
    margin-bottom:10px;
    position:relative;
    overflow:hidden;
    display:block;
    position:absolute;
    top:0px;
    cursor:pointer;
    font-size:9px;
}

h1#wwdVideo span{
    display:block;
    position:absolute;
    width:100%;
    height:100%;
    background-image: url(/images/wwd-video/wwdVideoLogo2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
}

/* END Header styles */

/* Top Search styles */
#vidsearch{
    overflow:hidden;
    float: right;
    height: 28px;
    width: 285px;
    margin-top: 26.5px;
    margin-bottom: 26.5px;
    background-image: url(/images/wwd-video/vidsearch.gif);
    background-repeat: no-repeat;
    background-position: left top;
    margin-right: 15px;
}

#vidsearch input {
    width:198px;
    /*margin:7px -12px 0pt 29px;*/
    background:#ffffff;
    border:none;
    float:left;
    color:#717171;
    font-size:1.3em;
    margin-left: 40px;
    margin-right: 10px;
    height: 16px;
    margin-top: 6px;
    margin-bottom: 6px;
}
#vidsearch a{
    float:left;
    background-image: url(/images/wwd-video/vidsearch_button.gif);
    background-repeat: no-repeat;
    background-position: left top;
    display: block;
    height: 28px;
    width: 31px;
    margin: 0;
}

/* END Top Search styles */

/* Upcoming Tab styles */
UL.tabNavigation {
    list-style: none;
    margin: 0;
    padding: 0;
}

UL.tabNavigation LI {
    display: inline;
}

UL.tabNavigation LI A {
    padding: 3px 5px;
    background-color: #4d4d4d;
    border: 1px solid #4d4d4d;
    color: #fff;
    text-decoration: none;
}

UL.tabNavigation LI A.selected {
    background-color: #000;
    color: #fff;
    font-style: italic;
    font-weight: bold;
}

UL.tabNavigation LI A:hover {
    background-color: #666;
    color: #fff;
}

div.tabs > div {
    padding: 5px;
    margin-top: 3px;
    border: 1px solid #4d4d4d;
}

div.tabs > div h2 {
    margin-top: 0;
}

#first {
    background-color: #000;
}

#second {
    background-color: #000;
}
/* END Upcoming Tab styles */

#wwdVideoUpcoming .videoList {
    width: 288px;
    list-style-type: none;
    height: 258px;
    overflow: auto;
}
#wwdVideoUpcoming .videoThumbnail {
    float: left;
    margin-top: 3px;
    margin-bottom: 3px;
    margin-right: 12px;
    margin-left: 3px;
    border: 2px solid #000000;
    width: 98px;
}
#pageContainer #wwdVideoUpcoming .playing {
    background-color: #333333;
}
#pageContainer #wwdVideoUpcoming .playing .videoThumbnail {
    border: 2px solid #118EBE;
}
#wwdVideoUpcoming .videoList li {
    width: 265px;
    border: 1px solid #4D4D4D;
    height: 80px;
    margin-bottom: 5px;
}
#wwdVideoUpcoming .videoList li:hover {
    background: #4D4D4D;
}

/* END Footer styles */
#topNavContainer {
    width: 960px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  text-align: left;

}
#leaderBoard {
    width: 960px;
    height: 90px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
  text-align: left;

}
#topleft728ad {
    width: 728px;
    height: 90px;
    float: left;
}
#toprightsubscribe {
    width: 232px;
    height: 90px;
    float: left;
}
#wwdVideoHeader {
    height: 81px;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
  text-align: left;

}
#wwdVideoSearchResults {
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    display: none;
    overflow: hidden;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #4d4d4d;
  text-align: left;
    background-color:#222;
}

#navigation {
    float: left;
    width: 99px;
    background: #000;
    font-family:arial, helvetica, sans-serif;
    text-transform: uppercase;
    color: #FFFFFF;
    font-size: 1.0em;
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #4D4D4D;
 margin: 0;
 padding: 0;
 height: 709px;
}

#navigation li, ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

#navigation li a {
    display: block;
    color: #fff;
    text-decoration: none;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #4d4d4d;
    padding:  6px 4px 6px 7px;
    margin: 0;
}

#navigation li a:hover {
 background-color: #333333;
}

#navroot > li > a {
    background: #000;
}

.navchild li a {
    background: #555;
    text-transform: capitalize;
    font-size: 1em;
}

.navgrandchild li a {
    background: #888;
    text-transform: capitalize;
    font-size: 1em;
}
.navgreatgrandchild li a {
    background: #888;
    text-transform: capitalize;
    font-size: 1em;
}


#wwdVideoBottomFeatured {
    height: 125px;
    width: 508px;
    margin-bottom: 14px;
    margin-left: 14px;
    padding: 0;
}
#wwdVideoContainer {
    float: left;
    height: 400px;
    width: 532px;
    margin-top: 14px;
    margin-left: 7px;
    margin-right: 7px;
}
#wwdVideoContainer2 {
    float: left;
    height: 400px;
    width: 532px;
    margin-left: 7px;
    margin-right: 7px;
}
#wwdVideoUpcoming {
    width: 300px;
    margin-right: 14px;
    float: left;
    height: 300px;
    margin-top: 14px;
}
#videoBox {
    float: left;
    height: 400px;
    width: 532px;
}
#videoBox2 {
    float: left;
    height: 400px;
    width: 844px;
}
#wwdVideoBottomFeaturedHeader {
    float: left;
    height: 10px;
    width: 508px;
}
#wwdVideoBottomFeaturedHeader h5{
    float: left;
    height: 10px;

    line-height: 10px;
    text-transform: uppercase;
}
#wwdVideoBottomFeaturedHeader .back{
    float: left;
    line-height: 10px;
    text-transform: uppercase;
}
#wwdVideoBottomFeaturedHeader .next{
    float: left;
    line-height: 10px;
    text-transform: uppercase;
}
#wwdVideoUpcoming {
    font-family:arial, helvetica, sans-serif;
}
#wwdVideoUpcoming .listVideoTitle {
    margin-top: 10px;
    font-size: 1.5em;
    color: #fff;
    font-family:arial, helvetica, sans-serif;
}

#wwdVideoUpcoming p {
    font-size: 1em;
    color: #fff;
}

/* carousel code */



#wwdVideoBottomFeatured ul a img {
    margin-bottom: 5px;
}

#wwdVideoBottomFeatured ul {
  list-style: none;
  margin:0;
  padding:0;
  float: left;
  width: 508px;
  height: 120px;
}

#wwdVideoBottomFeatured ul li {
    float: left;
    width: 90px;
    height: 115px;
    padding-left: 5px;
    padding-right: 5px;
    padding-top: 5px;
    margin-right: 0px;
    margin-left: 0px;
    margin-top: 10px;
}

#wwdVideoBottomFeatured ul li:hover {
    background-color: #333333;
    color: #FFFFFF;
}

.featuredBottomH3 {
    display: block;
    width: 90px;
    font-size:1.1em;
}

.featuredBottomP {
    display: block;
    float: left;
    font-size: xx-small;
}

#wwdVideoBottomFeatured ul li a img {
  display:block;
}

.infiniteCarousel .arrow {
  display: block;
  height: 56px;
  width: 56px;
  text-indent: -999px;
  position: absolute;
  top: 25px;
  cursor: pointer;
  opacity:0.5;
}

.infiniteCarousel .forward {
  background: url(http://www.wwd.com/images/buttons/paginator-next.png) no-repeat 0 0;
  right: 0;
}

.infiniteCarousel .back {
  background: url(http://www.wwd.com/images/buttons/paginator-back.png) no-repeat 0 0;
  left: 0;
}

.infiniteCarousel .forward:hover {
  opacity:1;
}

.infiniteCarousel .back:hover {
  opacity:1;
}
#myExperience {
    border-top-width: 0px;
    border-right-width: 0px;
    border-bottom-width: 0px;
    border-left-width: 0px;
    background-color: #000000;
}

#search-articles {
    position:absolute;
    left:662px;
    top:131px;
    width:296px;
    height:27px;
    background: url(http://media.wwd.com/images/backgrounds/search-articles.gif) top left no-repeat;
    float:left;
}
#search-articles input {
    width:230px;
    margin:7px 0 0 34px;
    background:#363435;
    border:none;
    float:left;
    display:inline;
    color:#818181;
}
#search-articles a {
    display:block;
    margin:0 0 0 3px;
    width:29px;
    height:27px;
    float:left;
    display:inline;
}
/* END header styles */
#wwdVideoRightAd {
    float: left;
    height: 250px;
    width: 300px;
    margin-left: 9px;
    margin-top: 14px;
}
#videoDescription {
    height: 125px;
    width: 508px;
    margin-left: 14px;
    padding: 0;
    margin-top: 11px;
}

#videoDescription h1 {
    color:#eee;
    margin-bottom:2px;
}

#videoDescription p {
    color:#777;
    font-size:1.2em;
    line-height:1.4em;
    margin-top:0;
}

#videoDescription h5 {
    width: 498px;
    color:#555;
    margin-bottom:2px;
}
#wwdUnderVideoContainer {
    float: left;
    width: 536px;
    height: 278px;
}
#searchResults {
    float: left;
    width: 910px;
    margin-left: 25px;
        margin-right: 25px;
}
#wwdVideoSearchResults #displayTotalResults {
    float: left;
    height: 20px;
    width: 150px;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-right: 10px;
    font-weight: bolder;
    text-transform: uppercase;
    text-align: right;
}
#wwdVideoSearchResults #searchResults h5 {
    font-size: x-small;
    margin-top: 10px;
    margin-bottom: 10px;
}
#searchResults li {
    display: block;
    float: left;
    width: 120px;
    height: 150px;
    margin-top: 2px;
    margin-right: 2px;
    margin-bottom: 20px;
    margin-left: 2px;
    padding-top: 3px;
    padding-right: 3px;
    padding-bottom: 3px;
    padding-left: 3px;
}

#searchResults li:hover {
    color: #FFFFFF;
    background-color: #333333;
}
#searchResults img {
    border: 1px solid #333333;
}
#searchResults img:hover {
    border: 1px solid #ffffff;
}

.searchResultH3 {
    font-size: 100%;
    width: 110px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-weight: bolder;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.searchResultP {
    width: 110px;
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-style: italic;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
.truncate_less {
    float: left;
    padding-right: 5px;
    padding-left: 5px;
    font-style: italic;
    margin: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
}
#wwdVideoSearchResults h1 {
    color:#fff;
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    float: left;
    height: 20px;
    width: 790px;
}
#es_traceContainer { display: none; visibility: hidden; width: 100px; }