/* 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: #E0E0E0;
                                  background-image: -webkit-linear-gradient(top, #F0F0F0, #D4D4D4 61%, #ADADAD);
                                  background-image: -moz-linear-gradient(top, #F0F0F0, #D4D4D4 61%, #ADADAD);
                                  background-image: -o-linear-gradient(top, #F0F0F0, #D4D4D4 61%, #ADADAD);
                                  background-image: -ms-linear-gradient(top, #F0F0F0, #D4D4D4 61%, #ADADAD);
                                  background-image: linear-gradient(top, #F0F0F0, #D4D4D4 61%, #ADADAD);
                                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F0F0F0', endColorstr='#ADADAD', GradientType=0);
                                  border-radius: 3px 3px 0 0;
                                  border: 1px solid #ACACAC;
                                  -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.slideshare-brand      { background: url('/images/ssplayer/ss-logo-slideshelf.png') left top no-repeat;
                                  display: block;
                                  float: left;
                                  height: 20px;
                                  left: 5px;
                                  position: absolute;
                                  text-indent: -9999px;
                                  top: 6px;
                                  width: 76px;
                                }
.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     { text-shadow: 0 1px 0 #fff; }
.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: #888888;
                                  border: 1px solid #A1A1A1;
                                  border-radius: 50% 50% 50% 50%;
                                  color: #FFFFFF;
                                  font-size: 15px;
                                  height: 10px;
                                  line-height: 6px;
                                  padding: 2px 3px;
                                  position: absolute;
                                  right: 20px;
                                  top: 24px;
                                  width: 8px;
                                }
a.cancel:hover                  { background: #707070; }

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

.moreRelated li a               { color: #079; display: block; margin: auto 0; overflow: hidden; padding: 3px 6px; 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; overflow: hidden; padding: 1px; width: 90px; }

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

.moreRelated a.selected,
.moreRelated a.selected:hover span,
.moreRelated li a:hover span    { border: 1px solid #AAA; cursor: pointer; text-decoration: none;
                                  -webkit-box-shadow: 0 1px 3px rgba(255, 225, 225, 0.7);
                                  -moz-box-shadow: 0 1px 3px rgba(255, 225, 225, 0.7);
                                  box-shadow: 0 1px 3px rgba(255, 225, 225, 0.7); }

.moreRelated li img.thumbnail   { display: block; min-height: 69px; }

.pptTab,
.docTab,
.vidTab                         { background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#EEEEEE), color-stop(12%, #EEEEEE), to(#999999));
                                  background-image: -webkit-linear-gradient(#EEEEEE, #EEEEEE 12%, #999999);
                                  background-image: -moz-linear-gradient(top, #EEEEEE, #EEEEEE 12%, #999999);
                                  background-image: -ms-linear-gradient(#EEEEEE, #EEEEEE 12%, #999999);
                                  background-image: -o-linear-gradient(#EEEEEE, #EEEEEE 25%, #999999);
                                  background-image: linear-gradient(#EEEEEE, #EEEEEE 25%, #999999);
                                  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#EEEEEE', endColorstr='#999999', GradientType=0);
                                  border: 1px solid #c7c7c7; border-width: 0 0 1px; color: #404040; display: block; 
                                  font-weight: 700; overflow: hidden;
                                  padding: 5px 4px 4px 8px; text-decoration: none; }
                                  
.pptTab:hover,
.docTab:hover,
.vidTab:hover                   { color: #000; }

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

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



.related-tab                    { border: 1px solid #AAA; 
                                  border-width: 1px 1px 1px 0; 
                                  display: inline; 
                                  float:left; 
                                  height: 388px; 
                                  overflow: hidden;
                                  width: 125px;
                                }
.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(../images/cta_normal.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.gif') no-repeat center;
}