/* Styles for SMM */

BODY {
   font-family: Verdana,Arial,sans-serif;
   font-size: 10px;
   margin-top: 0px;
   margin-left: 0px;
   background-color: white;
     }

H1, H2, .SlideHeading    {font-family: Arial, Helvetica, Sans-serif;}
.SlideHeading
	{
	 font-size: xx-large;
	 font-weight: bold;
	}

H1, H3,  .SlideHeading  {color: #0000ee;}
H3  {
     margin-top: 10px;
     margin-bottom: 0px;
     font-size: 10px;
     }
     
H1
	{
	 background-color: #eef;
	 border-top: 1px solid #ccf;
	 border-left: 1px solid #ccf;
	 border-bottom: 1px solid #99e;
	 border-right: 1px solid #99e;
	 padding: 2px;
	}

H3 .subhead
	{
	 font-weight: normal;
	}
	
.SlideHeadingBox
	{
	 background-color: #eef;
	 border-top: 1px solid #ccf;
	 border-left: 1px solid #ccf;
	 border-bottom: 1px solid #99e;
	 border-right: 1px solid #99e;
	}

.SessionLinks
	{
	 font-size: small;
	}

* html .SessionLinks
	{
	 font-size: x-small;
	}

TABLE, TR, TD, UL, P, OL, DT, DD {
   font-family: Verdana,Arial,sans-serif;
   font-size: 10px;
     }

ADDRESS {font-style: normal;}

.MajorEmphatic
    {
     font-weight: bold;
     color: #00f;
    }

DL, DD, BLOCKQUOTE, TABLE, FORM, UL, OL, TR {
    margin-bottom: 0;
    padding-bottom: 0;
    margin-top: 0;
    padding-top: 0;
      }


LI {margin-left: -6px;}

KBD, .kbrd, .keystrokecell
      {
       font-family:  monospace,sans-serif;
       font-size: 12px;
       text-transform: capitalize;
      }

PRE    {margin-left: 10px; width: 98%;}

TABLE.center {
	margin-left:auto;
	margin-right:auto;
	}

.HomePage
     {font-family: Verdana, Arial, Helvetica, Sans-Serif;
      color: #0000ee;
      }

.LeftIndent
     {
      margin-left: 15px;
     }

.GapAbove, .GapAboveGray
     {
      margin-top: 10px;
     }

.GapBelow
	 {
	  margin-bottom: 4px;
	 }
	 
.GapAround, .GapAroundGray
     {
      margin-top: 10px;
      margin-bottom: 10px;
     }

.GapAroundGray, .GapAboveGray
     {
      color: #333;
     }

.pseudoPre, .pseudoPreFormula, .pseudoPreFormulaContinueCell, .pseudoPreFormulaRef {
           margin-left: 15px;
           margin-top: 10px;
           margin-bottom: 10px;
           width: 90%;
           white-space: pre;
           background-color: #9ff;
           padding: 3px;
           border: solid #069 1px;
           }

.slidepanel .pseudoPre, .slidepanel .pseudoPreFormula, .slidepanel .pseudoPreFormulaContinueCell, 
	.slidepanel .pseudoPreFormulaRef {
	background-color: #fff;
	}
	
.vbakeyword {color: #0000ff;}
.vbaexample, .blanking
    {
     margin-top:        12px;
     margin-bottom:     12px;
     padding:           2px;
     width:             95%;
     border:            1px outset;
     background-color:  white;
     text-align:        left;
    }

.DownOne, .footer {font-size: smaller;}
.ContinueCell, .ItlTermContinueCell {margin-top: 10px;}
.withintd {margin-top: 0px;}
.syllabusdate {font-weight: bold;
               color:       #666;}

/* The syllabus calendar */
.sylCal {font-size: smaller;
         text-align: center;}
.sylCalSession, .sylCalLab, .sylCalHoliday, .sylCalDaysOfWeek, .sylCalCenter {text-align: center;}
.sylCalCenter
    {
     background-color: white;
    }

.sylCalSession, .sylCalLab, .sylCalHoliday, .sylCalCenter
	{border-width: 1px;
     border-color: black;
     border-style: solid;
	}

.sylCalSession, .CellStdColor, .textCalSession {background-color: #cff}
.sylCalLab, .textCalLab {background-color: #ffc}
.sylCalHoliday {background-color: #999}
.sylCalDaysOfWeek {background-color: #ccc;
                   font-style:       italic;
                   }
.footer {font-family: Arial, Helvetica, Sans-serif;}

/* session pages */

.slidepanel, .searchMoreMatches
     {
      background-color: #99ffff;
      border:   1px solid #0cc;
      padding:  6px;
     }

.footerpanel
     {
      background-color: #eef;
      border:   1px solid #0cc;
      padding:  6px;
      margin:   4px;
      margin-top: 35px;
      width:   440px;
     }

.Registration
     {
      background-color: #99ffff;
      border:   1px solid #0cc;
      padding:  4px;
      margin:   4px;
      text-align: center;
     }

.footerleft, .footerright
     {
      width: 47%;
      background-color: white;
      border:   1px solid #6cc;
      margin:   0px;
      padding:  1%;
     }

.footerright
	{
	 float: right;
	 height: 100%;
	}
	
.FooterContactInstructor, .FooterContactAuthor
	{
	}

/* Problem set data tables */
.datatable     {font-size:       smaller;}
.wsfcell       {background-color: #cff;  /* Used for the table of WS functions */
                font-family:      monospace,sans-serif;}
.textcell      {background-color: #ccc;}
.textcellslide     {background-color: #fff;}
.textcellslide li, .slidepanel li {margin-left: -2em;}
.kcacell
		{
		 text-align: right;
		 color: #33f;
		 font-weight: bold;
		}
		
.textcellgrn, .textcellgc, .keystrokecell, .textcellgrnrt, .rowcaptiongrn {background-color: #cff;}
.textcellgc    {text-align: center;}
.rowcaptiongrn {text-align:       right;}
.datacell      {text-align:       right;
                background-color: #ff0;}
.rowcaption    {font-style:       italic;
                text-align:       right;
                background-color: #eee;
                margin-right:     3px;}
.textcellgrnrt {text-align: right}
.columncaption {font-style:       italic;
                text-align:       center;
                background-color: #eee;}
.upperleftcorner {font-style:       italic;
                background-color: #ccc;}

/* Theme color */
.Tclr     {color: #0000ee;}

/* menus, keystrokes, functions, excel names, formulas */

.MCmd, .dialog      {font-family: Verdana,Arial,sans-serif;
            font-weight:  bold;}

/* Excel names and references; worksheet functions; add-in worksheet functions */
.xlnm, .wsf, .aiwsf  
   {
    font-family:  "Lucida Console",Monaco,monospace;
    /*cursor: pointer;*/
   }

.wsf, .aiwsf
   {
    font-weight: bold; 
    cursor: pointer;
   }
   
.wsf                  {text-transform: uppercase;}

.tblcap
	{
	 font-size: smaller;
	 font-weight: bold;
	 margin-bottom: 3px;
	 padding-bottom: 3px;
	}

.formula, .formula2, .vbaformula, .pseudoPreFormula, .pseudoPreFormulaContinueCell, .pseudoPreFormulaRef
	{
	 font-family: monospace,Sans-serif;
	 font-size: 11px;
	}

.VBAComment
    {
     color: green;
    }
    
.formula2  {margin-left: 80px}

PRE.formula, .pseudoPreFormula
	{
	 margin-left: 15px;
	}

.pseudoPreFormulaRef {width: 100%}

.docURL    {
    font-family: Arial,sans-serif;
    font-size: smaller;
    margin-left: 4px;
  }

/* Tables */
.tablehead {color: #0000ee;;
            font-weight: bold;}
.tableright, .tablerightgray, .tablerightlightgray, .tablerightsmaller {color: #0000ee;;
             font-weight: bold;
             text-align: right;
             padding-right: 5px;}
.tablerightgray {color: #333333;}
.tablerightlightgray {font-weight: normal;  
             text-align: right; padding-right: 5px; /* why is this necessary? without it, align is wrong. */
             color: #333333;}
.tablerightsmaller {font-size: smaller;}

/* navmenus */
.NavMenuGray {color: #666666}
.NavMenu {text-align: center;
           border: 2px #669999 outset;
           line-height: 120%;
           width: 75%;
           padding: 8px 8px;
           font-family: Arial}

.TextBox, .TextBoxLeft
   {
    text-align: center;
    width: 90%;
    padding: 5px;
    background-color: white;
    border: 1px #669999 outset;
    font-family: Verdana,Arial,sans-serif
   }

.TextBoxLeft
   {
    text-align: left;
   }

.PreferenceAnnouncement {text-align: center;
           width: 90%;
           padding: 5px;
           background-color: #99ffff;
           border: 1px;
           font-family: Verdana,Arial,sans-serif}

/* Used for {left,right}-aligned images */
.PadRight {padding-right: 5px;
           padding-bottom: 5px;}
.PadLeft {padding-left: 5px;
          padding-bottom: 5px;}
.PadLeftTop  {padding-left: 5px;
          padding-bottom: 5px;
          padding-top: 5px;}

.Suggestion
     {
      float:       right;
      width:       200px;
      background-color: #cff;
      border:      1px #066 solid;
      padding:     3px;
      margin:      2px;
      font-family: Verdana,Arial,sans-serif;
      font-size:   10px;
      font-style:  normal;
      font-weight: normal;
     }

.ItlTerm, .ItlTermContinueCell{font-style: italic;}
.ItlTermContinueCell {margin-top: 10px;}


SPAN.floatright {background-color: #ffff00;
                 border: 1px #FF0000 solid;
                 font-family: Verdana,Arial,sans-serif;
                 padding: 0.5em;
                 float: right;
                 width: 175px;}

.RelevantCenter, .Relevant, .HomeworkBox, .Materials  {
        float:       right;
		color:       black;
		border:      1px #000066 solid;
		padding:     3px;
		margin:      2px;
		font-family: Verdana,Arial,sans-serif;
		font-size:   10px;
		font-style:  normal;
		font-weight: normal;
		background-color: white;
		}

.Relevant    {width:       200px;}
.RelevantCenter {width:    125px; text-align: center;}
.Materials	{width: auto;
			 text-align: right;}
			 
.HomeworkBox 
	{
	 background-color:	#cff;
     padding:     		5px;
     text-align:		left;
    }

.OrderingBlock, .OrderingBlockGoogle, .GoogleBuyNow
      {
       background-color: #bff;
       border:           solid 1px #9cc;
       padding:          6px;
       margin-top:       4px;
       margin-bottom:    4px;
       text-align: 		 center;
      }

.OrderingBlockGoogle
	  {
	   width: 50%;
	   background-color: white;
	  }
	  
.GoogleBuyNow
	  {
	   background-color: white;
	   margin: 4px 0px 4px 4px;
	  }


#ThirdColumn {position: absolute;
              left: 595px;
              width:       135px;
              top:    2px;
              font-family: verdana,arial,sans-serif;
              font-size: 10px;
              }

#ThirdColumnContact {position: absolute;
                     left: 595px;
                     width:       135px;
              }

.ThirdAdBullets, .ThirdAdBody {
           text-align: left;
           }
.ThirdAdBullets {margin-left: 1em;
                 margin-top: 2px;
                 margin-bottom: 2px;
                 padding-left: 1em;
                 padding-right: 2px;
                }
.ThirdAdBullets LI {margin-top: 1px; margin-bottom: 1px;}
.ThirdAdHeadline, .ThirdAdHeadlineHover, .ThirdAdMore, .ThirdAdMoreHover {font-weight: bold;
                  text-align: center;
                  background-color: #0000ee;;
                  padding: 2px; margin: 0px;
                  }
.ThirdAdMore, .ThirdAdMoreHover {margin-bottom: 1px;
              padding:1px;
              background-color: #99f;
              margin-bottom: 8px;
              }
.ThirdAdBody {border: solid 1px #99f;
              padding: 2px; margin: 0px;
              background-color: #eef;
              }

.ThirdAdCell {padding: 0px;}

.ThirdAdHeadline, .ThirdAdHeadlineHover {color: white;}
.ThirdAdHeadlineHover {background-color: #f33;
                       cursor: pointer;}
.ThirdAdHeadline A:link {text-decoration: none;
                         color: white;}
.ThirdAdHeadline A:hover {text-decoration: none;
                         color: white;}
.ThirdAdHeadline A:visited {text-decoration: none;
                         color: white;}
.ThirdAdHeadlineHover A:link {text-decoration: none;
                         color: white;}
.ThirdAdHeadlineHover A:hover {text-decoration: none;
                         color: white;}
.ThirdAdHeadlineHover A:visited {text-decoration: none;
                         color: white;}


.ThirdAdMoreHover {background-color: #f33;
                   cursor: pointer;}
.ThirdAdMore A:link {text-decoration: none;
                         color: white;}
.ThirdAdMore A:hover {text-decoration: none;
                         color: white;}
.ThirdAdMore A:visited {text-decoration: none;
                         color: white;}
.ThirdAdMoreHover A:link {text-decoration: none;
                         color: white;}
.ThirdAdMoreHover A:hover {text-decoration: none;
                         color: white;}
.ThirdAdMoreHover A:visited {text-decoration: none;
                         color: white;}



#nav {position: absolute;
      left:     4px;
      top:      4px;
      z-index:  200;
      width:    131px;
     }

/* Styles for layout */


.col1rt, .col1rtgray, .col1rtblack, .col1rtlightgray
       {
        position: absolute;
        margin: 2px;
        margin-left: -142px;
        overflow: visible;
        top: 0px;
        margin-top: 0px;
        font-weight: bold;
        text-align: right;
        width: 135px;
        display: block;
       }

.col1rt
       {
        color:  #0000ee;
       }

.col1rtgray
       {
        color:  #333;
       }

.col1rtlightgray
       {
        color:  #666;
       }

.col1rtblack
       {
        color:  #000;
       }

.MarginQuote
       {
        font-family: verdana,arial,sans-serif;
        font-style: italic;
        font-size: 10px;
        font-weight: normal;
        padding: 4px;
        color: #ffffcc;
        background-color: #663300;
        text-align: center;
       }

.col2, .col2gap, .memgap, .col2glossary
	{
     position: relative;
	 text-align: left; 
	 margin-left: 143px;
     margin-top: 0px;
	 width: 440px;
	 display: block;
	 }

.col2gap, .memgap
       {
        margin-top: 10px;
       }

.col2glossary
       {
        margin-top: 15px;
        margin-bottom: 15px;
       }

/* Used for the memorables */
.memgap
       {
        margin-left: 165px;
        width: 420px;
       }

#inner, .prelim
	{
        position: relative;
        text-align: left;
        margin-left: 2px;
        margin-top: 0px;
        width: 590px;
        display: block;
	}

#menuspacer
       {width: 1px; 
        height: 330px;
        float: right;
        z-index: 200
       }

.tabletip
	   {
	    padding: 4px;
	    background-color: #cff;
	    border: 1px solid #9cc;
	   }
	   
.FormInput, .FormSubmit
         {
          border: solid 1px #00e;
          background-color: white;
          padding:          2px;
         }

INPUT, TEXTAREA
		{
		 font-family: Verdana,Arial,sans-serif;
		}
		
.FormSubmit
         {
          cursor: pointer;
         }
         
.Advisory, .JSWarning
		{
		 width: 590px;
		 padding: 4px;
		 margin: 12px 2px 12px 135px;
		 background-color: #eef;
		 border: 1px solid blue;
		}

.JSWarning
		{
		 background-color: #ff9;
		 border: 1px solid red;
		}
		
.ConvenienceNav
		{
		 width: 590px;
		 margin: 6px;
		 margin-left: 135px;
		}
		
.CNButton, .CNButtonGray
		{
		 padding: 4px;
		 margin-bottom: 6px;
		 background-color: #eef;
		 border-top: 1px solid #ccf;
		 border-left: 1px solid #ccf;
		 border-bottom: 1px solid #99e;
		 border-right: 1px solid #99e;
		}
.CNButton
		{
		 cursor: pointer;
		}

.CNButtonGray
		{
		 color: lightgrey;
		 cursor: '';
		}

* html .IEHack 
		{
		 line-height: 5px;
		 margin: 0em;
		 }

* html p.IEParaFix
		{
		margin-top: 0em;
		}
		
* html P,H1,H2,H3
		{
		 margin-top: 1em;
		 margin-bottom: 1em;
		}
* html HR
		{
		 margin-top: 0em;
		 margin-bottom: 0em;
		}

.blanking
		{
		 background-color: lightyellow;
		 padding: 30px;
		 border: 1px solid red;
		}

.ServiceEqn
	{
	 vertical-align: bottom;
	 text-align: right;
	 width: 95%;
	 margin-left: 5%;
	}

.FloatLeft
	{
	 float: left;
	}
	
.FloatRight
	{
	 float: right;
	}
	
.ragged
	{
	 background: url(http://www.chacocanyon.com/smm/images/ragged.gif)  repeat-x;
	 width: 100%;
	 height: 7px;
	 }

.CaptionedImgRight, .CaptionedImgLeft
       {
        border:           none;
        background-color: white;
        margin:           2px;
        width:            auto;
        float:            right;
        margin-right:     0px;
       }

.CaptionedImgRight, .CaptionedImgLeft
      {
       font-size:        small;
       text-align:       center;
       font-family:      verdana,arial,sans-serif;
       padding:          2px;
       margin:           4px;
       border:           solid 1px #699;
      }

.CaptionedImgRight
       {
        float:        right;
        margin-right: 0px;
       }

.CaptionedImgLeft
       {
        float:        left;
        margin-left: 0px;
       }

.habbr
		{
		 border-bottom: 1px dotted #00f;
		 cursor: help;
		}
		
.DropBoxLink a:hover 
	   {cursor: crosshair; 
	    background-color: yellow;
	    text-decoration: none;
	   }
	   
.Warning
	   {
		background-color: yellow;
		border: solid 1px black;
		padding: 2px;
	   }