/* Original Courses.css */

/*---------- Basic Layout and Appearance ----------*/
/* Colors here are overridden in the CM.css in the Theme folder */
/* except for Administrator access to traditional pages */


/* Body contains everything */
body 
{
  top: 0px;
  margin: 0px;
  width: 100%;
  text-align: center;
  background-repeat: no-repeat;
  background-attachment: fixed;
/*  padding-top: 5px;*/
  overflow: hide ;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;	/* sets the basic font size, on which all em-sizes are calculated */
  position: relative;
}



/* WholePage also contains everything but apparently is more useful than Body */
div.WholePage
{
/*  top: 0px;
  left: 0px;
  margin: 0px;*/
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px;	/* sets the basic font size, on which all em-sizes are calculated */
  width: 100%;
  color: #000000;
  text-align: center;
}

DIV.PlainPage {
	Z-INDEX: 500; WIDTH: 99%; PADDING-TOP: 20px; POSITION: absolute; TOP: 130px;
}



/* PageTop contains the page heading */

div.PageTop 
{
  BACKGROUND-COLOR: #F5F5DC;
  position: absolute;
  height: 90px;
  color: #1a1a1a;
  overflow: hidden;
  z-index: 500;
  top: 0px;
  width: 100%;
}

div.LeftLogo
{
  position: absolute;
  top: 7px;
  overflow: hidden;
  z-index: 999;
}

div.Logout
{
  position:absolute;
  top: 10px;
  right: 10px;
  z-index: 999;
  VERTICAL-ALIGN: middle;
}
div.PageTitle 
{
  position: absolute;
  margin-left: 25%;
  width: 75%;
  font-weight: bold;
  font-size: 150%;
  top: 3px;
px;
}

div.PageBanner, div.FormTitle
{
  BACKGROUND-COLOR: #F5DEB3;
  position:absolute;
  top: 29px;
  height: 30px;
  margin-left: 22%;
  width: 78%;
  overflow: visible;
  z-index: 250;
}

/* end of PageTop */

div.PageFooter
{
  width: 100%;
  text-align: center;
  position: absolute;
  bottom: 0px;
  font-size: 80% !important;
}

/* the rest of the page is contained in PageBody */


div.PageBody
{
/*  position: absolute;*/
  top: 90px;
  width: 100%;
  z-index: 500;
  BACKGROUND-COLOR: transparent;
}


/* when a menu is shown on the page */

div.HomeLink {
  BACKGROUND-COLOR: #F5F5DC;
  position: absolute;
  top: 0px;
  width: 20%;
  text-align: center;
  z-index:990;
}


div.Hide
{
  float: right;
  z-index:990;
}


/* end of Menu Pages */

/* ToolTips (Boxover)*/
 
.dvHdr1
{
  background: #F3F0E7;
  font-family: Verdana, Arial, Helvetica, sans-serif;
/*  font-weight: bold;*/
  font-size: .9em;;
  border: 1px solid #C8BA92;
  padding: 5px;
  width: 150px;
  z-index:999;
}
 
.dvBdy1
{
  background: #FFFFFF;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  border-left: 1px solid #C8BA92;
  border-right: 1px solid #C8BA92;
  border-bottom: 1px solid #C8BA92;
  padding: 5px;
  width: 150px;
  font-size: .8em;
  z-index:999;
}

/* End of Boxover */

/* start of Full Pages */

#fullpage 
{
  position: relative !important;
  width: 98%;
  margin-left: 1%;
/*  padding-top: 5px;*/
/*  padding-bottom: 5px;*/
  overflow: visible;
  text-align: center;
  z-index: 990;
}

#showpage 
{
  top: 5px;
  width: 96%;
  margin-left: 2%;
  padding-top: 5px;
  padding-bottom: 5px;
  overflow: visible;
  text-align: left;
  z-index: 990;
}

div.Ignored, div.MainShow, div.Centered
{
  text-align: left;
  width: 95%;
  border: outset;
  padding: 10px;
  overflow: stretch; 
}


/* ContentArea is used only on pop-up pages where it takes the full width */
div.ContentArea {
  position: relative;
  margin-LEFT: 1%; 
  WIDTH: 97%; 
  OVERFLOW: auto; 
  PADDING-TOP: 10px;
  Margin-Top: 5px; 
  BORDER-STYLE: inset; 
  TEXT-ALIGN: center; 
}
div.jqgridwrapper
{
  position: relative;
  text-align: center;
}
DIV.MenuTree {
  POSITION: absolute; 
  MARGIN-TOP: 3px; 
  MARGIN-LEFT: 1px; 
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 10px; 
  FONT-SIZE: 0.9em; 
  PADDING-BOTTOM: 10px; 
  OVERFLOW: auto; 
  WIDTH: 20%; 
  PADDING-TOP: 10px; 
  BORDER-TOP-STYLE: inset; 
  BORDER-RIGHT-STYLE: inset; 
  BORDER-LEFT-STYLE: inset; 
  BORDER-BOTTOM-STYLE: inset
  BACKGROUND-COLOR: white; 
  TEXT-ALIGN: left; 
}
DIV.MenuPage {
/*  POSITION: absolute; */
  PADDING-RIGHT: 5px; 
  PADDING-LEFT: 10px; 
  PADDING-BOTTOM: 10px; 
  PADDING-TOP: 10px; 
  FONT-SIZE: 1em; 
  Margin-LEFT: 24%; 
  WIDTH: 73%; 
  MARGIN-LEFT: 0px; 
  OVERFLOW: auto; 
  BORDER-TOP-STYLE: inset; 
  BORDER-RIGHT-STYLE: inset; 
  BORDER-LEFT-STYLE: inset; 
  BORDER-BOTTOM-STYLE: inset
  BACKGROUND-COLOR: white; 
  TEXT-ALIGN: center; 
}


div.Centered
{
  text-align: center;
}
div.LeftAlign
{
  WIDTH: 95%;  
  padding: 10px;
  border: outset;
  text-align: left;
  overflow: stretch; 
}
/* End of FullPage divs */

/* Inside the Form (usually) */


/* Body of the page */



/* One leftside holds schedule and announcements, below */
div.LeftSide
{
  float: left;
  width: 64%;
  margin-right: 2%;
  margin-bottom: 2px;
}

/* each panel is its own rightside div */
div.RightSide
{
  float: left;
  width: 32%;
  margin-bottom: 4px;
  margin-right: 1%;
} 

div.BottomWide
{
  clear: both;
  float: left;
  width: 99%;
  margin-bottom: 3px;
  BACKGROUND-COLOR: transparent !important;
}

div.LeftImage
{
  float: left;
  border: inset 2px;
  z-index: 999;
}


.TopTable, div.TopTable
{
  float: left;
  clear: left;
  border: none;
  width: 99%;
  margin-bottom: 5px;
  text-align: left;
  BACKGROUND-COLOR: transparent !important;
  border: outset;
}

td.CourseName, div.CourseName
{
/*    background-image: url('images/headerbg-coffee.gif'); */
/*    BACKGROUND-COLOR: #F5DEB3;*/
    font-size: 200%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    color: #FFFFFF;
}
td.ClassName, div.ClassName
{
    font-size: 140%;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
}
div.TopLeft
{
  float: left;
  text-align: left;
}
div.TopRight
{
  float: right;
  right: 10px;
/*  width: 45%;*/
  margin-right: 10px;
  text-align: right;
}

div.RunningHead
{
  font-size: 75%;
  margin-left: 10px;
  text-align: left;
  margin-bottom: 5px;
}
div.PageHeading
{
  font-size: 150%;
  text-align: center;
}
div.PageCaption
{
  font-size: 150%;
  text-align: center;
  width: 100%;
}
div.Location
{
  float: left;
  margin-left: 10px;
  margin-top: 10px;
  margin-bottom: 20px;
}
div.BreakImage
{
  clear: both; 
  text-align: center;
}

div.Instructor
{
  margin-left: 50px;
  margin-top: 10px;
  white-space: nowrap;
}

div.HorizMenu
{
  clear: left;
  margin-top: 5px;
  margin-left: 10px;
}

div.MenuOption
{
  float: left;
  border: solid 1px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-left: 1px;
/*  BACKGROUND-COLOR: #F5DEB3;*/
}

div.MenuBar
{
  margin-top: 20px;
  margin-bottom: 10px;
  clear: left;
  text-align: center;
}
div.MenuBar ul 
{
  padding: 2px 1px;
  margin-left: 10px;
  margin-top: 3px;
  border: solid 1px;
  display: inline;
  clear: left;
}
div.MenuBar li 
{
  display: inline;
  padding: 2px;
  padding-left: 6px;
  padding-right: 6px;
  margin: 1px;
  background: #F5DEB3;
  color: #FF0000;
}
div.MenuBar li a:visited
{
  color: #FF0000;
}


div.Loggedin
{
  margin-right: 10px;
}





div.Below
{
  float: left;
  width: 100%;
  border: none; /*outset;*/
  margin-left: 1px;
  margin-top: 2px;
  padding: 5px;
  border: outset;
}
div.BelowLeft
{
  float: left;
  width: 50%;
  border: none !important;
}
div.BelowRight
{
  float: right;
  width: 49%;
  margin-right: 2px;
  border: none;
}

div.Announcements, div.Schedule, div.Thoughts, div.Links, div.Quiz, div.MCExams, div.OtherCourses, table.BottomStuff
{
  border: none;
  width: 100%;
  padding: 5px;
  BACKGROUND-COLOR: #FFFFE0;
  text-align: left;
  margin-bottom: 2px;
  margin-left: 1px;
  border: outset;
}

div.Announcements
{
  margin-bottom: 4px;
}

div.Deadlines, div.ReadingList
{
  border: none;
  width: 100%;
  padding-bottom: 5px;
  BACKGROUND-color: #FFFFFF;
  text-align: left;
  margin-bottom: 1px;
}

div.Announcements, div.Schedule, div.Below, div.BelowLeft, div.BelowRight, div.Deadlines, div.ReadingList
{
  BACKGROUND-color: #FFFFFF;
}

div.BottomStuff
{
  width: 100%;
  float: left;
  margin-bottom: 3px;
  clear: both;
}
td.BottomStuff
{
    VERTICAL-ALIGN: middle;
}

div.BottomMatter
{
  width: 100%;
  margin-bottom: 3px;
  clear: both;
}


div.AnnouncementItem
{
  margin-top: 5px;
}
div.Ratings
{
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: center;
}

div.ReadingIntro
{
  width: 90%;
}
div.TextStatus, div.ThoughtTopic, div.LinkName, div.QuizTitle, div.Expectations, div.QuicknEasyTitle
{
  margin-top: 15px;
  font-weight: bold;
  text-align: center;
  color: #880000;
}
div.LinkNotes
{
  font-style: italic;
  padding: 5px;
}
div.ThoughtExplanation, div.LinkDescription, div.TextCitation, div.AnnouncementItem, div.Lesson
{
  padding: 5px;
}


div.ThoughtExplanation:first-letter, div.LinkDescription:first-letter, div.TextCitation:first-letter, div.AnnouncementItem:first-letter, div.Lesson:first-letter, div.Story:first-letter
{
   display: block;
   float: left;
   font-size: 250%;
   font-style: italic;
   height: .8em;
   padding-top: 0 ;
   padding-bottom: .2em ;
   padding-right: .2em ;
   margin-top: -.2em;
   color: #808080;
}
div.Story:first-letter
{
  font-size: 150%;
}


/* from http://apptools.com/; adapted above on First-letters */
.dropcap {
   display: block;
   float: left;
   font-size: 300%;
   font-family: Georgia, "Times New Roman", Times, serif;
   font-weight: bold;
   height: .8em;
   margin-bottom: -.4em;
   padding: .2em .1em 0 0;
}

div.More, div.ThoughtSource
{
  padding-top: 5px;
  text-align: right;
  margin-right: 5px;
}
div.Lesson
{
  text-align: left;
}

div.FirstParagraph:first-letter
{
  font-size: 150%;
  font-style: italic;
}

table.Schedule
{
    width: 100%;
}
td.Schedule
{
/*    Padding-Top: 3px;
    Padding-Bottom: 3px;*/
}
td.Schedule, td.ScheduleDate, td.ScheduleTopic, td.ScheduleNotes
{
    BACKGROUND-color: #FFFFFF;
}
td.ScheduleDate
{
    width: 15%;
}
td.ScheduleTopic
{
  font-size: 120%;
  width: 60%;
}


td.ScheduleTitle
{
    margin-top: 15px;
    margin-right: 5px;
    margin-left: 5px;
    padding-right: 5px;
    BACKGROUND-COLOR: #E6E6FA;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
    color: #880000;
}



/******************************************/
/* Appears on page listing student groups */

div.StudentGroups
{
  border: outset;
  margin-bottom: 10px; 
  padding-bottom: 10px;
}
div.GroupProject
{
    margin-top: 20px;
    font-size: 150%;
    text-align: center;
    font-weight: bold;
}
div.GroupName
{
    margin-top: 5px;
    font-size: 120%;
    font-weight: bold;
}
div.GroupMember
{
}

/* end of Student Groups */
/******************************************/

hr
{
 clear: both;
 }

div.OpeningTitle, div.Description, div.TableText, div.OpeningNotes
{
  BACKGROUND-COLOR: #FAFAFA ;
  border: none;
  margin-top: 10px;
  float: left;
  border: outset;
}
div.OpeningTitle
{
  clear: both;
  margin-left: 1%;
  margin-top: 7px;
  width: 98%;
  padding-top: 10px;
  padding-bottom: 10px;
  font-size: 150%;
}
div.Description
{
  width: 42%;
  margin-left: 1%;
  margin-right: 2%; /* changed from 3.25 April 2010 */
  padding: 8px;
  padding-top: 15px;
  padding-bottom: 15px;
  text-align: left;
}

div.TableText
{
  width: 51%;
  padding: 6px;
  padding-top: 15px;
  padding-bottom: 15px;
}
div.OpeningNotes
{
  clear: both;
  margin-top: 15px;
  margin-left: 1%;
  width: 98%;
  padding-bottom: 15px;
}

div.Citation
{
  clear: both;
  margin-top: 15px;
  margin-left: 30px;
  text-indent: -5em;
  padding-left: 5em;
  padding-right: 5em;
  text-align: left;
}

div.Annotation, div.Available
{
  clear: both;
  margin-top: 15px;
  margin-left: 45px;
  margin-right: 40px;
  text-align: left;
}

div.Headline
{
  margin-top: 10px;
  text-align: center;
  font-weight: bold;
  font-size: 180%;
  margin-bottom: 15px;
  color: #880000; 
}

div.Story, div.Continuation
{
  text-align: left;
  padding-left: 15px;
  padding-right: 15px;
  padding-bottom: 15px;
}
table.Continuation
{
  width: 98%;
  margin-left: 1%;
}
td.PreviousPage
{
  width: 50%;
  text-align: right;
  padding-right: 15px;
}
td.NextPage
{
  width: 50%;
  text-align: left;
  padding-left: 15px;
}
div.StoryPullOut
{
  width: 40%;
  right: 10px;
  clear: both;
  float: right;
  padding: 15px;
  border: 1px solid outset;
  border-color: #C0C0C0;
  margin: 5px;
  margin-left: 15px;
  background-color: #FFDEAD;
}


div.RSSMainLink, div.RSSMainTitle, div.RSSMainDescription

{
  text-align: center;
  margin-left: 25px;
  margin-right: 25px;
}
div.RSSMainCopyRight
{
  text-align: center;
  font-size: 90%;
  margin-left: 25px;
  margin-right: 25px;
}
div.RSSDescription
{
  text-align: left;
  margin-left: 25px;
  margin-right: 25px;
}
div.RSSTitle
{
  margin-top: 25px;
  text-align: left;
  font-size: 130%;
  font-weight: bold;
  margin-left: 25px;
  margin-right: 25px;
}
div.RSSDescription
{
  text-align: left;
  margin-left: 25px;
  margin-right: 25px;
}

p.quotetext
{
  text-align: left;
  margin-left: 45px;
  margin-right: 45px;
  font-size: 90%;
}

/* end of main body */

/* Across the bottom */


/* Instructor pages only */

table.visualindex
{
  border:  solid #000000 1px;
  margin: 5px;
  margin-bottom: 10px;
  margin-left: 25%;
  width: 50%;
}

tr.visualindex
{
}

td.visualindex
{
  border:  outset;
  margin: 5px;
  padding: 5px;
  font-size: 120%;
  text-align: center;
  vertical-align: middle;
}

.TableText
{
    width: 95%;
    text-align: center;
/*    margin-left: auto;
    margin-right: auto;*/
}

.TableText Table
{
    margin-left: auto;
    margin-right: auto;
}

table.FinePrint, table.GetAdobe 
{
  text-align: center;
  BACKGROUND-COLOR: #FFFFE0 !important;
  border-spacing: 2px 2px;
  border-top: 2px solid #FFFFF0;
  border-left: 2px solid #FFFFF0;
  border-right: 2px outset #000088;
  border-bottom: 2px outset #000088;
}

td.FinePrint
{
    font-size: smaller;
    padding-left: 15px;
    padding-right: 15px;
    text-align: center;
    BACKGROUND-COLOR: #FFFFE0 !important;
}

/* End of Across the bottom */



blockquote 
{ 
/*  margin: 0 0; */
  padding: 0 5px 0 15px;
  min-height: 60px;
}
.outerQuote 
{ 
  margin: -10px 20px -10px 20px;
  background: url("images/quote.png") no-repeat;
}
/*.centerQuote 
{
  padding-top: 10px;
  background: url("images/quote-end.png") no-repeat bottom right;
}*/

/* Controls, may appear on either page */



/*---------- Headers: used throughout the site ----------*/
/* H1 is used only for the Title at the top of the page */
h1, h2, h3, h4, h5 {
  text-align: center;
  color: #000000;
  clear: both;
  FONT-WEIGHT: normal;

/*  BACKGROUND-COLOR: #FFFFE0 !important;
  border-top: 2px solid #FFFFF0;
  border-left: 2px solid #FFFFF0;
  border-right: 2px outset #000088;
  border-bottom: 2px outset #000088;*/
}

H1
{
    FONT-SIZE: 200%;
}

/* H2 is used for the Titles of each form */
H2
{
    FONT-SIZE: 170%;
}

/* H3 is used for sub-titles, important warnings, etc. */
H3
{
    FONT-SIZE: 120%;
}
/* H4 is used for normal instructions on forms */
H4
{
    FONT-SIZE: 100%;
    FONT-WEIGHT: normal;
}

/* H5 is used for incidental messages on forms */
H5
{
    FONT-SIZE: 90%;
    FONT-WEIGHT: normal;
}


.TableText
{
    width: 100%;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.TableText Table
{
    margin-left: auto;
    margin-right: auto;
}


/* Buttons in the menu bar at the top, and elsewhere on the form */

/*.Button
{
    FONT-SIZE: 100%;
    COLOR: #000000;
    PADDING: 3px;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    Cursor: Pointer;
    Height: 35px;
}*/

.Button,.DefaultButton 
{
  background-color: #F5DEB3 !important;
  padding: 3px; 
  margin-top: 4px;
  Cursor: Pointer;
  display: inline-block;
  white-space: nowrap;
}

.DefaultButton
{  
  BORDER-LEFT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}

.Button:hover
{
    Cursor: Pointer;
    BACKGROUND-COLOR: #F5DEB3;
    BORDER-LEFT: #000000 2px solid;
    BORDER-TOP: #000000 2px solid;
    BORDER-RIGHT: #000000 2px solid;
    BORDER-BOTTOM: #000000 2px solid;
}
Button:hover
{
    Cursor: Pointer;
    BACKGROUND-COLOR: #F5DEB3;
    BORDER-LEFT: #000000 2px solid;
    BORDER-TOP: #000000 2px solid;
    BORDER-RIGHT: #000000 2px solid;
    BORDER-BOTTOM: #000000 2px solid;
}


.Button img 
{
  height: 15px;
}

.Button7,.DefaultButton7
{
  background-color: #F5DEB3 !important;
  padding: 2px; 
  margin-top: 4px;
  Cursor: Pointer;
  display: inline-block;
  white-space: nowrap;
  color: #000000;
  BORDER-LEFT: #F5DEB3 1px solid;
  BORDER-TOP: #F5DEB3 1px solid;
  BORDER-RIGHT: #F5DEB3 1px solid;
  BORDER-BOTTOM: #F5DEB3 1px solid;
}

.DefaultButton7
{  
  BORDER-LEFT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}

.Button7:hover, .DefaultButton7:hover
{
  color: #FF0000;
  BORDER-LEFT: #000000 1px solid;
  BORDER-TOP: #000000 1px solid;
  BORDER-RIGHT: #000000 1px solid;
  BORDER-BOTTOM: #000000 1px solid;
}

.Button7 img 
{
  height: 15px;
}
div.TopToolBar, div.CopyRight
{
    COLOR: #000000;
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    width: 97%;  
    margin-left: 1%;
    margin-top: 3px;
    padding-bottom: 5px;
    clear: both;
    display: block;
/*    border: outset;*/
}
div.CopyRight
{
    height: 25px; 
    padding-bottom: 6px;
}


div.ToolBar
{
    VERTICAL-ALIGN: middle;
    TEXT-ALIGN: center;
    margin-top: 5px;
    margin-bottom: 5px;
}


/* Help appearing at the top of forms, advising of Mouse Help and Required Fields */
.HelpMessage	
{
    FONT-STYLE: normal;
    COLOR: #000000;
}


TABLE.Entries
{
    BORDER-COLLAPSE: collapse;
    text-align: left;
    PADDING-TOP: 5px;
    Margin-Top: 5px;
    Margin-Bottom: 5px
}
TR.Entries
{
    text-align: left;
}

table.stats
{
/*    border-collapse: separate;*/
    border-spacing: 2px 2px;
    text-align: left;
    PADDING-TOP: 5px;
    Margin-Top: 5px;
    Margin-Bottom: 5px;
    border: 1px solid #000000;

}
td.stats
{
    border-collapse: separate;
    border-spacing: 2px 2px;
    text-align: right;
}

td.Labels, td.Required, td.InlineMessage, td.Entries, td.Numeric, td.Icon, td.KeyIcon, td.Dates, td.nowrap
{
    COLOR: #000088;
    padding-top: 2px;
    padding-right: 5px;
    VERTICAL-ALIGN: top;
}
td.Labels, td.Required, td.Numeric, td.nowrap
{
    text-align: right;
}
td.Entries, td.Icon, td.KeyIcon, td.Dates
{
    text-align: left;
}
td.InlineMessage,TD.Icon, TD.KeyIcon
{
    text-align: center;
}
td.nowrap
{
    white-space: nowrap;
}
TD.Required
{
    COLOR: #FF0000;
}

td.Entries, td.Numeric, td.Icon, td.KeyIcon, td.Dates
{
    padding-top: 0px;
    padding-right: 0px;
}


/*	Data etry fields */

.EntriesValue
{
  font-family: Verdana;
  COLOR: #000088;
  border-left: 1px solid #000000;
  border-top: 1px solid #000000;
  border-right: 1px solid #D3D3D3;
  border-bottom: 1px solid #D3D3D3;
}



td.FormTable
{
}
table.MenuTable
{
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}
tr.MenuTable
{
}
td.MenuTable
{
    text-align: center;
    BACKGROUND-COLOR: #F5DEB3;
}


TABLE.Index
{
  border-collapse: separate;
  border-spacing: 2px 2px;
/*  border: 4px solid outset;*/
  border-top: 4px solid #FFFFF0;
  border-left: 4px solid #FFFFF0;
  border-right: 4px outset #D2691E;
  border-bottom: 4px outset #D2691E;
  padding: 2px;
  BACKGROUND-color: #FFFFFF !important;
}

td.Index
{
    margin-right: 5px;
    margin-left: 5px;
    padding-left: 15px;
    padding-right: 15px;
}


/*---------- SameRow governs the appearance of Controls that appear on the same row as others
	sounds trivial, but these are best aligned left, as opposed to 
	centering like other tables are
	Other than that, these should match Entries
*/
TABLE.SameRow
{
    BORDER-COLLAPSE: collapse;
    TEXT-ALIGN: left;
}
TR.SameRow
{
    TEXT-ALIGN: left;
}

TD.SameRow
{
    COLOR: #000088;
    VERTICAL-ALIGN: top;
    TEXT-ALIGn: left;
}

/* Tables that appear on forms */

TABLE.IndexTable
{
    BACKGROUND-COLOR: #F5DEB3;
}

TABLE.DataTable
{
    BACKGROUND-COLOR: #F5DEB3;
}
TR.TableHeader
{
    BACKGROUND-COLOR: #F5DEB3;
}
TH.TableHeader
{
    VERTICAL-ALIGN: top;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: #D3D3D3;
    BORDER-RIGHT: gray 1px  solid;
    BORDER-BOTTOM: gray 1px  solid;
}
TR.EvenRow
{
    BACKGROUND-COLOR: #F5DEB3;
}
TR.OddRow
{
    background-color: #FFFFE0;
}



td.TableFooter 
{
  background-color: #C0C0C0;
  text-align: right;
  padding-right: 10px;
}


TR.TableBody
{
}
TD.TableBody
{
    VERTICAL-ALIGN: top;
}

/* Status & warning lines (appear, when necessary, at bottom of forms)*/
div.STATUS
{
    FONT-STYLE: normal;
    COLOR: #000000;
    TEXT-ALIGN: Center;
}
div.WARNING, div.warning, div.Warning
{
    FONT-STYLE: normal;
    COLOR: #FF0000;
    TEXT-ALIGN: Center;
}




/* Section headers break a page into obvious sections. These can be given a 3-D look
	by providing a lighter variation of the background colour as the top and left borders
	and a darker variation (even #000000) as the bottom and right borders
*/

div.SectionHeader
{
    WIDTH: 98%;
    FONT-SIZE: 120%;
    COLOR: #000000;
    FONT-Weight: Bold;
    TEXT-ALIGN: center;
    PADDING-TOP: 2px;
    PADDING-BOTTOM: 2px;
    left: 1%;
}  

TABLE.SectionHeader
{
    WIDTH: 100%;    
    COLOR: #000000;
    FONT-SIZE: 120%;

}
TR.SectionHeader
{
}
TD.SectionHeader
{
    COLOR: #000000;
    FONT-Weight: Bold;
    TEXT-ALIGN: center;
    BACKGROUND-COLOR: transparent;
    VERTICAL-ALIGN: middle;
}
TD.HeaderIcon
{
    BACKGROUND-COLOR: transparent;
}




/* SubSection headers appear only on individual reports */

TABLE.SubSectionHeader
{
    WIDTH: 100%;
    TEXT-ALIGN: center;
}
TD.SubSectionHeader
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
    FONT-SIZE: 120%;
    COLOR: #000000;
    FONt-Weight: Bold;
    BACKGROUND-COLOR: transparent;
    TEXT-ALIGN: center;
}


div.Group1
{
  font-size: 150%;
  font-weight: bold;
}
div.Group2
{
  font-size: 140%;
  font-style: italic;
}
div.Group3
{
}
div.Group4
{
}


.MainShow
{
  border:  outset;
  margin: 5px;
  padding-bottom: 5px;
}

.SiteMeter, .sitemeter
{
  float: left;
}
.Valdated, .Validated
{
  display: none;
  float: Right;
}

/*---------- Links ----------*/
A
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
}
A:link
{
    COLOR: #FF0000;
    TEXT-DECORATION: none
}
A:visited
{
    COLOR: #0000FF;
    TEXT-DECORATION: none
}
A:focus
{
    OUTLINE: 1px dotted red;
}
A:active
{
    COLOR: #000000;
}
A:hover
{
    COLOR: #00FF00;
}

A.smalllink
{
	font-size: smaller;
}


/*---------- Tree Menu ----------*/
.webfx-tree-container
{
  font-family : Verdana, Arial, Helvetica, sans-serif;
  white-space: nowrap;
  PADDING-RIGHT: 0px;
  PADDING-LEFT: 0px;
  PADDING-BOTTOM: 0px;
  PADDING-TOP: 0px;
  MARGIN: 0px;
  VERTICAL-ALIGN: top;
}

.webfx-tree-item A
{  
  COLOR: #000000 !important;
  TEXT-DECORATION: none;
  PADDING-RIGHT: 2px;
  PADDING-LEFT: 2px;
  PADDING-BOTTOM: 1px;
  MARGIN-LEFT: 3px;
}
.webfx-tree-item A:active
{
    FONT-WEIGHT: bolder;
}
.webfx-tree-item A:hover
{
    TEXT-DECORATION: underline;
}
.webfx-tree-item IMG
{
    BORDER-RIGHT: 0px;
    BORDER-TOP: 0px;
    VERTICAL-ALIGN: middle;
    BORDER-LEFT: 0px;
    BORDER-BOTTOM: 0px;
}
.webfx-tree-icon
{
    WIDTH: 16px;
    HEIGHT: 16px;
}

/* Debugging Information only:
	Unfortunately, perhaps because the rest of this page is positioned absolutely, 
	this cannot easily be made to follow the rest of the content
	and so must be positioned absolutely far enough down to show much of the page
	but perhaps not all of it
*/

div.Debug
{
  POSITION: absolute;
  TOP: 1000px;
  BORDER-TOP: 1px solid #333;
  COLOR: #0000FF;
  BACKGROUND-COLOR: #F5DEB3;
  TEXT-ALIGN: center;
}

table.Debug
{
}
tr.debug
{
}

th.debug
{
}

td.debug
{
}

td.debugerror
{
}


/* Non-specific, default, items must come after any specific ones */

td 
{
  vertical-align: top;
  text-align: left;

}

/*th 
{
  background-color: #FFFFE0;
  border: 2px outset #9999FF;
}*/

th a:link
{
  text-decoration: none;
  color: #DC143C;
}

th a:hover 
{
  text-decoration: underline;
}


/*  RED */
/*    BACKGROUND-COLOR: #B22222;
    BORDER-LEFT: #F00000 3px solid;
    BORDER-TOP: #F00000 3px solid;
    BORDER-RIGHT: #000000 3px solid;
    BORDER-BOTTOM: #000000 3px solid;
*/
/*  GREEN */
/*    BACKGROUND-COLOR: #22B222;
    BORDER-LEFT: #00F000 3px solid;
    BORDER-TOP: #00F000 3px solid;
    BORDER-RIGHT: #000000 3px solid;
    BORDER-BOTTOM: #000000 3px solid;
*/
/*  LightBlue */
/*    BACKGROUND-COLOR: #FFFFE0;
    BORDER-LEFT: blanchedalmond 3px solid;
    BORDER-TOP: blanchedalmond 3px solid;
    BORDER-RIGHT: Brown 3px solid;
    BORDER-BOTTOM: Brown 3px solid;
*/


/*p, li
{
	color: #000088
}*/
table.jCalendar {
	border: 1px solid #000;
	background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
	background: #333;
	color: #fff;
	font-weight: bold;
	padding: 3px 5px;
}
table.jCalendar td {
	background: #ccc;
	color: #000;
	padding: 3px 5px;
	text-align: center;
}
table.jCalendar td.other-month {
	background: #ddd;
	color: #aaa;
}
table.jCalendar td.today {
	background: #666;
	color: #fff;
}
table.jCalendar td.selected {
	background: #f66;
	color: #fff;
}
table.jCalendar td.selected:hover {
	background: #f33;
	color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
	background: #fff;
	color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
	background: #bbb;
	color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
	position: relative;
	background: #ccc;
	font-size: 10px;
	font-family: arial, sans-serif;
	padding: 2px;
	width: 171px;
	line-height: 1.2em;
}
div#dp-popup {
	position: absolute;
	z-index: 199;
}
div.dp-popup h2 {
	font-size: 12px;
	text-align: center;
	margin: 2px 0;
	padding: 0;
}
a#dp-close {
	font-size: 11px;
	padding: 4px 0;
	text-align: center;
	display: block;
}
a#dp-close:hover {
	text-decoration: underline;
}
div.dp-popup a {
	color: #000;
	text-decoration: none;
	padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
	position: absolute;
	top: 2px;
	left: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-prev a {
	float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
	cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
	cursor: default;
}
div.dp-popup div.dp-nav-next {
	position: absolute;
	top: 2px;
	right: 4px;
	width: 100px;
}
div.dp-popup div.dp-nav-next a {
	float: right;
}
div.dp-popup a.disabled {
	cursor: default;
	color: #aaa;
}
div.dp-popup td {
	cursor: pointer;
}
div.dp-popup td.disabled {
	cursor: default;
}
a.dp-choose-date {
	float: left;
	width: 25px;
	height: 20px;
	padding: 0;
	margin: 0px 3px 0;
	display: block;
	text-indent: -2000px;
	overflow: hidden;
	background: url(../images/calendar.gif) no-repeat; 
}
a.dp-choose-date.dp-disabled {
	background-position: 0 -20px;
	cursor: default;
}
/* makes the input field shorter once the date picker code
 * has run (to allow space for the calendar icon
 */
input.dp-applied {
	width: 140px;
	float: left;
}

div.grippie {
  background:#EEEEEE url(../images/grippie.png) no-repeat scroll center 2px;
  border-color:#DDDDDD;
  border-style:solid;
  border-width:0pt 1px 1px;
  cursor:s-resize;
  height:9px;
  overflow:hidden;
}
.resizable-textarea textarea {
  display:block;
  margin-bottom:0pt;
  width:95%;
  height: 20%;
}


div.Banner
{
  height: 60px;
  padding-right: 20px;
}
div.ForumLogo
{
  float: left;
  top: 0px;
}
div.ForumTitle
{
  float: left;
  padding-left: 25px;
  padding-top: 20px;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font-size: 1.5em;
  font-weight: bold;
}
div.ForumButton
{
  float: right;
  margin-left: 5px;
  margin-right: 5px;
  padding-top: 5px;
}
div.Spacer
{
  float: right ;
  margin-left: 5px;
  margin-right: 5px;
}
div.Threads
{
  float: left;
  width: 25%;
  overflow: scroll;
  font-size: .9em;

}

div.MessageContent
{
  float: left;
  width: 75%;
  overflow: scroll;
}
div.ForumHeader
{
  text-align: center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font_size: 1em;
  font-weight: bold;
  padding-top: 2px;
  padding-bottom: 2px;
  margin-bottom: 5px;
  border: wheat 2px outset;

}
div.SubjectHeader
{
  margin-left: 10px;
  padding-left: 20px;
  text-align: left;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font_size: .9em;
  background-image: url(../images/folder.gif) ;
  background-repeat: no-repeat;
}
div.MsgHeader
{
  margin-left: 15px;
  padding-left: 20px;
  text-align: left;
  font_size: .7em;
  margin-top: 5px;
  background-image: url(../images/message.gif);
  background-repeat: no-repeat;
}
div.MsgTitle
{
  text-align: center;
  font-family : Verdana, Arial, Helvetica, sans-serif;
  font_size: 1.2em;
  font-weight: bold;
  margin-top: 5px;
  margin-bottom: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
}
div.MsgBody
{
  text-align: left;
  margin-left: 15px;
  margin-right: 15px;
  clear: left;
}
div.messageheader
{
 /* color: White;
   background: #800000;
 font-family: Arial;
  font-size: 12.25pt;
  font-weight: bold;
  text-align: right;
  padding: 4px;
  border-style: outset;
  border-width: 2px;    
  border-color: darkred; 
  margin-top: 2px; */	
}
div.messagetitle
{
  text-align: left;
  font-size: 12.25pt; 
  font-weight: bold; 
  color: darkred;
  padding: 8px;
  font-family: Arial, Sans-Serif;
  background-color: moccasin;
}
div.messagedetailheader
{
/*  background-color: #D0D0D0;
  border: outset 2px #E0E0E0; */
  padding: 10px;
  font-size: 8pt;
  font-family: Arial,  Sans-Serif;
  margin-bottom: 8.25px;
}

div.rightheader
{
  float: right; 
  text-align: right;
}

div.leftheader
{
  float: left; 
  text-align: left;
}

div.data
{
  font-weight: bold;    	
/*  float: left;*/
}
div.label
{
  float: left;
  color: #505050;
  width: 50px; 
  clear: left;  	
}
.msgtextbody 
{
	font-size:10pt;
	font-family: verdana,helvetica;
}
.msglistbody
{
    font-size: 8pt;
    font-family: arial,helvetica;
}

.fieldcaption
{
  text-align: right;
  padding-right: 5px;
  width: 130px;
  float: left;            
  clear: left;          
  margin-top: 5px;
}
.fieldarea
{
  text-align: left;
  padding-left: 5px;
  margin-top: 5px;
}                
.textfields
{
            width: 350px;            
}        
.editfield
{
           height: 350px;
           min-height: 100px;
           width: 99%;                      
           overflow-Y:scroll; 
}


div.tabs
{
  left: .5%;
  width: 96%;
}