/* wg-page.css */
    /* HTML element styles */
    body	{
		    background-color: white;    
		    margin: 0;
		    padding: 0;
		    border: 0;
    }
    body, th, td	{
		    font-family: "Times New Roman", times, serif;
		    font-size: 11pt;
		    margin: 0;
		}
		
    td		{ vertical-align: top; padding: 0 0 0 0; }
    h1		{ font-size: 150%; }
    h2		{ margin: 0.22em 0 0.22em 0; }
    h4		{ margin: 0.45em 0 0 0; }
    form	{ margin: 1em; }
    .menu form	{ margin: 0; }

    input.frugal,textarea.frugal {
	    border-top: groove 2px #bbb;
	    border-left: groove 2px #ccc;
	    border-right: ridge 2px #ddd ;
	    border-bottom: solid 1px #ddd;
	    padding: 1px;
	    margin: 1px;
	    vertical-align: middle;
    }

    /* Style classes */

    .page	{
		  margin: 0.2em 0.4em;
		  width: 70em;
		}
  /* Undo some of the settings above, for fully css compliant browsers. */
  /* The qualification of the elements hide this from less capable browsers. */
    div[class=page]	{
		  width: auto;
		  max-width: 70em;	/* 58em = 128ex in the design browser */
		}
    div[class=content]	{
		  width: auto;
		  max-width: 70em;
		}
    div[class=search]	{
		  width: auto;
		  max-width: 50em;
		}

    /* Link styles */
    :link, :visited {
	    text-decoration: underline;
	    color: #00D;
	    border-bottom: 0;
    }
    :link:hover, :visited:hover {
	    background-color: inherit;
	    color: #00D;
    }

    .masthead {
        font-family: "Didot", "Cochin", "Baskerville", serif;
        font-size: 420%;
	text-align: center;
	padding: 0.22em;
    }
    .slogan {
        font-family: "Didot", "Cochin", "Baskerville", serif;
        font-style: italic;
	text-align: center;
	padding-bottom: 0.45em;
    }
    .news {
        font-family: "Times", "Times Roman", serif;
	color: #222;
	padding: 0.45em;
    }
    td.news {
	width: 50%;
    }

    .version	{
		  font-family: helvetica, arial, sans-serif;
		  font-style: italic;
		  font-size: 8.5pt;
		  text-align: right;
		  color: #aaa;
		  margin: 0;
		  padding: 0;
		} 
    .version a:link	{ color: #aaa; }
    .version a:visited	{ color: #aaa; }
    .version a:active	{ color: #aaa; }
    .version a:hover	{ color: #888; }

    .logo	{ border: 0;  }
    .logomargin { margin: 0; padding: 0; border: 0; width: 0px;}
    @media print {
	    .wglist { display: none; }
    }
    @media screen {
	    .wglist	{ border-right: groove gray 2px; width: 4.7em; }
    }
    .content	{ margin: 0 0 0 0.45em; }
    .date	{ font-size: 9pt; font-family: 'Courier New', monospace; padding: 0.27em 2em 0 0; }
    .new	{ font-size: 8pt; font-weight: bold; font-style: italic; color: red;}
    .rfcsearch	{ font-size: 8pt; margin: 0; }
    .submit	{ padding: 0; border: outset gray 1px; font-size: 8pt; }
    .topmenu {
		  border-top: solid black 1px;
		  border-bottom: solid black 1px;
		  width: 100%;
		  text-align: center;
		}
    .topmenu table {
		  width: 100%;
		}
    .topmenu table tr td {
		  font-family: Arial, Helvetica, sans-serif;
		  font-weight: bold;
		  font-size: 80%;	
		}
    .topmenu table tr td a {
		  text-decoration: none;
		  color: #222;
		}
    .topmenu table tr td a:hover {
		  color: #555;
		}
    .menu	{
		  width: 100%;
		  text-align: center;
		  font-weight: bold;
		  margin: 0.22em;
		  font-family: Verdana, Optima, Helvetica, sans-serif;
		  font-size: 8pt;
		}
    .right	{
		  float: right;
		  font-weight: bold;
		}
    .navbar	{ 
		  text-align: center;
		  font-family: Verdana, Optima, Helvetica, sans-serif;
		  font-size: 8pt;
		  width: 100%;
		}
    table.menutop { width: 100%; margin-right: 1px;}
    .edit	{ float: left; }
    .update	{ font-size: 9pt; font-style: italic; text-align: right; width: 100%; margin-top: 3em; }
    .chairs	{ vertical-align: bottom; text-align: right; font-size: 10pt; font-style: italic; }
    
    a:link	{ color: #00D }
    a:visited	{ color: #408 }
/*     a:active	{ color: #04C } */
    a:hover	{ color: #00F }

    a.external:link	{ color: #800 }
    a.external:visited	{ color: #840 }
    a.external:active	{ color: #804 }
    a.external:hover	{ color: #C00 }

    .active, .active_wg	{ border-left: solid white 0.22em; padding: 0.2em 0.22em 0 0; }
    .concluded, .concluded_wg { background-color: #F8F8D0; border-left: solid white 0.22em; padding: 0.22em 0.22em 0 0; }
    .not_a_wg { background-color: #EEF; border-left: solid white 0.22em; padding: 0.22em 0.22em 0 0; }
    .bof { background-color: #EFE; border-left: solid white 0.22em; padding: 0.22em 0.22em 0 0; }

    .draftspanel { width: 7.25em; padding: 0.9em; background-color: #EEE; }
    .concluded_wg .draftspanel { background-color: #EEB; }
    .not_a_wg .draftspanel { background-color: #DDE; }

    .caption	{ margin: 2em; font-size: 12pt; }
    .draftspanel { margin: 1.8em 0 0 1.8em; }
    .draftslist { }
    .draftslist td { padding: 1px; }
    /*     .draftslist td div { position: relative; vertical-align: top; } */
    .draftslist .entry { position: relative; vertical-align: top; }
    .hover { position: absolute; top: 10px; left: 3px; border: black solid 1px; background-color: #FFE; visibility: hidden; }
    td.rev { padding-left: 0.2em; white-space: nowrap; }
    .draftdate { font-size: 9pt; font-family: monospace; white-space: nowrap; }
    .menuitem	{ margin-top: 0.25em; margin-bottom: 0.25em; }
    .topitem	{ margin-top: 0.25em; margin-bottom: 0; }
    .subitem	{ margin-left: 0.5em; margin-bottom: 0.25em;  }
    .small	{ font-size: 8pt; font-family: Verdana, Helvetica, Arial, sans-serif; }
    .menuform	{ margin: 0 0 0.45em 0; vertical-align: baseline; }
    .subitem form	{ margin: 0 0 0.45em 0; }
    .subitem input	{ width: 5.5em; font-size: 8pt; }
    .subitem button	{ padding: 0; margin: 0px; }

    .spellcheck	{ border-bottom: red solid 2px; text-decoration: none; color: black; }
    a.spellcheck	{ text-decoration: none; color: black; }
    a.spellcheck:link	{ text-decoration: none; color: black; }
    a.spellcheck:visited	{ text-decoration: none; color: black; }
    a.spellcheck:hover	{ text-decoration: none; color: black; }
    a.spellcheck:active	{ text-decoration: none; color: black; }

    .popup	{
	    position:absolute;
	    visibility:hidden;
	    background-color:#F0F0D0;
	    padding: 1.4em; 
	    border: solid #345 1px;
	    margin: 0px;
	    font-size: 10pt;
	    font-family: monospace;
	    white-space: pre;
	    text-align: left;
    }

    /* progress bar and ticket indication */
    table.draftissues { margin-top: 0.15em; }
    td.progressbar { vertical-align: middle }
    table.progressbar {
	    border: 1px solid gray;
	    border-collapse: collapse;
	    border-spacing: 0;
	    margin: 0;
	    padding: 0;
	    empty-cells: show;
	    width: 2em;
    }
    table.progressbar a, table.progressbar :link, table.progressbar :visited,
    table.progressbarbar :link:hover, table.progressbar :visited:hover {
	    border: none;
	    display: block;
	    width: 100%;
	    height: 100%;
	    padding: 0;
	    margin: 0;
	    text-decoration: none;
    }
    table.progressbar td { padding: 0; height: 0.45em; }
    table.progressbar td.closed { background: #4c4 }
    table.progressbar td :hover { background: none }
    table.draftissues td.small {
	    font-size: 0.9em;
	    font-family: sans-serif;
	    font-weight: bold;
	    text-decoration: none;
	    color: black;
	    vertical-align: middle;
    }
    table.avp td { font-family: monospace; font-size: 80%; padding: 0 1em 0.1em 0; }

    .toolblurb { margin: 2em 3em 0 4em; }