IMG#pgImage {display:none}

.trLo {background-color:#def}
.trHi {background-color:#eff}

/* -- Questionnaire / Freediving Registration Quiz -- */
 .quiz LI {
   list-style-type:none;
   padding-left:3em;
   text-indent:-2em;
 }
 
/* --- account type selection --- */
 TH.selType, .selType SELECT {width:150px}
 TR.hi {background-color:#eff; color:black;}
 TR.lo {background-color:#def; color:black;}
 #features TD {text-align:center}
 #features TH {text-align:right; white-space:nowrap}
 #features TH H4 {text-align:center}
 #features TR.header TH {background-color:#359; color:#ff4; text-align:center}
 
/* --- registration --- */ 
 TABLE#regTbl TH {white-space:nowrap; text-align:right;}
 TABLE#regTbl TD {white-space:nowrap;}
 #regTbl INPUT   {width:200px}
 #regTbl SELECT  {width:25%}
 INPUT#year      {width:48%}
 INPUT#submit    {width:100%}
 INPUT.submit    {width:200px; margin-bottom:4px}

 TABLE.edit    {}
.edit TEXTAREA {width:300px}
.edit INPUT    {width:300px}
.edit SELECT   {width:300px; z-index:2;}
.edit TD {
 vertical-align:top; text-align:left;
 white-space:nowrap;
 width:300px;
}

INPUT.short {width:150px}
TD.priv, SELECT.priv {width:80px}
.edit TH {
 text-align:right; 
 vertical-align:top; 
 white-space:nowrap;
 width:350px;
} 
.comment  {font-weight:normal; font-size:90%; font-style:italic;}
TH.flag   {font-family:"Arial black",arial,helvetica; font-size:13pt; color:red;  width:20px; line-height:20px;}
TH.help B, TD.help B {font-family:"Arial black",arial,helvetica; font-size:13pt; color:#468; line-height:20px;}
TH.help, TD.help {width:30px; cursor:help; text-align:center;}
TD.spacer {padding:20px;}
DIV.wrapBtn {
  text-align:right; 
  font-weight:bold; font-size:8pt; 
  text-decoration:none;
  padding:2px 8px 4px 8px; 
  margin: 4em 0 4em 6em;
  color:#368; background-color:#acc; 
  border: 1px ridge #779;
  cursor:pointer;
}
DIV.help  {
  position:fixed; 
  display:none;
  top:10px; right:50px;
  width:230px; height:auto; 
  background-color:#ffa; color:black;
  border: 1px solid black;
  padding: 10px;
  white-space: normal;
  text-align: justify;
  font-size: 90%;
  z-index: 100;
 }
.foundTbl TD, .foundTbl TH {text-align:left;}
.foundTbl TH {background-color:#359; color:#ff4;}

/* ------ COACH ------- */
#timeBg, #timeSc, #timeMn, #timeOs, #timeOm {position:absolute; top:0; left:20px;}

DIV#taskList {
 position:absolute; 
 top:65px; right:0px; bottom:auto; left:260px; 
 height:250px; 
 border:thin inset; 
 overflow:auto;
 overflow-x:hidden;
}

TABLE#taskTbl {width:100%;}
COL#taskCol1  {width:15px;}
COL#taskCol2  {width:25px;}
COL#taskCol3  {width:10px;}
COL#taskCol4  {}
.taskLvl2 TD {padding: 0.8em 3px 3px 10px; font-size:100%; font-weight:bold; border-top: 2px dashed #8ac;}
.taskLvl3 TD {padding: 0.5em 3px 3px 10px; font-size:120%; font-weight:bold;}
.taskLvl0 TD.taskNm {padding-left:10px; font-style:italic;}
.taskLvl1 TD.taskNm {padding-left:15px; font-size: 90%; }
.taskLvl1 TD.taskNr {padding-right:10px;}
.taskLvl2 TD.taskNr {padding-right:25px;}
.taskLvl3 TD.taskNr {padding-right:40px;}
#taskTitle {color:#04a;}

DIV#atmWin     {position:absolute; top:60px; left:0px; width:800px; height:560px;  padding:0;    margin:0;}
DIV#atmWinIn   {position:absolute; top:0; right:0; bottom:20px; left:230px;        padding:15px; margin:0; border:thin outset;}

DIV.timerBarEnv {background-color:#ace; width:100%; height:16px;}
DIV.timerBar    {background-color:#04a; width:0%; height:100%;}

DIV#timerDsc0 IMG {position:absolute; left:10px; bottom:10px;}
DIV#task       {position:absolute; top: 0px;  left: 0; width:100%; height:100%; padding:0;}
DIV#timerPrg0  {position:absolute; top: 30px; left: 0; background-color:#ace; width:100%; height:16px; border:thin inset;}
DIV#timerTtl0  {position:absolute; top:  0px; left: 0; font-size:120%; font-weight:bold;}
DIV#timerDsc0  {position:absolute; top:110px; left: 0; width:220px; height:183px; padding:10px; border:1px dotted #8ac;}
DIV#timerLbl0  {display:none;}
DIV#timerTxt0  {position:absolute; top: 50px; left:  0px; font-size:50px; font-weight:bold; text-align:right; width:170px;}
DIV#timerTot0  {position:absolute; top: 60px; left:180px; width:60px; text-align:right;}
DIV#timerRem0  {position:absolute; top: 84px; left:180px; width:60px; text-align:right;}
DIV#timerPrc0  {position:absolute; top: 32px; left:  5px; font-size:12px; color:yellow;}
DIV#timerMsg0  {position:absolute; top:412px; right:0; bottom:0; left:0; height:100px; overflow:auto;}

DIV#exercise   {position:absolute; top:325px; left:0px; width:100%; height:75px; border:thin inset;}
DIV#timerPrg1  {position:absolute; top:10px; right:75px; bottom:auto; left:180px; background-color:#ace; height:13px; border:thin inset;}
DIV#timerBar1  {background-color:#04a; width:0%; height:100%;}
DIV#timerTtl1  {display:none;}
DIV#timerDsc1  {display:none;}
DIV#timerLbl1  {position:absolute; left:10px;  top:10px; width:90px; overflow:hidden;}
DIV#timerTxt1  {position:absolute; left:105px; top:10px; width:70px; text-align:right; font-size:120%; font-weight:bold;}
DIV#timerTot1  {position:absolute; right:5px; top:10px; width:70px; text-align:right;}
DIV#timerRem1  {position:absolute; top: 12px; right: 80px; font-size:10px; color:black;}
DIV#timerPrc1  {position:absolute; top: 12px; left: 185px; font-size:10px; color:yellow;}
DIV#timerMsg1  {display:none;}

DIV#session    {position:absolute; top:360px; left:2px; width:100%;}
DIV#timerPrg2  {position:absolute; top:0; right:75px; bottom:auto; left:180px; background-color:#ace; height:13px; border:thin inset;}
DIV#timerBar2  {background-color:#04a; width:0%; height:100%;}
DIV#timerTtl2  {display:none;}
DIV#timerDsc2  {display:none;}
DIV#timerLbl2  {position:absolute; left:10px; width:90px; overflow:hidden;}
DIV#timerTxt2  {position:absolute; left:105px; width:70px; text-align:right; font-size:100%; font-weight:normal;}
DIV#timerTot2  {position:absolute; right:5px;  width:70px; text-align:right;}
DIV#timerRem2  {position:absolute; top: 2px; right: 80px; font-size:10px; color:black;}
DIV#timerPrc2  {position:absolute; top: 2px; left: 185px; font-size:10px; color:yellow;}
DIV#timerMsg2  {display:none;}

DIV#course     {position:absolute; top:382px; left:2px; width:100%;}
DIV#timerPrg3  {position:absolute; top:0; right:75px; bottom:auto; left:180px; background-color:#ace; height:13px; border:thin inset;}
DIV#timerBar3  {background-color:#04a; width:0%; height:100%;}
DIV#timerTtl3  {display:none;}
DIV#timerDsc3  {display:none;}
DIV#timerLbl3  {position:absolute; left:10px; width:90px; overflow:hidden;}
DIV#timerTxt3  {position:absolute; left:105px; width:70px; text-align:right; font-size:100%; font-weight:normal;}
DIV#timerTot3  {position:absolute; right:5px;  width:70px; text-align:right;}
DIV#timerRem3  {position:absolute; top: 2px; right: 80px; font-size:10px; color:black;}
DIV#timerPrc3  {position:absolute; top: 2px; left: 185px; font-size:10px; color:yellow;}
DIV#timerMsg3  {display:none;}

DIV#options    {position:absolute; top:275px; bottom:21px; left:15px; width:190px; border:1px dotted #ace; padding:5px;}
#options LI    {list-style-type:none; font-size:90%; text-align:right;}
#options INPUT {padding-left:1em}
DIV#difficultyLvl      {width:100%; text-align:center; vertical-align:top;}
DIV#difficultyLvl IMG  {cursor:pointer;}
DIV#difficultyLvl SPAN {padding: 0 5px 0 5px; vertical-align:top;}

DIV#controlBtns {width:100%; text-align:center; vertical-align:top; height:26px; line-height:26px; padding:10px 0 10px 0;}
INPUT#abortBtn, INPUT#pauseBtn {margin:0; padding:2px; vertical-align:top;}
INPUT#startBtn  {width:100px; height:24px; font-size:12px; vertical-align:middle; margin:0; padding:0;}

/* --- designer / editor --- */
div#editorEnv   {margin-top:10px;}
TABLE#tabs {}
#tabs TD {
 height:22px; width:120px; 
 text-align:center;
 line-height:20px;
 font-size:14px;
 font-weight:bold;
}
.tab0 {background-color:#cde; border:thin outset; border-bottom:none; cursor:pointer;}
.tab1 {background-color:#ace; border:thin inset;  border-bottom:none;}
div#editorPage  {
  width:750px; 
  border:thin outset; 
  padding:20px;
  overflow:visible;
}

TABLE#list    {width:100%; margin: 0.5em 0 1.5em 0; font-size:90%;}
TABLE#list TH {background-color:#359; color:#ff4;}
TABLE#list TD {background-color:#cde; padding-left:1em; padding-right:1em;}

TABLE#editTraining {}
TABLE#editTraining TEXTAREA {width:450px}
TABLE#editTraining INPUT    {width:450px}
TABLE#editTraining SELECT   {width:450px; z-index:2;}
TABLE#editTraining TH {text-align:right; vertical-align:top; white-space:nowrap;}
TABLE#editTraining TD {text-align:left;  vertical-align:top; white-space:nowrap;}
TABLE#editTraining INPUT.short {width:220px}

/* --- program line editor --- */
TABLE#editTraining TD.prgLnEdit SELECT {font-size:11px; width:80px;}
TABLE#editTraining TD.prgLnEdit INPUT  {font-size:11px; width:100px; text-align:right}
TABLE#editTraining TD.prgLnEdit SELECT.prgLnNm {width:240px;}
TABLE#editTraining TD.prgLnEdit INPUT#addPrgLn {width:auto; margin-top:0.5em; text-align:center;}
TABLE#prgLnList    {width:450px;}
TABLE#prgLnList TH {text-align:center;}

DIV#windowBtn  {position:fixed; top:110px; right:20px;}
INPUT#closeBtn {width:60px; font-size:9px;}

DIV#taskCopy   {
  position:absolute;
  right:0px; bottom:0px; left:230px; 
  font-size:80%;
  color:#79b;
}
#taskCopy A {text-decoration:none; color:#68a;}