/* $Id: style.css,v 1.1 2006/02/19 10:57:09 hom Exp hom $ */
@media screen {
  body, div, table { font-family: Verdana, Arial, sans-serif; font-size:9pt;}
  h1 { font-size:14pt; }
  h2 { font-size:12pt; }
  h3,h4 { font-size:10pt; }
  h3 { font-weight:bold; }
  body{ margin:	0em; padding:2em; background:url(/peerweb/images/navcolbackselected.png)#eee; background-repeat:  repeat-y;z-index:0;}
  td.navcol,th.navcol {padding-left:20px; }	
  .thl { text-align:left;}
  .thl.num, .thr { text-align:right;}
  div.intro,div.navopening { margin: 0; width: 100%; border: 0px solid black; 
    height:auto; padding: 3px; background: #4d95ba url(/peerweb/images/navopening.png) repeat-x; color:white; z-index:1;}
  div#tutorhelper {width:100%;}
  .tutorhelper table {width:100%;}
  div#navtop { margin:0; padding:1em; width:100%; color:white;
      background:#F88 (/peerweb/images/navcolbackselected.png);background-repeat: repeat-x;}
  div.navtop { border: 0px solid blue;
    padding: 8px 6px 3px 20px; margin:0; width:auto; display:inline;
  } 
  .navhrule { margin:-3px; padding:0; height:6px; background: #BAD9E7;}
  div.hbox { padding:0; margin:0; height:auto; display:inline; border: 0px solid purple;}
  div.vbox { padding:0; margin:0; width: auto; height:auto; display:box; }
  .navcol { margin: 3px 0 3px 0 ;border-width:0; border-collapse:collapse; width:auto; 
    padding: 2px 2px 2px 16px; border-right: 1px solid #ccc;}
  .navcol.selected { margin: 3px -3px 3px 0;
    background:url(/peerweb/images/navcolbackselected.png) #ccc; border-top: 1px solid #ccc; border-bottom:3px solid #888; border-right:0px;}

  .navtop > a:link, 
  .navtop > a:visited, 
  .navcol > a:link, 
  .navcol > a:visited { text-decoration:none; }
  a:hover { background: white; }

  div#navtop{ margin:0; width:auto; height:auto; border: 0px solid green; padding:0;}
  div#navrow { margin:0 0 -3px 0; padding:6px; width:auto; color:white;
      background:#F88 url(/peerweb/images/navcolbackselected.png); background-repeat: repeat-y;}
  .navtop.leftoff{ background: #f2f2df url(/peerweb/images/tabs-left-off.gif); z-index:0;} 
  .navtop.lefton { background: #4d95ba url(/peerweb/images/tabs-left-on.gif); z-index:2; } 
  .navtop.midonoff { background: #f2f2df url(/peerweb/images/tabs-middle-off-onleft.gif); } 
  .navtop.midon { background: #4d95ba url(/peerweb/images/tabs-middle-on.gif); } 
  .navtop.midoff { background: #f2f2df url(/peerweb/images/tabs-middle-off.gif); } 
  .navtop.righton { background: white url(/peerweb/images/tabs-right-on.gif) no-repeat; padding-left:6px; } 
  .navtop.rightoff { background: white url(/peerweb/images/tabs-right-off.gif) no-repeat; padding-left:6px;} 
  div#navmid {margin:0; padding:0; width: auto; border-width:3px; border-color:red; z-index:5;background: 
    url(/peerweb/images/navcolback.png)#88F; background-repeat: repeat-y;}
  .navcol, h1 {padding-left:20px;}
  div#navcol { position:absolute; left:0; width: 15%; margin: 0 auto 0 0;  height:auto;
    background: url(/peerweb/images/navcolback.png)#88F; background-repeat: repeat-y; z-index:5;}
  div#navmain {position:absolute; left:15%; margin:0; width:auto; height:auto; padding:1em; z-index:10;}
  h1 {padding: 0.2em;background:#80c0ff; }
 .theadleft { padding-left: 20px; text-align: left; background: #f2f2df url(/peerweb/images/tableheaderleft.png); }
  /* use right part, end should not show on normal displays */
  .theadmid { padding-right: 20px; margin-right:-2px; text-align:left; background: #f2f2df url(/peerweb/images/tableheaderright.png); }
  .theadright { padding-right: 20px; text-align: right; background: #f2f2df url(/peerweb/images/tableheaderright.png); 
    background-position:right;  }
  .naviconleft{ border:0; margin:0; padding-left: 0 6px 0 6px ; }
  p {text-align: justify;}
  p:first-letter,legend:first-letter {font-size:140%; font-weight:bold; font-family: script serif;color:#800; } 
  fieldset { margin:1em 1em 1em 2em; }
  *.joinable { background:red; }
  div.notice { float: left; padding:0.5em; margin:0.5em;font-size:12;
  font-weight:bold;color:white;background:#48A;}
}