/* overrides */
body#resources div#mainWrap { width: 938px !important; }
body#resources .noshadowPodWrap { margin-bottom: 45px; }
  .noshadowPodWrap td { vertical-align: top; }

/* inconsistent!
body#resources .noshadowPodTitle { padding: 12px 15px 9px 20px; } */


/* general */
.resrcWrap a { display: block; cursor: pointer; }
  .resrcWrap a span { display: block; }
    .resrcWrap a span.chevron { display: inline; }
  .resrcWrap a span.resrcTitle { padding: 7px 0; font: 14px/15px Arial, sans-serif; font-weight: bold; color: #000; }
    .resrcWrap a:hover span.resrcTitle { color: #b00; }
  .resrcWrap a span.resrcDesc { color: #000; }



/* courses */
body#resources .noshadowPodWrap#courses { margin-top: 30px; }
body#resources #courses .noshadowPodContent { padding: 25px 0 35px 40px; }
#courses td.resrcSpacer { width: 43px; }
#courses td.resrcWrap { width: 275px; }
  #courses td.resrcWrap.last { width: 260px; }

  /* video thumb */
  #courses .resrcWrap a span.videothumb { position: relative; width: 221px; height: 120px; background: #bbb; }
    #courses .resrcWrap a span.videothumb img { position: absolute; top: 1px; left: 1px; }
    #courses .resrcWrap a:hover span.videothumb { background: #d3d3d3; box-shadow: 0px 2px 4px rgba(0, 0, 0, .4); }
  #courses .resrcWrap a img.thumb-on { display: none; }
    #courses .resrcWrap a:hover img.thumb-on { display: block; }
    #courses .resrcWrap a:hover img.thumb-off { display: none; }

  /* title/desc */
  #courses .resrcWrap a span.resrcTitle { padding: 12px 0 7px; }
  #courses .resrcWrap a span.resrcDesc { padding-bottom: 7px; }
    #courses .resrcWrap a span.resrcDesc.short { width: 200px; }

  /* play etc */
  #courses .resrcWrap a span.play { display: inline; float: left; height: 19px; padding-left: 32px; background: url('/system-modeler/img/features-icon-video_off.png') no-repeat; font-size: 11px; line-height: 19px; color: #5e5e5e; }
    #courses .resrcWrap a:hover span.play { background: url('/system-modeler/img/features-icon-video_on.png') no-repeat; }
  #courses .resrcWrap a span.moredetails { display: inline; }



/* learn */
body#resources #learn .noshadowPodContent { padding: 33px 0 30px }
#learn td.resrcWrap#docs { width: 360px; background: url('/system-modeler/resources/img/bg-learn.png') no-repeat; }
  td.resrcWrap#docs span.resrcTitle { padding: 160px 0 7px 40px; }
  td.resrcWrap#docs span.resrcDesc { display: block; padding: 0 40px; }
#learn td.resrcSpacer { width: 73px; }
#learn td.resrcWrap#books { }
  td.resrcWrap#books div { width: 400px; }
    td.resrcWrap#books div#modelicabook { padding-top: 33px; background: url('/system-modeler/resources/img/icon-book.png') no-repeat 0 35px; }
      div#modelicabook span.resrcTitle { padding: 0 0 7px 106px; }
      div#modelicabook span.resrcDesc { display: block; padding: 0 40px 0 106px; }
    td.resrcWrap#books div#solutions { padding-top: 20px; background: url('/system-modeler/resources/img/icon-solutions.png') no-repeat 0 20px; }
      div#solutions span.resrcTitle { padding: 4px 0 7px 106px; }
      div#solutions span.resrcDesc { display: block; padding: 0 0 0 106px; }



/* help */
body#resources #help .noshadowPodContent { padding: 37px 0 30px 40px; }
#help td.resrcWrap span.resrcTitle { padding-top: 10px; }
#help td.resrcWrap span.resrcDesc { padding: 0; }

#help td.resrcWrap#support { width: 298px; }
    td.resrcWrap#support a { background: url('/system-modeler/resources/img/thumb-support.png') no-repeat; }
    td.resrcWrap#support span.resrcTitle, td.resrcWrap#support span.resrcDesc { padding-right: 43px; }
#help td.resrcWrap#premierservice { width: 278px; }
    td.resrcWrap#premierservice a { background: url('/system-modeler/resources/img/thumb-service.png') no-repeat;  }
    td.resrcWrap#premierservice span.resrcTitle, td.resrcWrap#premierservice span.resrcDesc { padding-left: 14px; padding-right: 23px;}
#help td.resrcWrap#consulting { width: 290px; }
    td.resrcWrap#consulting a { background: url('/system-modeler/resources/img/thumb-consulting.png') no-repeat 7px 0; }
    td.resrcWrap#consulting span.resrcTitle, td.resrcWrap#consulting span.resrcDesc { padding-left: 23px; }