/* Styles for the accordion iframe */

body                            { font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 11px; margin: 0; overflow: hidden; }
.hide                           { display: none; }
.pptOnDisplay                   { display: inline; float: left; width: 480px; }



#main_div                       { overflow: hidden; width: 100%; }

/*Top bar - SlideShelf embeddable project*/
.topbar                         { background-color: #eee;
                                  border-radius: 3px 3px 0 0;
                                  border: 1px solid #ddd;
                                  -webkit-box-shadow: inset 0 1px 1px white;
                                  box-shadow: inset 0 1px 1px white;
                                  padding: 9px 5px;
                                  position: relative;
                                  text-align: center;
                                  width: 594px;
                                }
.topbar a, .embed-overlay-container a
                                { color: #555; text-decoration: none; }

.topbar a.embed-btn             { background-image: -webkit-linear-gradient(top, #FFFFFF, #D2D2D2);
                                  background-image: -moz-linear-gradient(top, #FFFFFF, #D2D2D2);
                                  background-image: -o-linear-gradient(top, #FFFFFF, #D2D2D2);
                                  background-image: -ms-linear-gradient(top, #FFFFFF, #D2D2D2);
                                  background-image: linear-gradient(top, #FFFFFF, #D2D2D2);
                                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#D2D2D2', GradientType=0);
                                  border: 1px solid #929292;
                                  border-radius: 3px;
                                  -webkit-box-shadow: inset 0 1px 1px #fff;
                                  box-shadow: inset 0 1px 1px #fff;
                                  color: #363636;
                                  padding: 3px 7px;
                                  position: absolute;
                                  right: 5px;
                                  top: 6px;
                                }
.topbar a.slideshelf-author     { font-size: 12px; font-weight: 700; }
.topbar a.slideshelf-author:hover
                                { border-bottom: 1px solid #777 }
/* Embed overlay */
.embed-overlay-container        {
                                  background: #000;
                                  color: white;
                                  font-size: 12px;
                                  height: 352px;
                                  left: 0;
                                  padding: 20px;
                                  position: absolute;
                                  top: 32px;
                                  width: 566px;
                                  z-index: 99;
                                }
ul.embed                        { margin: 0; padding: 0; }
ul.embed li                     { clear: both; list-style-type: none; margin-bottom: 30px; overflow: hidden; }
ul.embed label                  { display: block; margin-bottom: 10px; }

h2.embed-title                  { 
                                  border-bottom: 1px solid #363636;
                                  font-size: 18px;
                                  font-weight: 400;
                                  margin: 0;
                                  padding: 0 0 10px; 
                                }
p.choose-size-txt               { margin: 15px 0 10px; }
li.action-embed                 { padding: 0; }
a.embed-size                    { background: #a1a1a1; border: 1px solid #ebebeb; border-radius: 2px; color: #111; float: left; margin: 0 10px 0 0; padding: 13px 10px; }
a.embed-size.medium             { padding: 16px 13px; }
a.embed-size.large              { padding: 20px 16px; }
a.embed-size:hover,
a.embed-size-selected           { border-color: #ff7505; }

input.embed-code                { background: none repeat scroll 0 0 #2F2F2F;
                                  border: 1px dashed #959595;
                                  border-radius: 3px 3px 3px 3px;
                                  color: #9D9D9D;
                                  cursor: not-allowed;
                                  display: block;
                                  float: left;
                                  margin: 0 0 10px;
                                  padding: 7px 9px;
                                  width: 400px; 
                                }
a.copy-cta                      { background-color: #bababa;
                                  background-image: -webkit-linear-gradient(top , #FFFFFF, #BABABA);
                                  background-image: -moz-linear-gradient(top , #FFFFFF, #BABABA);
                                  background-image: -o-linear-gradient(top , #FFFFFF, #BABABA);
                                  background-image: -ms-linear-gradient(top , #FFFFFF, #BABABA);
                                  background-image: linear-gradient(top , #FFFFFF, #BABABA);
                                  background-repeat: no-repeat;
                                  border-radius: 3px;
                                  float: left;
                                  font-weight: 700;
                                  line-height: 1.4;
                                  margin: 0 0 0 8px;
                                  padding: 7px 21px;
                                  text-shadow: 0 1px 0 #FFFFFF; 
                                }
a.copy-cta:hover                { background-position: 0 -9px; }
span.copied-msg                 { background: none repeat scroll 0 0 #DFF0D8;
                                  border: 1px solid #468847;
                                  border-radius: 3px 3px 3px 3px;
                                  color: #468847;
                                  float: left;
                                  line-height: 1.5;
                                  margin: 0 0 0 2px;
                                  padding: 5px 9px;
                                }
a.cancel                        { background: #000;
                                  border-radius: 2px;
                                  border: 1px solid #BDBDBD;
                                  color: white;
                                  font-family: Arial, Verdana, sans-serif;
                                  font-size: 15px;
                                  height: 9px;
                                  line-height: 9px;
                                  padding: 3px;
                                  position: absolute;
                                  right: 20px;
                                  top: 24px;
                                  width: 9px;
                                }
a.cancel:hover                  { background: #A31A00; }

.moreRelated                    { height: 294px; list-style: none; margin: 0; outline: none; overflow-x: hidden; overflow-y: scroll;
                                  padding: 0; text-align: center; }

.moreRelated li a               { color: #079; display: block; margin: 4px auto 0; padding: 1px 7px; font-weight: 700; text-decoration: none; text-align: left; }
.moreRelated li a:hover         { color: #07A; }
.moreRelated li a span          { border: 1px solid #DDDCD7; float: left; height: 69px; margin: 3px 0; overflow: hidden; padding: 1px; width: 90px; }

.moreRelated li a.vidThumb span { display: table-cell; float: none; vertical-align: middle; background: #000; }

.moreRelated a.selected,
.moreRelated li a:hover span    { cursor: pointer; 
                                  text-decoration: none; 
                                }
.moreRelated li a:hover span    { border: 1px solid #07A; }

ul.moreRelated li a.selected span,
ul.moreRelated a.selected:hover span
                                {
                                  border: 1px solid #07A;
                                  -webkit-box-shadow: 0 0 3px #4CCAFF;
                                  box-shadow: 0 0 3px #4CCAFF;
                                }
.moreRelated li img.thumbnail   { border: 0; display: block; }

.pptTab,
.docTab,
.vidTab,
.infogrTab                      { background: #eee;
                                  border: 1px solid #ddd;
                                  border-width: 0 0 1px;
                                  color: #404040;
                                  display: block;
                                  font-weight: 700;
                                  line-height: 14px;
                                  overflow: hidden;
                                  padding: 5px 4px 4px 8px;
                                  text-decoration: none; }
                                  
.pptTab:hover,
.docTab:hover,
.vidTab:hover,
.infogrTab:hover                { color: #000; }

.pptTab span,
.docTab span,
.vidTab span,
.infogrTab span                 { float: left; }

.pptTab .accordionCount,
.docTab .accordionCount,
.vidTab .accordionCount,
.infogrTab .accordionCount      { float: right; opacity: .6; }



.related-tab                    { border: 1px solid #ddd;
                                  border-radius: 0 0 3px 0;
                                  border-width: 0 1px 1px 1px; 
                                  display: inline; 
                                  float:left; 
                                  height: 389px; 
                                  overflow: hidden;
                                  width: 124px;
                                }
.slideshowMetaData              { font-weight: 700; margin: 6px 0 0 2px; }
.slideshowMetaData a            { color: #07A; text-decoration: none; }
.slideshowMetaData .description { display: block; font-weight: 400; line-height: 1.35; opacity: .5; }
.slideshowMetaData .hits_count  { font-weight: 400; margin-left: 5px; opacity: .6; }

.playing                        { background: #fff; padding: 12px; }

.ctaNormal                      { background: #c7c7c7 url(../../../v2/images/cta_normal_cb-43219f88d8a31f31b07466bd73d68faef0b9e553.png) repeat-x; border: 1px solid #888; color: #333; cursor: pointer; 
                                  font-weight: 700; outline: 0; padding: 6px 12px; text-shadow: #FFF 1px 1px 1px; margin-bottom: 10px; width: 120px; }


.button {
        cursor: pointer;
        display: inline-block;
        background-color: #e6e6e6;
        background-repeat: no-repeat;
        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), color-stop(25%, #ffffff), to(#e6e6e6));
        background-image: -webkit-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: -moz-linear-gradient(top, #ffffff, #ffffff 25%, #e6e6e6);
        background-image: -ms-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: -o-linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        background-image: linear-gradient(#ffffff, #ffffff 25%, #e6e6e6);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
        padding: 5px 14px 6px;
        text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
        color: #333;
        line-height: normal;
        border: 1px solid #ccc;
        border-bottom-color: #bbb;
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;
        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
        -webkit-transition: 0.1s linear all;
        -moz-transition: 0.1s linear all;
        -ms-transition: 0.1s linear all;
        -o-transition: 0.1s linear all;
        transition: 0.1s linear all;
}
.button:hover {
        background-position: 0 -15px;
        color: #333;
        text-decoration: none;
}
.button:focus {
        outline: 1px dotted #666;
}

.ssIframeLoader {
        background: #ccc url(../../../images/ssplayer/loading_cb-1611705872.gif) no-repeat center;
        border-left: 1px solid #ddd;
        border-radius: 0 0 0 3px;
}

/* CSS Styles that are needed by jScrollPane for it to operate correctly. */

.jspContainer
{
  overflow: hidden;
  position: relative;
}

.jspPane
{
  position: absolute;
}

.jspPane li {
  overflow: hidden;
}

.jspPane li a {
  overflow: hidden;
}

.jspVerticalBar
{
  position: absolute;
  top: 0;
  right: 0;
  width: 10px;
  height: 100%;
  background: #cccccc;
}

.jspHorizontalBar
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red;
}

.jspVerticalBar *,
.jspHorizontalBar *
{
  margin: 0;
  padding: 0;
}

.jspCap
{
  display: none;
}

.jspHorizontalBar .jspCap
{
  float: left;
}

.jspTrack
{
  background: #CCC;
  position: relative;
}

.jspDrag
{
  background: #999999;
  position: relative;
  top: 0;
  left: 0;
  cursor: move;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-transition: background linear 0.2s, box-shadow linear 0.2s;
    -moz-transition: background linear 0.2s, box-shadow linear 0.2s;
    -ms-transition: background linear 0.2s, box-shadow linear 0.2s;
    -o-transition: background linear 0.2s, box-shadow linear 0.2s;
    transition: background linear 0.2s, box-shadow linear 0.2s;
}
.jspDrag:hover,
.jspDrag:focus {
    background: #7F7C79;
    -webkit-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
    -moz-box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
    box-shadow: inset 0 1px 3px rgba(255, 255, 255, 0.1);
}
.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag
{
  float: left;
  height: 100%;
}

.jspArrow
{
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
}

.jspArrow.jspDisabled
{
  cursor: default;
  background: #80808d;
}

.jspVerticalBar .jspArrow
{
  height: 16px;
}

.jspHorizontalBar .jspArrow
{
  width: 16px;
  float: left;
  height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
  outline: none;
}

.jspCorner
{
  background: #eeeef4;
  float: left;
  height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
  margin: 0 -3px 0 0;
}