@charset "UTF-8";
/* 
USC Shoah Foundation Institute (Beta)
Version: Revamp
Author: sean sean tan (seanx2@gmail.com)
*/

#landing-feature { margin: 0 30px; }
#watch-testimonies { margin: 0 0 50px 32px; }
/*#watch-testimonies h1, #landing-feature h1 { text-indent: 100%; white-space: nowrap; overflow: hidden; width: 300px; height: 100px; background: url(../../images/usc-iwitness-logo-beta.png) left top no-repeat; margin: 0 0 50px; }*/
#landing-feature h1 { margin: 0 0 25px 20px; }

/*
=======================================
       NEW LANDING (HOME) PAGE
=======================================
*/

#landing-feature .ear { width: 180px; height: 70px; position: absolute; top: 75px; right: 0; background: url(../../images/latestNewPost.png) left top no-repeat; padding: 20px 27px 0 95px; }
#landing-feature .ear h2 { color: #dca127; font: normal 14px/1.1 georgia, times, serif; padding: 0 0 5px; }
#landing-feature .ear p { color: #444; }
#landing-feature .ear .wrapper{ position: absolute;top: 16px; left: 12px;width: 65px;height: 65px; }
#landing-feature .ear .wrapper img{ position: absolute;max-height: 100%;max-width: 100%;margin: auto;top: 0;left: 0; bottom: 0;right: 0; }

#featurette { width: 936px; height: 386px; background: #560202 url(../../images/featurette-bg.png) left top repeat-x; position: relative;color: #fff; }
#featurette { margin-top: 18px;}
#featurette h3 { font: normal 24px/1 georgia, times, serif; color: #fbc149; padding: 0 0 25px;line-height: 1.2em; }
#featurette h4 { font: normal 18px/1 georgia, times, serif; color: #fff; padding: 20px 0 0; }
#featurette h5 { font: normal 14px/1 georgia, times, serif; color: #fff; padding: 20px 0 0;line-height: 1.3em; }
#featurette p { color: #fff;}
#featurette p.button { padding: 25px 0 0 0;}
#featurette .video-player { float: right; width: 472px; min-height: 277px; margin: 0 0 0 25px; }
#featurette .image { float: right; max-width: 472px;min-width: 400px; min-height: 277px;max-height: 300px; margin: 0 0 0 25px;text-align: center;vertical-align: middle;display: inherit;}
#featurette .image img {max-width: 472px;max-height: 300px;margin: auto;}

#landing-feature + .clearfix { margin: 30px 0 0 48px; }
.do-things { width: 280px; margin: 0 25px 30px 0; float: left; }
.do-things h1 { color: #dca127; font: normal 24px/1 georgia, times, serif; padding: 0 0 25px; }
.do-things h2 { color: #444; font-weight: bold; font-size: 14px; padding: 0 0 10px; }
.do-things p { color: #444; padding: 0 0 10px; }
.do-things p a { color: #900; font-weight: bold; }
.do-things .clips, .do-things .activities { padding: 0 0 15px; }
.do-things .clips li,.do-things .activities li { display: inline-block; margin: 0 4px 0 0; zoom: 1;vertical-align: top; }
.do-things .activities li a, .do-things .clips li a{ width: 86px; height: 60px;display: inline-block; vertical-align: top;text-align: center;}
.do-things .clips li a img { max-width: 100%;height: 60px; }
.do-things .activities li a img{ max-width: 100%;max-height: 60px; }
#secShare >  p { height: 75px;padding: 0;}

.ie7 .do-things .clips li { display: inline; margin: 0 8px 0 0; }

/*
=======================================
       WATCH TESTIMONIES PAGE
=======================================
*/
#watch-testimonies a { color: #990000; }
#watch-testimonies .feature {
  /*width: 850px;*/
  margin: 0 0 15px 0;
  padding: 15px 20px;
  /*
  border: 1px solid #c0c0c0; 
  background: #f7f7f7;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: inset 0 0 7px #fafafa;
  -moz-box-shadow: inset 0 0 7px #fafafa;
  box-shadow: inset 0 0 7px #fafafa;
  */
  position: relative;
}
#watch-testimonies .feature h1 { text-indent: 0; overflow: visible; width: auto; height: auto; background: none; padding: 0;font-weight: normal; font-size: 18px; line-height: 1.2; margin: 0; }
#watch-testimonies .control { position: absolute; top: 18px; right: 45px; font-size: 12px; line-height: 1; }
#watch-testimonies .control a { display: block; background: url(../../images/icon-arrow-up.png) right 4px no-repeat; padding: 0 15px 0 0; }
#watch-testimonies .control a.on { background: url(../../images/alerts-on.png) right 4px no-repeat; }

/*=== fancy slider for the categories ===*/
.watch-categories .container { width: 895px; display: none; padding: 20px 0 0; }
.watch-categories .container div { width: 895px; height: 105px; display: block; }
.watch-categories ul.listing li { margin: 1px 4px 1px 0;}
.watch-categories ul.listing li a { padding: 2px 2px; }
.watch-categories ul.listing li.current a { background: #dbdbdb; }
.watch-categories .prev { background: url(../../images/prev_icon.png) no-repeat; display: block;width: 22px;height: 19px;text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top: 20px; left: 48%; margin: 0 0 0 -38px; }
.watch-categories .next { background: url(../../images/next_icon.png) left top no-repeat; display: block; width: 22px; height: 19px; text-indent: 100%; white-space: nowrap; overflow: hidden; position: absolute; top: 20px; right: 49%; margin: 0 -42px 0 0; }
.watch-categories .paginate-me { position: absolute; top: 25px; left: 50%; margin: 0 0 0 -31px; }
.watch-categories .paginate-me li { display: inline-block; zoom: 1; margin: 0 4px 0 0; }
.watch-categories .paginate-me li a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; background: url(../../images/slider-pagination.png) left -8px no-repeat; width: 8px; height: 8px; }
.watch-categories .paginate-me li.current a { background: url(../../images/slider-pagination.png) left top no-repeat; }
/* added by Mills*/
.watch-categories ul.listing li a em { font-style: normal;font-size: .9em;}
.watch-categories ul.listing section{ width: 25%;float: left; }

.ie7 .watch-categories .paginate-me li { margin: 0 8px 0 0; }

/*=== styling for the detailed panel ===*/
/*.scroll-topics { position: absolute; top: 16px; left: 50%; margin: 0 0 0 -93px; }*/
.scroll-topics li { display: inline-block; zoom: 1; margin: 0 -4px 0 0; }
.scroll-topics li a { font-size: 12px; display: block; }
.scroll-topics li.prev a { background: url(../../images/prev_icon.png) no-repeat; padding: 1px 10px 6px 25px;  }
.scroll-topics li.next a { background: url(../../images/next_icon.png) right 1px no-repeat; padding: 1px 23px 6px 10px;}

.ie7 .scroll-topics li { margin: 0 }

/*#watch-testimonies .watch-testimonies { padding: 0 0 100px; }*/
.watch-testimonies .summary { width: 200px; float: left; font-size: 13px; color: #444; margin: 20px 0 0; }
.watch-testimonies .summary img { display: block; margin: 0 0 15px; }
.watch-testimonies .summary p { margin: 0 0 15px; }
.watch-testimonies .summary h2 { color: #444; }
.watch-testimonies .summary section ul { padding: 0 0 15px; }
.watch-testimonies .summary section li { display: inline; }

/*=== the video player, imported from iq.css ===*/
.watch-testimonies .middle { width: 435px; float: left; margin: 20px 0 0 25px; }
.watch-testimonies .video-player section { float: left; padding: 25px 25px 0 25px; 
  background: #1a1a1a url(../../images/video-page-bg.jpg) left top repeat-x;
  position: relative; z-index: 5;
  min-height:315px;
  color: #fff;
  width:90%;
  height:100%;
  border-radius:8px;
}

#watch-testimonies .video-player section h1 { font: normal 18px/1.1 georgia, times, serif; color: #fccd49;width: 351px;min-height: 20px; }
#watch-testimonies .video-player section h1 span{ float:left;margin-right:5px; }
#watch-testimonies .video-player section h1 em { font: 12px/1 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; color: #fff; }
.watch-testimonies .video-player section .media { text-align: center; margin: 0 auto 15px; min-width: 359px; min-height: 234px;width: 100%;height: 86%;}
.watch-testimonies .video-player section .text { text-align: left; overflow: auto; height: 345px; padding: 0 20px 0 0; }
#watch-testimonies .video-player section h2 a { display: inline-block; zoom: 1; background: url(../../images/alerts-off.png) right 6px no-repeat; padding: 0 11px 0 0; color: #fff; font-size: 13px; }
.watch-testimonies .video-player section h2 a.on { background: url(../../images/alerts-on.png) right 8px no-repeat; padding: 0 13px 0 0; }
.watch-testimonies .video-player section ul.watch-aux { float: right; margin: -18px 0 0; }
.watch-testimonies .video-player section ul.watch-aux li { display: inline-block; zoom: 1; margin: 0 0 0 5px; }
#watch-testimonies .video-player section ul.watch-aux li a, #watch-testimonies .video-player #add-notes a { 
  background: #5a5a5a;
  background: -moz-linear-gradient(top,  #5a5a5a 0%, #414141 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#5a5a5a), color-stop(100%,#414141));
  background: -webkit-linear-gradient(top,  #5a5a5a 0%,#414141 100%);
  background: -o-linear-gradient(top,  #5a5a5a 0%,#414141 100%);
  background: -ms-linear-gradient(top,  #5a5a5a 0%,#414141 100%);
  background: linear-gradient(top,  #5a5a5a 0%,#414141 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a5a5a', endColorstr='#414141',GradientType=0 );
  -webkit-border-radius: 5px; 
  -moz-border-radius: 5px;
  border-radius: 5px;
  color: #fff;
  padding: 5px 20px;
}

  .ie7 .watch-testimonies .video-player section h2 a, .ie7 .watch-testimonies .video-player section ul.aux li { display: inline; }
  
.watch-testimonies .video-player aside { float: left; width: 26px; }
.watch-testimonies .video-player aside h3 a { display: block; width: 26px; height: 127px; text-indent: -99999px; background: url(../../images/iq-transcript.png) left 12px no-repeat; position: relative; z-index: 3; }

.watch-testimonies .video-player aside #transcript-panel { width: 230px; height: 330px; background: #343434 url(../../images/iq-transcript-bg.jpg) left top repeat-x; right: 320px;
  -webkit-border-top-right-radius: 8px; 
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px; 
  -moz-border-radius-bottomright: 8px; 
  border-top-right-radius: 8px; 
  border-bottom-right-radius: 8px;
  position: relative;
  z-index: 2; margin: -127px 0 0 -10px;
  color: #fff;
}
.watch-testimonies .video-player aside #transcript-panel.stretch { height: 489px; }

.watch-testimonies .video-player aside #transcript-panel article { width: 190px; height: 290px; overflow: auto; padding: 0 0 0 25px; margin: 20px 0 0; position: absolute; }
  .watch-testimonies .video-player aside #transcript-panel article.stretch { height: 450px; }
.watch-testimonies .video-player aside #transcript-panel article h4 { font-weight: bold; font-size: 13px; }
.watch-testimonies .video-player aside #transcript-panel article p { padding: 10px 0 0; }

.watch-testimonies .video-player #add-notes {float: left;padding: 0 15px 0 15px;position: relative;z-index: 5;color: #fff;width: 91%;background-color: #1a1a1a;border: 7px solid #1a1a1a;margin-top: -6px; }
.watch-testimonies .video-player #add-notes fieldset { padding: 0 0 5px 0; }
.watch-testimonies .video-player #add-notes label { display: block; text-indent: -99999px; height: 1px; }
.watch-testimonies .video-player #add-notes input[type=text], .watch-testimonies .video-player #add-notes textarea { border: 1px solid #101010; background: #3d3d3d; width: 98%; padding: 3px 5px; color: #fff; font: 13px/1.25 "lucida grande", "lucida sans unicode", arial, verdana, sans-serif; }
.watch-testimonies .video-player #add-notes textarea { height: 70px; }
.watch-testimonies .video-player #add-notes a { padding: 5px 15px; border: 0; font-size: 13px; overflow: visible;float: left;} 
#watch-testimonies .video-player #add-notes a.save { 
  background: #f00005;
  background: -moz-linear-gradient(top,  #f00005 0%, #6b0000 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f00005), color-stop(100%,#6b0000));
  background: -webkit-linear-gradient(top,  #f00005 0%,#6b0000 100%);
  background: -o-linear-gradient(top,  #f00005 0%,#6b0000 100%);
  background: -ms-linear-gradient(top,  #f00005 0%,#6b0000 100%);
  background: linear-gradient(top,  #f00005 0%,#6b0000 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f00005', endColorstr='#6b0000',GradientType=0 );
  float: right;
}

/*=== more info, last panel on the right ===*/
.watch-testimonies aside.more-info { font-size: 13px; color: #444; padding: 0 0 0;width:35%;float: left;height:100%;}
.watch-testimonies aside.more-info p { padding: 0 0 15px; }
.watch-testimonies aside.more-info dt { font-weight: bold; }
.watch-testimonies aside.more-info dd { padding: 0 0 15px; }

/*=== the fun, albeit a little shaky slider at the bottom ===*/
.watch-testimonies .clips { clear: left; float: none; width: 890px; }
.watch-testimonies .clips-list { width: 1px; height: 1px; display: none; visibility: hidden; }
.watch-testimonies .clips-list a { width: 1px; }
.watch-testimonies .clips .paginate-me { width: 792px; background: #dad8d8; padding: 10px 49px; position: absolute; left: 0; bottom: 0; }
.watch-testimonies .clips li { display: block; float: left; width: 123px; margin: 0 2px; border: 2px solid #dad8d8;max-height: 83px;overflow: hidden; }
.watch-testimonies .clips li img { display: block; width: 123px;height:80px}
.watch-testimonies .clips li.current { border: 3px solid #3B6F8F; }
.watch-testimonies .scroll-list {z-index: 1;}
.watch-testimonies .clips .scroll-list li { display: inline-block; zoom: 1; margin: 0 -4px 0 0; width: auto; border: 0; }
.watch-testimonies .clips .scroll-list a { font-size: 12px; display: block; }
.watch-testimonies .clips .scroll-list a.prev { background: url(../../images/icon-arrow-left.png) left 4px no-repeat; padding: 0 15px 0 12px; }
.watch-testimonies .clips .scroll-list a.next { background: url(../../images/alerts-off.png) right 4px no-repeat; padding: 0 12px 0 15px; }

/* added by Mills*/
#watch-testimonies .video-player section h2 span { font-weight: normal;color: #900;margin-top: 0 0 0 14px;display: none; }

.watch-testimonies .clips { position: relative;width:792px; height:81px; background:#dad8d8;padding: 10px 49px;}
.clips .container { height: 81px;}

.watch-testimonies .scroll-list li { display: inline-block; zoom: 1; margin: 0 -4px 0 0; width: auto; border: 0;font-size: 12px; }
.watch-testimonies .scroll-list a.prev { background: url(../../images/prev_icon.png) no-repeat; padding: 1px 10px 6px 25px; }
.watch-testimonies .scroll-list a.next { background: url(../../images/next_icon.png) right 1px no-repeat; padding: 1px 23px 6px 10px;}

.watch-testimonies .set-controller { z-index: 10;left: 20px; }

.ie7 .watch-testimonies .clips .scroll-list li { display: inline; }

/*=== the "set" controller (arrows) ===*/
.watch-testimonies .set-controller { position: absolute; bottom: 49px; width: 850px; }
.watch-testimonies .set-controller li { display: block; width: 9px; height: 18px; position: absolute; border: 0; }
.watch-testimonies .set-controller li.previous-set { left: 0; }
.watch-testimonies .set-controller li.next-set { right: 0; }
.watch-testimonies .set-controller li.previous-set a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block; width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-right: 8px solid rgb(154,0,0);font-size: 0;	line-height: 0;}
.watch-testimonies .set-controller li.next-set a { text-indent: 100%; white-space: nowrap; overflow: hidden; display: block;width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 8px solid rgb(154,0,0);font-size: 0;line-height: 0;}

/* added by Sandhya */
.watch-testimonies .video-player-container {width: 60%;float: left;margin-left:0;margin-right: 10px;height:95%;}
.subnav li{float:left;padding-left:10px;padding-right:10px;padding-bottom:3px;color: rgb(153, 0, 0);font-weight:bold;font-size:13px;cursor:pointer;}
.subnav li.current{color: rgb(0, 0, 0);font-weight:bold;border-bottom:3px solid black;}
/*#watch-testimonies .subnav {margin-top: 40px;}*/
#testimony-details .survivor-name{font-size:18px;color: #000;font-weight:bold;padding-bottom:10px;}
#testimony-details .survivor-experiencegroup{padding-bottom:10px;}
.watch-testimonies .clips-count {}
.watch-testimonies .clips-count li{float:left;}

/*#watch-testimonies .watch-testimonies { padding: 0 0 100px; }*/
#watch-testimonies .sections { width: 200px; float: left; font-size: 13px; color: #444; margin: 20px 0 0; }
#watch-testimonies .sections img { display: block; margin: 0 0 15px; }
#watch-testimonies .sections p { margin: 0 0 15px; }
#watch-testimonies .sections h2 { color: #444; }
#watch-testimonies .sections section ul { padding: 0 0 15px; }
#watch-testimonies .sections section li { display: inline; }
#watch-clips{padding-top:10px;margin-bottom:15px;}
#scroll-clips{height:20px;}
#clips-icon{background: url(../../images/Clips_icon.png);height: 16px;width: 26px;float: left;}
#aviewfulltestimony{font-size: 13px;font-weight: bold;color: #B10606;
  display: inline-block;
  padding: 10px 20px 10px 20px;
  border: 1px solid #d5d5d5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: #D0D0D0;
  background-image: -ms-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
  background-image: -o-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
  background-image: -webkit-gradient(linear, top top, right top, color-stop(0, #ffffff), color-stop(1, #c0c0c0));
  background-image: -webkit-linear-gradient(top, #FFF 40%, #C0C0C0 100%);
  background-image: linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
  background: -moz-linear-gradient(top, #ffffff 40%, #c0c0c0 100%);
}
#relatedactivities-icon{background: url(../../images/relatedactivities.png) no-repeat;height: 22px;width: 27px;float: left;padding-left: 10px;padding-top: 10px;}
#relatedtopics-icon{background: url(../../images/relatedtopics.png) no-repeat;height: 27px;width: 27px;float: left;padding-left: 10px;padding-top: 10px;}
#relatedterms-icon{background: url(../../images/relatedterms.png) no-repeat;height: 21px;width: 18px;float: left;padding-left: 10px;padding-top: 10px;}
#graphicorganizers-icon{background: url(../../images/graphicorganizer.png) no-repeat;height: 18px;width: 24px;float: left;padding-left: 10px;padding-top: 10px;}
#topicTitle {width:287px;float:left;color:#dda228;font-size:18px;font-weight:normal;padding:0} 
.watch-subnav{float:right;padding-right: 15px;}
#topicDescription{font-size:13px;line-height:1.5em;padding-right: 20px;}
#clip-count{float:left;margin-left:10px;font-size:14px;}
#sectionRelatedTopics,#sectionRelatedTerms{margin-top:0;padding-top:0;font-size:1.1em;}
.floatingsubNav {position: fixed;top: 47px;display: none;z-index: 99;background-color:white;border:1px solid white;padding-top:7px;}
#sectionGraphicOrganizers{font-size:1.1em;}
.arrow-right {width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 8px solid rgb(154,0,0);font-size: 0;line-height: 0;}
.arrow-left {width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-right: 8px solid rgb(154,0,0);font-size: 0;	line-height: 0;}
.arrow-right-disabled{width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-left: 8px solid rgb(130,130,131);font-size: 0;line-height: 0;}
.arrow-left-disabled {width: 0;height: 0;border-bottom: 8px solid transparent;border-top: 8px solid transparent;border-right: 8px solid rgb(130,130,131);	font-size: 0;line-height: 0;}

.prevGO{float:left;text-indent: 100%;white-space: nowrap;overflow: hidden;display: block;width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-right: 10px solid rgb(154,0,0);font-size: 0;line-height: 0;margin-top:88px;margin-right:5px;cursor:pointer;}
.nextGO{float:left;text-indent: 100%;white-space: nowrap;overflow: hidden;display: block;width: 0;height: 0;border-bottom: 10px solid transparent;border-top: 10px solid transparent;border-left: 10px solid rgb(154,0,0);font-size: 0;line-height: 0; margin-top:88px;margin-left:5px;cursor:pointer;}
.liclass_blank{display: inline-block;vertical-align: top;border: solid 1px #fff;box-shadow: none;background: #fff;position: relative;float: left;margin-right: 20px;margin-bottom: 20px;}
.minilesson_icon {background:url(../../images/MiniLesson.png) no-repeat;width:28px;height:28px;float:left;}
.clip_minilesson {width:20px;height: 21px;background: url('../../images/clip_minilesson.png') no-repeat;top: -20px;left: 103px;position: relative;cursor:pointer;}