@font-face {
  font-family: 'ClearSans';
  src: url('fonts/ClearSans-Regular.eot'); /* IE 5-8 */ 
  src: local('☺'),             /* sneakily trick IE */
        url('/fonts/ClearSans-Regular.woff') format('woff'),    /* FF 3.6, Chrome 5, IE9 */
        url('/fonts/ClearSans-Regular.ttf') format('truetype'), /* Opera, Safari */
        url('/fonts/ClearSans-Regular.svg#font') format('svg'); /* iOS */
}
body {font-family:ClearSans, sans-serif;margin:0px;padding:0px;}
.lefter {position:fixed;height:100%;width:100%;direction:rtl;overflow:auto;}
.lefter > div {direction:ltr;margin-top:40px;}
h1 {color:#3E50B4;font-size:20px;text-align:center;}
h2 {font-size:17px;padding:0 2%;}
h3 {font-size:16px;}
.title {background-color:#F4F4F4;padding:5px 0px;position:fixed;z-index:1;top:0px;width:100%;}
.title h1 {margin:0px;text-align:left;cursor:pointer;}
.title h1:before {content:" ";vertical-align:middle;display:inline-block;margin:0px 5px;width:12px;height:21px;background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20width%3D'12'%20height%3D'21'%20stroke%3D'%233E50B4'%20stroke-width%3D'2'%20stroke-linecap%3D'round'%20fill%3D'none'%3E%3Cpolyline%20points%3D'10%2C1%201%2C11%2010%2C20'%20%2F%3E%3C%2Fsvg%3E");}
.v1 {display:inline-block;width:98%;position:relative;}
.v1 video {position:absolute;top:0%;left:0%;width:100%;height:100%;border-radius:1vmin;box-shadow: 0px 2px 8px 0px rgba(200, 200, 200, 0.57);background-color:white;}
.v2 {padding-top:75%;}
.videoPopup {position:absolute;border:solid 1px gray;background-color:white;border-radius:5px;font-size:3vw;padding:1%;}
.videoPopup button {font-size:2vw;display:block;margin:auto;}
.popupArrow {position:absolute;width:4%;stroke:gray;fill:white;}
p {padding:2px 12px;}
.jumpBtns {margin-left:10px;}
.jumpBtns button {border:solid 1px;background-color:white;cursor:pointer;font-size:0.9em;}
.jumpBtns button:first-child {border-radius:10px 0 0 10px;}
.jumpBtns button:last-child {border-radius:0 10px 10px 0;}
.listItem {cursor:pointer;padding-bottom: 10px;}
.itemTitle {user-select:none;margin:0px;}
.itemTitle:hover {background-color: #eee;}
.itemContent img {margin-top:10px;min-width:80%;max-width: 100%;}
.collapsed .itemContent {display:none;}