/* #ftCell_2_0_4 {display:none;} */
#headerImg {width:90%; height:auto; top:0px; position:fixed; z-index:-1; overflow:hidden;}


#tst {width:800px;height:0px; font-size:80%;}

.l0 {font-size:100%; position:absolute; top:0px; width:95%;}
.l1 { font-size:150%;  text-align:center;  text-shadow: #ffaa88 1px 1px 4px; }
.l2 { font:120% Arial; text-align:center; }
.l3 { font:90% Arial; text-align:center;  }
.l4 {  font:80% Arial; text-align:center;}
.l4i { margin-left:1%; margin-right:1%; text-align:left; }
.l5 { font:120% Times;   }
sup {font:60% Arial;}
.c150 { font-size:130%; text-align:center;}
.c100b { font:100% Arial bold; text-align:center;}
.c90 { font:90% Arial; text-align:center;}
#srd {width:100%; z-index:100; top:70px;}
#lImg {position:absolute;top:0px; z-index:2000; right:0%; width:10%; }
sh {font: 110% Arial;  font-style:bold;  cursor: pointer;}

#lsh, #lshs { font-size:120%; color:#6af; text-shadow: -1px -1px 1px #99f; cursor:default; }
#lshs { font-size:100%; }
.eaImg {text-align:center; font: 80% Arial; width:80%;}

 /* "./css/rtMozEdit.css" rel="stylesheet" type="text/css" media="all" */
.intLink { cursor: pointer; }
img.intLink { border: 0; }
#toolBar1 select { font-size:10px; background-color:#8cf; width:90px;}
#toolBar2 {background-color:#8cf;}
#editMode label { cursor: pointer; }
 

body { background-color: #000;}

.il { display:inline-block;}

.linkTxt {width:300px; border: solid 1px #888;}

spt { display:inline-block; width:15px; }

iframe { border: solid 0px; /* overflow:hidden; */ width: 99%; height: 100%; }

#hdrFrame {height:20px; }

::-webkit-scrollbar { width: 10px; height:0px} 

::-webkit-scrollbar-track {  background: #8880;  }
::-webkit-scrollbar-thumb { background: #48a;  }


* {scrollbar-color: #248 #48a; scrollbar-width:thin;}

.mediaSlider{ background-image: url(./etc/sliderBGplain.png)}

input, #addForum { background-color: #fff; color:#ccf; border: solid 1px #444;  font:10pt Arial; height:18px; z-index:0; }

.segment { border-bottom: solid 2px #444; height:auto; width:100%; display:none; position:absolute; padding-left:4px; margin-left:10px; overflow-x: hidden; }
.segment, .segBody, .segListDiv { vertical-align: top; }

#segHeader { display:inline-block; border: solid 0px #444; overflow:hidden; width:95%}

[id^='hdrButDiv'] { margin: 5px; display:inline-block; font:12pt Arial; cursor:pointer; }
 	
#segCalendarHdr {left:50px; top:200px;}

#segTextHdr {width:120px; left:180px; top:440px}

#segLoginHdr { left:100px; top:220px;}

#segArchivesHdr { left:20px; top:200px;}

#segComposeHdr { left:20px; top:200px; width:150px}

#segGraphicsHdr { left:60px; top:350px; width:130px;}

#segActivityHdr {left:380px; top:300px; width:180px; position:relative}
 
#segHostHdr, #segAdminHdr {left:60px; top:160px}

#segHelpHdr {top:10px; left:10px; }

.segHead { display:inline-block; position:relative; width:100% }

.segBit { border-top: solid 2px #444; width:100%; height:auto; }

#segBitEd { border-top: solid 0px #444; }

.segBody { display:inline-block; height:100%; width:99%; border-top: solid 0 #444; padding: 5px; margin-top:4px; overflow:scroll; }

.segListDiv {	 /* width:220px; */ display:inline-block;	 height:22px; cursor:pointer; margin:0px; padding:0px; visibility: visible; position:absolute; overflow:visible; right:7px; top:0px; z-index:6000;}

.panel {	 width:250px; height:140px; top:25px; position:absolute; overflow-y:scroll; right:-0px;  z-index:5000; background-color:#fff; ;border: solid 1px #444; display:none; }

#auVolCtrl { cursor: hand; position: absolute; background-color: #999; border: 1px solid #444; padding-left: 5px; padding-top: 15px; left:50px; top:-5px; border-radius: 3px; }

.auVolCtrl { width: 100px; height: 12px; /* background-color: #8f8; */ border: 1px solid #aaa; margin-right:15px; background-image: linear-gradient(170deg, #8f8, #8a8 70%, #f88 30%); }

#rtav { position:absolute; right:5%; top:5px; opacity:0.3; height:20px; margin:5px; text-align:center; }

#topPic, topPicM  { position:absolute; }

#topPicR { position:absolute; right:20px; top:50px}

#segMain { height:auto; }

#hdr, #hdr2 { display:inline-block; /* height: 100%; */	 vertical-align:top; }

.nmHdr { display:inline-block; height:20px; margin:5px; }

 
#sessLogs, #sessVisitors { display:none; /* width:40%; */	 /* border: solid 1px #444; */ }	

#brind { width:600px; height:auto; top:0; position:relative; transform: scale(1,1); }

.usrCanvas { height:195px; width:150px; }

#revForumNameDiv { display:inline-block;  left:20px; /* display:none; */ }

#frm-ForumsBut { display:none; }

div.rot { transform: rotate(180deg); -webkit-transform: rotate(180deg); -moz-transform:rotate(180deg); }

#chatDiv { position:relative;height:250px; width:100%; border: solid 1px #444; overflow-y:scroll; vertical-align:top; display:inline-block;}

#chatView { }

#activityDiv  { width:100%; height:480px; overflow-y:scroll;  display:inline-block; position:relative;}

#partImgDivs, .partImgDiv, .partImgDiv1 { display:inline-block; position:relative; width:100px; border: solid 1px #444;  vertical-align:top; height:170px /* overflow: hidden; */ }

#partImgDivs {width:100%;}
.partImgDiv1 {width:80px;}

.uPic, .uPicComp { position:relative; display:inline-block; width:100%;top:0px }

#uPic2, #uPic3 { opacity:0.6; }
#uPicdot {opacity:0;width:20px;bottom:96%;left:50px}

#chatActivityTabDiv, #chatActivityDiv, #segNewForum, #segVisitors, #segLogs {display:inline-block; border:solid 1px #048;vertical-align: top; width:100%;}

#segNewForum, #segVisitors {display:none;}

#ptCell0n {width:67%;}

.actRow {height:24px;overflow:hidden;}

.rtRowPic {left:0px;height:22px;width:22px;display:inline-bloc;position:absolute; text-align:left;}
.rtSubPic {height:49%;display:inline-block;}

.actList, .txtList {display:none;}

[id^='chatHdrBut'], [id^='chatAct'] {height:12px; width:99%;padding:0px; padding-bottom:3px; border: outset 1px #08d}

.chatHdr {background-color: #06a0; width:78%; overflow:hidden}

[id^='chatAct'] {width:35%; display:inline; height:12px}

/*[id^='hdrPage'] {display:none;}*/
 

[class^='lvDiv'] {position:absolute;display:inline-block; background:#06a0; height:15px; width:10px; padding-top: 2px; font:80% Arial bold; text-align:center;color:#aaa; border:solid 2px #444;}
 
.lvDivP {left:0px; color:#aaa; width:22px; height:22px;line-height:0px;border: solid 0px #f55;}
.lvDivN {left:22px;  width:225px; text-align:left;font:100% Arial;border:solid 2px #000;}
.lvDivS {right:75px;}
.lvDivD {right:64px;}
.lvDivL {right:53px;}
.lvDivW {right:42px;}
.lvDivA {right:28px;}
.lvDivV {right:15px;}
.lvDivT {right:2px;}

[id^='txtChat'] {text-align:left; margin-top:5px;}

.ptcL { width:150px;}
.ptcS { width:4px; display: inline-block; position: absolute;}

[id^='ptCell_i'] { width:80px;}  /* text-align:center; */

.tdy {background-color:#a66;}
.tdn {background-color:#484;}
.tdp {background-color:#660;}

.vRow {width:100%; font-size:90%}

.bin {height:100%; width:12px; background:#028; position:absolute;right:0px; font-size:70%; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;}

#binMsg, #binCmt, #binTracked, #binBlocked, #binNotes {left:0px; }

.tc, .tcOn, .tcOff {display:inline-block;text-align:center; width:30%; height:12px; padding-bottom:4px; border: solid 1px #555;}

.tc { background-color: #444; }

.tcOn { background-color: #744; }

.tcOff { background-color: #474;}

/* #chatActivityTable tr { background-color: #06aa; } */

#chatQueueTable td[id^='visi'] { width:15px; text-align:center;}

#partName2x { background-color: #333; }

#chatVol, #chatDel {	 display:none; }

#chatText { width: 580px; display: inline-block; background-color: #666;}

#hostName {width:150px; display: inline-block;}

sty { visibility: hidden; }

#vwrDiv { border-bottom: 1px solid #444; padding:3px; font:80% Arial; }

#sublistAud, #chatVols, #chatVols {	 visibility: hidden; height: auto; width:auto; overflow:hidden; position:absolute; top:24px; right:9px; border: 1px solid #444; padding: 1px; }

#chatSession { /* width:130px; */ display: inline-block; }

/* .butOnce > .host {display:none} */

.htmlDiv { width:100%; /* border: solid 1px #444; */ overflow-y: scroll; height:calc(100% - 30px); padding: 10px;}

#chatCommentsDiv { height: 220px; width: 270px; display: inline-block; border: solid 1px #444; /* margin-left:10px;  */position:relative; overflow-y:scroll; vertical-align:top; }

#chatCommentsDiv { width:320px;overflow-y:hidden;padding-bottom:0px;}

#textOutChat { width:100%; height:100%; background-color:#06a8; overflow-y:scroll; }

#centredDiv {width: 700px; margin-left: auto; margin-right: auto; } 
#partImgDivTemplate { display:none }

#mainDiv { display:inline-block; width:auto; height:200px; overflow:hidden;/*  vertical-align:top; */  }

.partCtrls { display:inline-block; width:90px; position: relative; height:90px; }

#txtIn { display:inline-block; width:400px; }

.scrn { position: relative; display:inline-block; width:150px; left:0px;top:0px; }
.pNameDiv { position: relative; display:inline-block; width:100%; height:16px; text-align:center; overflow:hidden; font:80% Arial; }
.butPer {position: relative; height:14px; margin-left:5px;	 }
#closeBut { position:absolute;top:0px; }

#newForum { display:none; overflow:hidden; vertical-align:top; margin-bottom:10px; border: solid 1px #444; padding:5px; position: relative;}

#compActionButtons, .noteBody { display:none; }

#imgBody, #linkBody, #vidBody, #audBody { display:none; border: solid 1px #48a8}

#audBody {width:calc(100% - 155px) }

#vidBody {vertical-align:top;}

#imgBody { width:100%;  }

#artBody { width:100%; height:400px; }

#cmtBody { height:246px; }

.editText, #revBody { height:500px;  overflow-y:scroll;}

.editText {cursor:text;}

[contenteditable="true"] {cursor:text;}

#noteText { height:360px;  border-top: solid 1px #666; overflow-y:scroll; width:99%; }

.rtArchive, .arcTime, .noteTime, #noteAllBut { font:12px Arial bold; cursor:pointer; }

#captionTxt { height:20px; width:300px; display:inline-block; overflow-x:scroll; }

#audOnId { font:70% Arial; opacity:1.0; }

.auvolDiv { position:relative; display:inline-block; width:110px; border: solid 2px #8af; height:10px;padding-right:0px; background-image: linear-gradient(170deg, #8f8, #8a8 70%, #f88 30%); }

.auVol { border-right: solid 3px #fff; position:relative; left:0px; display:inline-block; width:5%; height:10px; background-color: #aaa; margin:0px; }
 
#auVolVis0 { position:absolute; bottom:0px; height:5%; width:5px; background-color:#888888; }

.volCtrl {background-image: url(./etc/sliderBG.png); height:8px; }

.mediaRangeDiv { height:10px; width:97%; background-color:#4af; -moz-border-radius: 4px;	 -webkit-border-radius: 4px;	 border-radius: 4px; border: solid 1px #666;	 color: #029; margin:4px; padding:5px; position: relative;	 display:inline-block;	 }

.mediaSlider { width: calc(100% - 110px);background-color:#ada; margin-top:-6px;  cursor:pointer; position:relative;}

.mediaTimes { display:inline-block; position: relative;	 top:-10px; vertical-align:top; /* text-align:right; */ }

.mediaPlayArrow, .mediaToStart { position: relative;	 top:-3px; }

#auVolCtrlAud { position:absolute; top:-12px; bottom:5px; height:5px; width:3px; background-color:#88f;	 }

.camera { width:390px; display:inline-block; }

.canvasDiv { display:none; position:relative; left:0px; top:0px; width:160px; height:auto; }

.spc { display:inline-block; vertical-align:top; width:126px; height:170px; margin-left:20px; border: solid 1px #444;}

#spc1 { display:none; }

table {	 overflow:visible;	/*  background-color:#fff; */ border: solid 1px #444; /* font: 70% Courier; */ width:100%; position:relative; z-index: 1000;} /* !! relative needed for z-index to work !! , which lift lists above the rest*/

#tableTds{ width:100%;	 font-size:110%; }

.trh, .tdForum { font: Arial bold; text-align:center; }

td, th { font: 9pt Arial; line-height:12px; height:14px;	 cursor:pointer; }

th { font: 100% Arial; }

tr { width:100%; border: solid 0px #444; }

tr.trsel { height:20px; }

#vtabRow0 {height:100px;}

#table1 td { border: solid 0px #444; }

.tdvX { display:none; }

.tds { width:auto; /* border: solid 1px #048; */ overflow:hidden; }

.tdsa { width:150px; /* border: solid 1px #444; */ overflow:hidden; }

#myTimes { width: 0px; text-align:center; border: solid 0px #444; }

#loginDiv { display:inline-block; height:intrinsic; width:intrinsic;}
/* #segLogin {height:280px; width:530px;} line 604 */
#loginName, #emailIn, #loginresponse {width:300px; margin-top:10px;}
#loginPwd1, #loginPwd2 {margin-top:10px;}
#joinDiv { display:none; height:auto; width:750px; overflow:hidden;}
#joinBut { margin-bottom:-5px; }
#frm1, #frm2 { width:150px }

#chatForumName, #frmForumName, #chatChat { width:auto; font: 100% Arial; display:inline-block; }

#partsRec { /* border: solid 1px #444; */ height:auto; width:100%; position:relative; }
#tlinePlayDiv, #cHolder { position:relative; /* display:none; */ width:800px; /* overflow:hidden; margin-bottom:3px; */ }
#tlinePlayDiv { margin-top:10px; left: 5px; }
#editSessName, #recFileName { display:inline-block; width:220px; overflow:hidden; margin-left:10px; margin-bottom:5px; margin-top:0px; height:18px; }

.playState { /* , #recTime, #playTime, #playDuration, #playScale */ width:40px;	 height:13px;	 border: solid 0px #444;	 text-align:right; line-height: 50%;	 display:inline-block;	 padding-right:5px;	 position:relative; top:0px; font:8pt Arial;	 margin-top:5px; }

#playScale { height:16px;	 width:20px;	 /* border: solid 1px #444; */	 font: 100% Arial; }

tp, note { position:relative; left:-6px; top:0px; background-color:#000; color:#ff0000; font:20px Courier; height:0px;	 } /**/

ntch { font:10px Courier; position:absolute; color: #bbff00; margin-top:-23px; cursor:pointer; }
#ntch0 { left:-2px; }
#ntch1 { left:55px; }
#ntch2 { left:55px; }
#ntch3 { left:55px;	 }

timeD { position:relative; font:10pt Courier; color:#4fa; line-height:50%; width:auto; } 

#timeRecording { font:10pt Courier; /* border: solid 1px #444; */ margin: 10px; }

timeDa { position:absolute; }

#cHolder { border: solid 1px #89a; background-color: #3638; overflow-x:hidden; overflow-y:visible; /* height:75px; */ }

.sel { position:absolute; display:inline-block; height: 20px; width: 0px; left:102px; top:25px; background-color: #0000;  border: solid 1px #8a8;	 /* border-right: solid 1px #8a8;	 */ z-index:5000;	 }

.diagPic { width: 100%; height: 100%; z-index:5000;	 }

.edgS { left:-9px; top:-4px }

.edg { position:absolute; cursor:move; z-index:5100;	 overflow:visible;height:12px;width: 15px;font: 16px Arial;color: #8a8; }

.edgE { right:-7px; top:4px } 	
[data-selected="true"] { border: solid 1px #d00; z-index:6000; } 
[data-selected="false"] { /* border: solid 1px #444; */ z-index:5000; } 

#compFileName, #compUsrKeys, #compUsrName { border: solid 1px #444; font: 110% Times New Roman bold; display: inline-block; width:200px; height:14px; overflow-x:invisible; background-color:#2488;}

#tpoint, #tpi { position:absolute; top:0px; left: -2px; height:50px; width:8px; z-index:5000; }
#theAudio, #tlineView { width:50%; visibility:visible; height: 25px; }

#upicArchive { height: 200px; width: auto; /* display:none; */ }

/* ******** from av_links.html ***** */  	
.aud { width:99%; height:auto;} 	
.vid { width:99%; height:auto; border: solid 1px #444} 	
.med { width:99%; height:auto; border: solid 1px #444} 	
#objDiv {width: 99%; height:auto;} 	
#imgEl { width: 45%; height:auto;} 	
#frameLinks, #obj {display:none; width: 100%; height:800px; 	}
/* ******** end av_links.html ***** */ 

.mediaPathStr { cursor:pointer; font: 80% Arial; margin-left:20px; display: inline-block; }


#commentText, #notesText, #artText { height:600px; width:90%; /* margin-top:12px; */ background-color: #1218; color:#6af; font: 100% Arial; /* border: solid 1px #444; */ }	

#notesDisplay, #artText { width: 100%; font: 100% Times New Roman; border-top: solid 1px #444; }

#commentText { width:450px; height:210px; margin-top:12px; }

.essayNote { font: 110% Times New Roman bold; border-top: solid 1px #444; cursor:pointer; }

#editText { font: 100% Times New Roman; background-color:#003; color:#8cf;padding:2px; width:100%; height:calc(100% - 60px); overflow-y:scroll;  }

#compAddBut { margin-left:20px; }
 
#revText { height:800px; overflow-y:scroll; border: solid 2px #444; padding: 5px }

.audName { display:inline-block; margin:0px; width:200px; overflow:hidden; } 

/* ------ Visual Segment ------ */
#visDisplay { height:auto;	 width:100%; margin-top:0px; display:inline-block;  visibility: visible; overflow:hidden; }
#currentVisDiv { padding-left:5px; height:auto; overflow-y:scroll }

#visScaleSlider { width:250px;  }
#currentPic { border: solid 1px #ff0000; }

/* ------ Calendar Segment ------ */
.inline {	width: auto; height: 15px;border: solid 0px #8888bb;display:inline-block; }

/* ------ Essays Segment ------ */
#artsDisplay { height: auto; }

.artPic { height:100%; width:auto; cursor:pointer; }

.imgOuter { overflow-y:scroll; overflow-x:hidden; width:100%; height:92%}

#imgHolder, #compImageHolder {  width:100%; height:110px; display:inline-block;	 border: solid 0px #444; /* overflow-x: scroll; */ }

#compGrapic {display:inline-block;height:110px;border: solid 1px #444; }

#compImageHolder {  width:270px; height:250px; overflow-x: scroll; }

#imgOptionsList, #imgSelectionList { width:200px; height:250px; display:inline-block;	 /* border: solid 1px #444; */ overflow-y: scroll; vertical-align: top; }

#imgOptionsList { width:350px; }

.compImgFrame, #audioButtons { display:inline-block; }

.editText { width:50%; }

.imgNotePic { width:100%; border: solid 2px #000; }

.imgListPic { display:inline-block; height:90px; border: solid 2px #000; }

.imgFrame { /* height:150px; */ text-align:center; }

.compImgDiv { display:inline-block; width: 60%; /* height: 100%; */ }

.imgLabelDiv, .imgDivR { display:inline-block; width:50%; text-align:center; }

.imgDivR { text-align:right; }

.imgLinkPic {width:100%;}

.compLinkFrame {width:100%; border-top: solid 2px #444; margin-top:10px; cursor:pointer;}

/* .compLinkFrame .htmlDiv {width:calc(100%); } */

.center { display: block; margin-left: auto; margin-right: auto; width: 50%; }

/* https://www.w3docs.com/snippets/css/how-to-vertically-center-text-with-css.html
      div {
        display: table-cell;
			 vertical-align: middle;
       width: 250px;
        height: 200px;
        padding: 10px;
        border: 3px dashed #1c87c9;
      }
 */

#compPresImg{ width:100%; }

.artFrameDiv {  /* display:none;  */ width: 99%; height:auto; display:inline-block;	 }

.artFrame {  /* height: 700px; */ /* overflow: hidden; */ }

.artFmt { padding-left:10px; padding-right:10px; background-color:#224; }

#artDateBut { opacity:0.6; } 

#searchDiv, #frmTableTemplate {display:none; }

#searchTable {width:100%;} 

#frmFindIn { width:300px; }

#trh, #trhr { font-size: 14px; cursor:pointer; }
 
th:hover {  background-color: #048; }

#chatForumTable tr { text-align:center; }
 
#showallPicsDiv { width:100%; }

#forumsListDivX { display:none; }

.revTableRow { display:none; }

#sdY { width:80%; display:inline-block; }

.butYmd { display:none; }

object { width:100%; height:100%; }

/* ------ Setup Segment ------ */
.settings { position:absolute; top:25px; right:10px; width:240px; border: solid 1px #444; background-color: #fff; z-index:1000; -moz-transform: scale(0.8,0.8); -webkit-transform: scale(0.8,0.8);transform: scale(0.8,0.8);}

#chatSettings {width:240px;height:180px;}
#compSettings {width:250px;height:290px;}

/* #accessButs {display:none;} */

.goBut, .goButAbs, .noteGoDiv, .artGoDiv , .mediaGoDiv { top:0px; right:0px;	 border: solid 1px #444; /* background-color: #024;  */ width: 12px ; height: 16px; z-index:1100; cursor:pointer; display:inline-block; }

.goButAbs { position:absolute; }

input::-ms-track { height:2px; }

#adminForum { display:inline-block; }

#segAdmin {width:750px; }

#segVisitors { overflow-x:scroll; width:100%;}

/* ------ Web Segment ------ */
#frame1, #frame2 { width:100%; height:1000px;}
#frameHolder { width:100%; height:1800px; overflow:scroll; }
#webUrl { width:300px }
#segEnd { height:0px; }

/* ------ Hidden storage ------ */
.hidden  { height:0px; width:0px; display:none; }

.winFrame, .calFrame { display:none; position:absolute; text-align:center; top:240px; left:40px; height:18px; width:intrinsic; z-index:5000; overflow-x:visible; cursor:move; background-color:#24a; color: #8df; border: outset 2px #04a;	 }

[id$='SettingsHdr'] {z-index:1000;}

avbutton { -moz-border-radius: 4px;	 -webkit-border-radius: 4px;	 border-radius: 4px; border: outset 1px #888;	 height:14px; text-align:center; font: 10pt Arial;  padding:5px; padding-bottom:1px; padding-top:1px; /* margin:2px; */ cursor:pointer; position: relative;	 display:inline-block;	 margin:1px; margin-top:3px; background:#248;}
 
avbutton[data-set="false"] { background-color:#ccc; color: #444; } 
avbutton[data-set="true"] { background-color:#eee; color: #444; } 
avbutton[data-set="inactive"] { background-color:#888; color: #444; }
avbutton[id^='hdrArchiveBut_'] { margin:3px; }
avbutton[id^='saving'] { margin:0px; padding:0px}

.book {margin-left:20px;}

[id^='leafWdBut'] {background-color:#4a4; color: #afaf; border: solid 2px #484;}

.winSeg { font:11pt Arial; width:650px; height:500px;  border: outset 2px #48e; position:relative; /* top:3px; */ z-index:4900; background-color:#acf; text-align:left; cursor:default; overflow:hidden; padding:4px; left:-2px;}

#segAdmin { height:500px; width:600px; overflow-y:scroll;}
#segHost { height:50px; width:650px;}
#segArchives {height:25px;}
#typeSeg_ArchiveTimes {height:250px;}
#segChat {height:600px; width:600px; }
#segCompose {height:450px; width:550px}
#segActivity {height:450px; width:350px}
#segForums {height:400px; overflow-y:scroll;} 
#segHelp {height:50px;}
#segHist {height:300px; width: 250px; text-align:center;}
#segFuture {height:300px;}
#segLogin {height:400px; width:500px;}
#segTrees {height:250px; width:200px; overflow-y:scroll;} 
#segWeb {height:30px;}
#segText {height:300px; width:500px}

#searchBody {overflow-y:scroll;}
#settingsDiv {overflow-y:scroll;}

.rDot { display:inline-block; width:15px; height:15px;cursor:pointer; position:absolute; right:1px; top:1;font: 80% Helvetica; color: #226; background:#a66;-moz-border-radius: 4px;	 -webkit-border-radius: 4px;	 border-radius: 4px;/*  border: outset 2px #226 */}

[class^='gDot'] { display:none; width:15px; height:15px;cursor:pointer; position:absolute; top:1;font: 80% Helvetica; color: #262; background:#4a8;-moz-border-radius: 4px;	 -webkit-border-radius: 4px;	 border-radius: 4px; padding-bottom:2px;}

[id^='gDotUp'] {left:0px; }
[id^='gDotDn'] {left:20px; }
[id^='gDotTop']{left:40px;}
[id^='gDotInx']{left:60px; }
[id^='gDotL'] {left:90px; }
[id^='gDotR'] {left:110px; }

[id^='gDot'] {display:none; margin-left:5px; margin-right:15px;}

[id^='bkChapterSeg_'] {width:700px; height:600px; /* top:20px; */}

[id^='revBut_Ch'] {display:none;}
[id^='bk'] > [id^='revBut_Ch']  {display:inline-block}
[id^='revBut_ChNext'] {-moz-transform: scale(-1, 1);-webkit-transform: scale(-1, 1);transform: scale(-1, 1);}

.its, .conv {	 display:none; }

#audVoxBut[data-vox="true"] { background: rgb(236, 187, 255); }

#audVoxBut[data-vox="false"] { background: rgb(136, 187, 255); color: #04d; }

/* Chrome, Safari, Opera */
@-webkit-keyframes mymove { from { background-color: rgb(136, 187, 255); } to { background-color: rgb(220, 150, 255); }}

/* Standard syntax */
@keyframes mymove { from { 	background-color: rgb(136, 187, 255); } to { 	background-color: rgb(220, 187, 255); } }
 
#headerImg { position:relative; }

.pic {width:100%;}
.smallpic {width:250px;}
video {display:block; margin: 0 auto;}

#headerImg2 {top:0px;left:px;}
#headerImg3 {top:5px; left:-20px;}
.hiddenLabel {visibility:hidden; }
.wmEssay img {background-color:#b0c0f0; }

		/* chitbooks.css */
		p.h {text-align: center; font: 24px Baskerville; color: #4444aa;}
		BookHeader p.h  {font: 32px sans-serif;}
		p.c {text-align: left; font: 20px;}
		.ind200 {position:relative; left:200px;}

		/* Brindabella 2200 */
		p.p1 { text-align: center; font: 150% Baskerville; ; color:#bbbbff}
		p.p2 { text-align: center; font: 150% Baskerville}
		p.p3, p.p4 { text-align: justify; text-indent: 16px; font: 90% Times New Roman; }
		p.p5 { text-align: center; font: 120% Baskerville}
		p.p6 { text-align: center; font: 90% Times New Roman}
		p.p7, p.p8 { text-align: center; font: 80% Helvetica}
		p.p9 { text-align: justify; text-indent: 16px; font: 85% Times New Roman; }
		p.p10 { text-align: center;  font: 80% Helvetica}
		p.p11 { text-align: center;  font: 80% Times New Roman; }
		p.p12 { text-align: center; text-indent: 16px; font: 100% Times New Roman}
		p.p13 { text-align: justify; text-indent: 16px; font: 120% Baskerville; }
		p.p14 { text-align: center; font: 120% Baskerville; }
		p.p15 { font: 100% Arial}
		p.p16 { text-align: justify; text-indent: 16px; font: 90% Times New Roman}
		p.p17 { text-align: justify; text-indent: 16px; font: 90% Times New Roman; }
		p.p18 { text-indent: 16px; font: 100% Times New Roman}
		p.p19 { text-align: justify; font: 90% Times New Roman}
		p.p20 { font: 80% Geneva; }
		p.p22 { text-align: center; font: 120% Baskerville}
		p.p23 { text-align: center; font: 100% Baskerville}
		p.p24 { text-align: justify; text-indent: 16px; font: 100% Baskerville; }
		span.s2, span.s3, span.s4 {font: 120% Times New Roman; ;}
		 

.segCalTable, .yrSeg { display:inline-block; }

.calSeg { text-align:left; position:relative; overflow:visible; width:0px; height:0px; margin-top:4px; }

hr {border:0; border-top: solid 1px #48da; }

.divCal { display:inline-block; text-align:left; vertical-align:top; }

.divCal .divCal /* .spanCal */  { display:inline; }

.calSpan {margin:2px;}

.divCal[id^='cal_ydiv_'] { width:1000px; /* display:block; */ }

.divCal[id^='cal_ndiv_'] { vertical-align:top; width:100px; }

#segCalendar {  width:810px; transform: scale(0.80,0.80); top:-52px; left:-84px; overflow-y:scroll}
.divCal:hover {  z-index:1000;}

.dateHdr { width:60px; text-align:right; }

.butCal { font-size:11px; width: 50px; }

.calTable td { border: solid 0px; }
 
[id^='sliderRev']{ background-color:#444; height:8px; left:-2px; top:0px; display:inline-block; position:relative; border: solid 0px  #484;  margin-top:5px; }  

[id^='slider'] {-webkit-appearance: none; border: solid 1px #448; top: -2px; background-image: linear-gradient(270deg, #88a, #48a 0%, #448 100%); height:6px}

[id^='sliderRevVol_'] { display:none; }

#sliderAuVol_Comp {width:150px}

#wdSegSub { top:15px }

[id^='wdSeg_'] {  display:inline-block; border-left: solid 1px  #48a;  padding: 0; left:15px; height:-webkit-max-content; position:relative; text-align:left;}

.wdBut {width:intrinsic; white-space: nowrap; display:inline-block;}

.wdDiv { display:none; border: solid 1px  #844; }

#textSaveBut { background-color:#8cf;color:#222;font-size:11px;height:12px; padding-bottom:1px;/* border:solid 0px; */margin-left:5px;}

[id^='segmedia_'], [id^='imgSeg_'] { height:intrinsic; width:intrinsic; }

.winLevel { width:100%; height:22px; /* border: solid 1px  #884; */ }

/* #segCompose, #segText { position:relative; display: block; } */

table { table-layout:fixed;width:100%; }

table[id*='Table_'] { width:600px; top:0px; }

.fileTable td:nth-child(7) { display: none; }

.tabTest { width:600px; top:10px; }
 
 /* visitors table */
#visIdCell {width:100px;}
#visNameCell {width:50%;}
#hdrChatCell {width:15px;}
#audCompButCell {width:15px;}
#vidCompButCell {width:15px;}
#hdrTextCell {width:15px;}

[id^='ftCell_1'] { width:150px;	 border-right: solid 1px #4848; }
[id^='ftCell_2'] { width:400px;	 }

[id^='atCell_1'] { width:2000px; text-align:left;} 
td[id^='atCell_6'] { text-align:right; }

[id^='htCell_1'] { width:150px; }
[id^='htCell_2'] { text-align:center; width:450px; } 

#srchTarget {width:calc(90% - 160px);}
[id^='stCell_1'], [id^='stCell_3'] {text-align:left;}
[id^='stCell_1'] {width:40%;}
[id^='stCell_2'] {width:10%;}
[id^='stCell_4'] {display:none;}
[id^='stCell'] {overflow:hidden; white-space:nowrap;border-right: solid 1px #4848;}

.atCell[id^='htCell_3'] {  width:30px; display: table-cell; font: 200% Times New Roman bold; }

.snap {width:100%; }

#segUploadFile {display: none;width:300px;margin:10px; border: solid 1px #4848; font: 100% Times New Roman; color:#8bf; padding:10px; }

#file-input button { background-color:#24a; }

table[id^='forumsTable'] { width:600px; }

td, th { border-right: solid 0px #4848; border-bottom: solid 1px #4848; }

.txtHdr {width:76%; height: 12px; text-align:center;font:90% Arial;}

#tabRowHdr {height:100px}

#visitorsTable{position:relative; width:100% }
#visitorsTable td { border-left: solid 1px #668; }
#visitorsTable th { border-bottom: solid 0px #4848; height:20px; overflow:hidden; border-left: solid 0px #444; font: 100% Times New Roman bold;}	

td avbutton[id^='calHdr'] { font:130% Courier; width:85%; height:10px;  padding-bottom:5px; -moz-border-radius: 3px;	 -webkit-border-radius: 3px;	 border-radius: 3px; }

#segArchives { height:auto;  width:530px; border: solid 0px #444; }

video {width:300px}

#fileTable { width:100%; margin-bottom:20px; }

.atTop { border: solid 1px #444; /* width:50px; */ text-align:center; cursor:pointer; margin-left:0px; padding:2px; position:relative; display:inline-block; top:3px; color:#48f }

[id^='uPicRev_'] { height: 200px; width: auto; position:relative; display:block; }

[id^='htmlSeg_'] { height:600px; width:700px; }

[id^='audioSeg_'] { height:80px; }

[id^='rtVidSeg_'] { height:385px; }

.revSliderDiv { border: solid 1px #48f6; background-color:#48f3 }

#sld-Average {background-color:#4af6}

.chk {width:15px;} 

.bgV, .bgC, .bgS {  display:inline-block;  border: solid 0px #48f;  height:12px;  text-align:left;  boundary:0px; padding:0px; width:20%; padding-right:10px;}
.bgV { width:50%; }

.valSpan, .chatSpan, .sigSpan { display:inline-block;  position:relative;  text-align:center; boundary:0px; padding:0px; }
.valSpan {width:45%; }
.chatSpan {width:25%;}
.sigSpan {width:25%;}

.medvideo, .vidPic { position:relative; width:400px; }

.compImgDisplay { width: 100%; }

.vidPic { height:210px; width: 160px; border: solid 2px #248; }

#artTableDiv { overflow-y: auto; height: 100%; }
#artTableDiv thead th { position: sticky;  position: -webkit-sticky; top: -1; }

.atCell, .htCell, .atCellh { border: solid 0px #484; border-bottom: solid 1px #4848; border-right: solid 1px #4848; /* background-color:#0000; */ }

.atCellh, .htCellh { display: none; }

.rtSrchBox { color:#8af; }
.rtChk { position: absolute; top: 5; left: 0; height: 14px; width: 14px; border-radius: 20%; /* background-color: #f44; evalClick*/ background-image: radial-gradient(#aaa 40%,  #888 20%); }
.rtChk:after { content: "<-"; position: absolute; display: none; }

/* =============		Text article etc fonts */
a:link { color: #6af; text-decoration: none; }
a:visited { color: #6af; }
a:active { color: #6af;  }
a:hover { color: #fbf; cursor:pointer;}


.C6x, .C7x { text-align:right; }
.C7 { display:none; }
.cr2 { text-align:right; }
.cr3 { text-align:center; }
.cr1f { padding-left:15px; color: #484; }
.cr1d { font:110% Arial #4af; }
.cr0 { display:none; }

.lvDivN{ color:#a84; background:#faa}
.lvDivN[data-sel="true"] { background:#8a8a}

.chapter {display:none;/*  width:90%; left:5%; */}

.bookCover {width:100%; height:auto; border: inset 5px #ffaaaa; }
t0, t1, t2, t3 {font-size:0.85em; font-family:helvetica;}
t0 { color: #ff4040; margin-left:5px; }
t1 { color: #aa4480; margin-left:15px; }
t2 { color: #aa4480; margin-left:30px; }
t3 { color: #8080bb; }
t4 { color: #40aa00; }

/* chitbooks.css */
p.h {text-align: center; font: 24px Baskerville; color: #4444aa;}
BookHeader p.h  {font: 32px sans-serif;}
p.c {text-align: left; font: 20px;}
.ind200 {position:relative; left:200px;}

/* Brindabella 2200 */
p.p1 { text-align: center; font: 150% Baskerville; ; color:#bbbbff}
p.p2 { text-align: center; font: 150% Baskerville}
p.p3, p.p4 { text-align: justify; text-indent: 16px; font: 90% Times New Roman; }
p.p5 { text-align: center; font: 120% Baskerville}
p.p6 { text-align: center; font: 90% Times New Roman}
p.p7, p.p8 { text-align: center; font: 80% Helvetica}
p.p9 { text-align: justify; text-indent: 16px; font: 85% Times New Roman; }
p.p10 { text-align: center;  font: 80% Helvetica}
p.p11 { text-align: center;  font: 80% Times New Roman; }
p.p12 { text-align: center; text-indent: 16px; font: 100% Times New Roman}
p.p13 { text-align: justify; text-indent: 16px; font: 120% Baskerville; }
p.p14 { text-align: center; font: 120% Baskerville; }
p.p15 { font: 100% Arial}
p.p16 { text-align: justify; text-indent: 16px; font: 90% Times New Roman}
p.p17 { text-align: justify; text-indent: 16px; font: 90% Times New Roman; }
p.p18 { text-indent: 16px; font: 100% Times New Roman}
p.p19 { text-align: justify; font: 90% Times New Roman}
p.p20 { font: 80% Geneva; }
p.p22 { text-align: center; font: 120% Baskerville}
p.p23 { text-align: center; font: 100% Baskerville}
p.p24 { text-align: justify; text-indent: 16px; font: 100% Baskerville; }
span.s2, span.s3, span.s4 {font: 120% Times New Roman; ;}

.std { font: 80% Arial; color:#6688bb; } /* comments */

.lr, .lrs { font:100% Arial; text-align:center; /* color:#bbb; */ width:100%; }
.lrs { width:auto; font:100%; display:inline-block; text-align:left; margin-right:20px; }
.lrss { font:110%; display:inline-block; text-align:right; }
.ar { text-align:right; }