@import url("common.css");

/*** elements *****************************************************************/

body {
   border-bottom:       1px solid #000000;
   border-left:         1px solid #000000;
   border-right:        1px solid #000000;
   /* bottom margin permits scrolling past the end of the page */
   margin:              0 auto 13px auto;
   padding:             0;
   width:               768px; }

html {
   background:          #CCCCCC url("images/background.gif"); }

label {
   display:             block;
   font-size:           11px;
   font-weight:         bold; }

/*** classes ******************************************************************/

form p.protip {
   background:          #FFFFE1;
   border:              1px solid #000000;
   float:               right;
   font-family:         "Microsoft Sans-Serif";
   font-size:           11px;
   margin:              0;
   padding:             2px;
   width:               50%; }

li.pending {
   font-style:          italic; }

p.badnews {
   color:               red;
   margin:              0; }

p.goodnews {
   color:               green;
   margin:              0; }



ul.navigationmenu {
   /* yes, menu and content have overlapping borders */
   border-right:        1px solid #000000;
   /* enable stacking multiple menus */
   clear:               left;
   float:               left;
   list-style:          none;
   margin:              0;
   padding:             0 0 13px 0;
   width:               128px; }

ul.navigationmenu a {
   background:          #CCC;
   color:               #000;
   text-decoration:     none; }

ul.navigationmenu a, ul.navigationmenu span {
   border:              1px solid #FFF;
   border-right-width:  8px;
   display:             block;
   padding:             3px 6px; }

ul.navigationmenu a:hover, ul.navigationmenu span {
   background:          #F90;
   /* border-right-width:  8px; */
   color:               #FFF; }

ul.navigationmenu li {
   border-bottom:       1px solid black; }



ul.oldnav {
   /* yes, menu and content have overlapping borders */
   border-right:        1px dotted #999999;
   /* enable stacking multiple menus */
   clear:               left;
   float:               left;
   font-size:           11px;
   font-weight:         bold;
   list-style:          none;
   margin:              0;
   padding:             0;
   width:               192px; }

ul.oldnav a {
   text-decoration:     none; }

ul.oldnav a, ul.oldnav span {
   /* placeholders for hover borders */
   border-bottom:       1px dotted transparent;
   border-top:          1px dotted transparent;
   display:             block;
   padding:             6px 13px;
   /* desired width - padding */
   width:               166px; }

ul.oldnav a:hover, ul.oldnav span {
   background:          #CFE6E6;
   border-bottom:       1px dotted #999999;
   border-top:          1px dotted #999999; }

ul.oldnav li {
   padding-bottom:      1px; }

ul.oldnav span {
   color:               #BF6930; }

/*** IDs **********************************************************************/

#content {
   border-left:         1px solid #000000;
   /* menu width */
   margin-left:         128px;
   padding:             13px; }

#footer {
   background:          transparent;
   clear:               both;
   color:               #999;
   font-size:           11px;
   padding:             6px;
   text-align:          center; }

#previewmode {
   background:          #FFFF00;
   border-bottom:       1px solid #FFFFFF;
   padding:             13px; }

#previewmode p {
   margin:              0; }