/**************************************
 * THEME NAME: _snap04
 *
 * Files included in this sheet:
 *
 *   _snap04/snap_layout.css
 *   _snap04/snap_color.css
 *   _snap04/snap_fonts.css
 *   _snap04/snap_menu.css
 **************************************/

/***** _snap04/snap_layout.css start *****/

/* Core */

body {
  margin:0;
  padding:0;
  min-width:900px;
}
h1.main,
h2.main,
h3.main,
h4.main,
h5.main,
h6.main,
td.main /*td.main is for section dividers in long tables */
{
  text-align: left;
  padding-left: 5px;
  color: #fff;
  background-color:#000;
  background-image:url(pix/h1-6.gif);
}

td.main {
font-weight:bold;
font-style:italic;
}

h1.main a,
h2.main a,
h3.main a,
h4.main a,
h5.main a,
h6.main a {
  color: #fff;
}

h1, h2, h3, h4 {
  text-align: left;
  padding-left: 5px;
}

h1, h2, h3 {
  border-width: 1px;
  border-style: solid;
  border:none;
}

h4 {
  border-bottom-style: solid;
  border-bottom-width:1px;
}

/**
 * Override h2
**/
h2.main {
  color:#f4f6f7;
  background-color:transparent; /*gsl commented out 2007/02/09 */
  background-image:none;
  font-size:24px;  /*keep this the same size as the .h_desc_bar font-size below*/
  border:none;
}
h2.main a {
  color:#456
}

/*I believe the following only affects /user/index.php gsl*/
#user-index h2.main {
  text-align:left;
}

/**
 * End h2 overrides
**/

/**
 *Snap header descriptions
 * TO DO: this has been substantially overwriten by styles that are currently embedded in the
 *        snap/snaplib.php.  Apply classes and move the new css here!
**/

.h_desc, .h_desc_bar {
  font-size:12px;
  font-weight:normal;
}

.h_desc_bar { /*this is used for the vertical bar between the page heading and description.*/
  font-size:24px; /*Keep this the same size as the h2.main override above*/
  border-right:5px solid #234;
  padding-right:5px;
  margin-right:10px;
}


input {

}

.generaltable, .grades {/* gsl changed 2007-03-16 in conjunction with adding captions to tables */
  /*border-width:0px; */
  border:1px solid;
  border-top:none;
  background-color:#f4f6f7;
}


.generalbox {
  border-width:1px;
  border-style:solid;
  margin-top:5px;
}

.hpad0 {
  padding-top:0;
  padding-bottom:0;
}
.wpad0 {
  padding-left:0;
  padding-right:0;
}

.noticebox {
  border-width:1px;
  border-style:solid;
  margin-top:5px;
}

.box80 {/*just specifies width of 80%*/
  width:80%;
  margin:20px auto auto auto;
}

.box60 {/*just specifies width of 60%*/
  width:60%;
  margin:20px auto auto auto;
}

.box40 {/*just specifies width of 40%*/
  width:40%;
  margin:20px auto auto auto;
}

.box20 {/*just specifies width of 20%*/
  width:20%;
  margin:20px auto auto auto;
}

.sitetopiccontent {
  border-width:1px;
  border-style:solid;
}

img.icon {
  vertical-align:middle;
  margin-right:4px;
  width:22px;
  height:16px;
  border:0px;
}

/***
*** Header
***/
body.message {
  min-width:300px;
  width:300px;
}
#messageheader {
  background-image:url(pix/header.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  height:76px;
  width:300px;
}

#header-home {
  /* padding:1em 0.5em; */
  height:100px;
  border-width:1px;
  border-style:solid;

}

#header {
  height:76px;
  /*border:1px solid;*/
  background-image:url(pix/snapHeaderRt.gif);
  background-color:white;
  background-repeat:repeat-x;
  background-position:0 -1px;
  margin:0;
  padding:0;
}

#headerleft {
  background-image:url(pix/header.jpg);
  background-repeat:no-repeat;
  background-position:0 0;
  float:left;
  height:76px;
  width:659px;
  text-align:right;
  color:#fff;
  padding:0;
  border-right:1px solid #566;
  vertical-align:middle;
}

#headerinfo {
  text-align:right;
  padding:15px 5px 0 0;
  width: 500px;
  float:right;
}

#headerright {
  float:left;
  height:76px;
  width:235px; /*keep this + headerleft < body min-width! (take borders into account*/
  text-align:center;
  color:#fff;
  margin:0;
  padding:0 0 0px 0;/*for some reason 0px is treated differently in IE6 than 0 is.*/
  border-left:1px solid #ccd;
  white-space: nowrap;
}
#headerright img {
  padding: 30px 0 0 10px;
}

.headermain {
  border-width: 0px;
}

.headermenu {
  float:right;
  text-align:right;
}

.navbar {
  /*margin-right: 5px;*/ /*gsl commented out 2007-03-16*/
  margin-bottom:8px;  /*gsl added 2007-03-13 */
  width: 100%;
  padding:0px;
  height: 25px;
  border-width:1px;
  border-style:solid;
  background-color:white;
}

#footer .navbar {
  padding-top:0px;
}

#footer ul {
 width:100%;
 text-align:center;
}

.breadcrumb {
  padding-top: 3px;
  padding-left: 3px;
}

.navbar .navbutton {
  padding-right: 3px;
  padding-top: 2px;
  display:none;
}

#content {
}
/***
*** Login
***/

TABLE.loginbox {
  margin-top: 40px;
}

.loginbox .header {
  border-width:1px;
  border-style:solid;
  border-bottom-width: 0px;
}

.loginbox .content {
  border-top-width: 1px;
}

.left {
  text-align:left;
}
.center {
  text-align:center;
}
.right {
  text-align:right;
}
.justify {
  text-align:justify;
}

/***
*** Footer
***/

#footer {
  text-align:left;
  margin-top: 5px;
  margin-bottom: 0px;
}


#footer p.helplink {
  margin-bottom: -25px;
}

/***
*** Blocks
***/

  .sideblock .header h2 {
  border-width: 0px;
}

.sideblock .content {
  border: 1px solid;
  border: 1px solid;
}

.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
}

/***
*** Calendar
***/

#calendar .today,
.minicalendar .today {
  border:1px solid !important;
}

  table.minicalendar {
  width: 100%;
  margin:10px auto;
  padding:2px;
  border-width:1px;
  border-style:solid;
  border-collapse:separate;
  border-spacing:1px !important;
}

table.minicalendar tr.weekdays th {
  border-style: none;
}

table.minicalendar tr td.day {
  border-style: solid;
  border-width: 1px;
}

table.minicalendar tr.weekdays th abbr {
  border-style: none;
}

table.calendarmonth {
  border-collapse:separate;
  border-spacing:1px !important;
}

table.calendarmonth tr td  {
  border-style: solid;
  border-width: 1px;
}
#calendar td {
  background-color: #ebeef2;
}
.maincalendar .filters {
  margin-bottom:40px; /* allow room for '.bottom' */

}

/***
*** Course
***/

.headingblock {
  /*border-width:1px;
  border-style:solid;*/
  padding:15px;
}

.categorybox .category,
.categorybox .category {
  border-bottom: solid;
  border-width: 1px;
  padding-top: 7px;
}

#course-view .section td.left {
  width:100px;
  text-align:left;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-width: 1px;
  border-style: dashed;
}

.section .activity img.activityicon {
  vertical-align:middle;
  height:16px;
  width:22px;
}

.section img.movetarget {
  height:16px;
  width:80px;
}



#page {
  margin:0;
  padding:0;
}

#head {
  height:77px;
  background: #234 url(pix/snapLogoHeader.jpg) no-repeat;
  border: 1px solid black;
}

#userinfo {
  float:right;
  width:200px;
  height:77px;
  background: url(pix/snapHeaderRt.gif) repeat-x;
}

.bold {
  font-weight:bold;
}

.nd {
  display:none;
}

/* set up popup (help) windows...*/
#help #header,
#help #menu,
#help #footer,
#help .navbar {
  display:none;
}

#help {
min-width:300px;
}

input[type="button"],input[type="submit"] {  /*probably won't work in IE 6*/
 background:url(pix/snapMenu.gif) repeat-x #234;
 color:white;
 border:none;
}

input[type="button"]:hover ,input[type="submit"]:hover {  /*probably won't work in IE 6*/
 background:url(pix/snapMenuSelected.gif) repeat-x;
 color:#234;
 border:none;
}
/*This completely hides the left column on most pages, which will disable some functionality but, hey, it looks more like snap!*/
#left-column {
 display:none;
}

/* Not sure where to place this one actually... it's a section activity report inside the user's profile*/
#content .section {
  background-color:#f4f6f7;
}

/***
 *** Exam/Quiz formatting
 ***/
.que {
  background-color: #ebeef2;
  border: 1px solid inherit;
}

.que .content {
  background-color: #f4f6f7;
  border: 1px solid black;
  padding:5px;
  margin:0 0 0 5px;
  /*width: 600px;*/
}

.icon {
height:16px;
width:22px;
}

.officeiconsmall {
width:26px;
height:26px;
}

/***
 *** Question formatting
 ***/
#categoryquestions td {
  border:1px solid #e4e0e8;
}

/***
 *** Grades (copied from /theme/standard/styles_layout.css)
 ***/

body#grade-index .grades {
  border-width:1px;
  border-style:solid;
  border-collapse: collapse;
  border-spacing:0px;
}

body#grade-index .grades td {
  border-width:1px;
  border-style:solid;
  border-collapse: collapse;
}

body#grade-index .grades .header {
  vertical-align: top;
}

body#grade-index .grades .points,
body#grade-index .grades .percent,
body#grade-index .grades .weighted {
  text-align: right;
}

.backup-form-instances {
   margin:0px 20px 0px 20px;
}
.restore-form-instances {
   margin:0px 20px 0px 20px;
}

body table#grades {
  text-align:center;
}

/***
 *** Grades (copied from /theme/standard/styles_color.css)
 ***/

body#grade-index .grades {
  border-color:#D5D6D8;
  border-top:none;
}
body#grade-index .grades th{
  border-color:#f4f6f7;
}

body#grade-index .grades td {
  border-color:#e0e0e0;
}

body#grade-index .grades .r0,
body#grade-index .grade_edit {
  background-color: #f4f6f7;
}

body#grade-index .grade_edit,
body#grade-index .grades {
 margin:5px auto 5px auto;
 }

body#grade-index .grade_edit td {
 padding:5px;
}

body#grade-index .grades .r1 {
  background-color: #ebeef2;
}

body#grade-index tr .highlight {
 background-color:#ebeef2;
}

body#grade-index th {
 border:1px solid #f4f6f7;
 border-bottom-color: #d5d6d8;
 border-right-color: #d5d6d8;
 border-collapse:separate;
}

/***
*** Mods
***/

.modgroupsubtable {
 margin:0px;
 width:100%;

}

/***
**** Misc
***/

td ul {
 list-style-type:square;
 margin:0 auto auto 16px;
 font-size:0.8em;
}

#notice {
 padding:10px;
 background-color:#f4f6f7;
}


/***
 *** Tabs
 ***/


/*globalnav*/
.tabtree {
  position:relative;
}

.tabrow0 {
  text-align: center;
  width:100%;
  padding:0 0 1.75em 0;
  margin:0;
  list-style:none;
  line-height:1.8em;
  font-size: 84%;
}

.tabrow0 li {
  display: inline;
  margin: 0 -4px 0 0;
  padding: 0;
}

.tabrow0 a span {
  padding: 10px 14px 0.35em 0;
  background: transparent url(pix/tab/right.gif) no-repeat right top;
}

.tabrow1 li a span {
  background: none !important;
}

.tabrow0 a {
  text-decoration: none;
  background: transparent url(pix/tab/left.gif) no-repeat left top;
  margin: 0 -1px 0 0;
  padding: 10px 0 0.35em 13px;
}

.tabrow0 a:hover {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 .here a:hover {
  background-image: url(pix/tab/left.gif);
}

.tabrow0 a:hover span {
  background-image: url(pix/tab/right.gif);
}

.tabrow0 .here a:hover span {
  background-image: url(pix/tab/right.gif);
}

.tabrow0 .here a {
  color:#444;
}


.tabrow0 .here a:link, .tabrow0 .here a:visited {
  position:relative;
  z-index:102;
}

/*subnav*/
.tabrow0 .empty {
  height: 1px;
  overflow: hidden;
  padding: 0;
}

.tabrow0 div,
.tabrow0 ul {
  position: absolute;
  left: 0;
  top: 2.0em;
  width: 100%;
  margin: 0;
  padding: 0.25em 0;
  list-style: none;
  border-top: 1px solid #aaa;
  line-height: normal;
  background: transparent url(pix/tab/tabrow1.gif) repeat-x center left;
  font-size: 90%;
}

.tabrow0 ul li {
  display:inline;
  margin-top:1px;
  background-image: none;
}

.tabrow0 ul a {
  background-image: none;
  color:#00c;
  margin:0;
  padding:0 1em;
  border:0
}

.tabrow0 ul a span {
  padding: 0;
  background-image: none;
}

.tabrow0 ul .last span,
.tabrow0 ul li a:hover, .tabrow0 ul li a:hover span,
.tabrow0 ul .here a:hover, .tabrow0 ul .here a:hover span {
  background-image: none !important;
}

.tabrow0 ul div {
  display: none;
}

ul.tabrow1 li a,
ul.tabrow1 li a:link,
ul.tabrow1 li a:visited {
  color:#00c;
  font-size: 110%;
}

ul.tabrow1 li.here.selected a {
  color:#444;
}

#formAddCourse {
	width:50%;
	background-color:white;
	margin-left:auto;
	margin-right:auto;
}

.inlineform { /*buttons*/
  display:inline;
  margin:2px;
  padding:0;
  border:0;
}

.pctbar-main {
  haslayout:-1;
  border:1px solid #77f;
  background-color:#ddd;
  padding:0;
  margin:0;
}

.pctbar-bar {
  haslayout:=1;
  border-right:1px solid #77f;
  background-image:url(pix/snapMenuSelected.gif);
  background-position:0 -1px;
  text-align:left;
}

.homelogo {
  left:0px;
  top:0px;
  width:105px;
  height:70px;
  zoom:100%;
  background-image:url(pix/header.jpg);
}

.studentindent {
  /*font-size:80%;*/
  color:#444;
  /*border:1px solid;*/
  padding-left:20px;

}
.homelogo:hover {
/*to do: it'd be nice to put a visual clue here...*/
}

/**
** pear htmlquickforms css
**/

.pearams {
  white-space:nowrap;
  padding:0 3px 0 0;
  border-bottom:1px solid #f9f9f9;
  border-right:1px solid #f9f9f9;
}
.pearamsover {
  white-space:nowrap;
  padding:0 3px 0 0;
  color:#00a;
  background-color:#fff;
  border-bottom:1px solid #777;
  border-right:1px solid #777;
}

.warning {
  background-color:#faa;
  width:60%;
  color:white;
}/***** _snap04/snap_layout.css end *****/

/***** _snap04/snap_color.css start *****/

/* Core */

body {
  background-image:url(pix/snap_bg.jpg);
  background-repeat:no-repeat;
  background-position:0 100px;
  background-color:#81bbd1;

}

a:link {
    color: #0033CC;
}

a:visited {
    color:#0033CC;
}

a:hover {
    color: #990000;
}

a.dimmed:link,
a.dimmed:visited {
    color:#888;
}

.dimmed {/*added 2007-05-30, watch for issues*/
    color:#888;
}

h1 {
    background-color: #D5D6D8;
    border-color: #333333;
    color: #333333;
}

h2 {
    /*background-color: #bcdcf3; /*E3DFD4*/
    border-color:#D5D6D8;
}
h3 {
    border-color:#D5D6D8;
}
h4 {
    border-color:#D5D6D8;
}


th {
    background-color:#bcdcf3; /*E3DFD4*/

}

th.header,
td.header {
    background-color:#bcdcf3; /*E3DFD4*/
    color: #6c8598;
    border-right:1px solid;
}

div.header, h2.header, table caption {
    background-color:#bcdcf3; /*E3DFD4*/
    background-image:url(pix/sectionHeaders.gif);
    background-repeat:repeat-x;
    color:#cee;
    height:36px;
    border:none;
    font-style:italic;
    padding:10px 0 0 10px;
    text-align:left;

}

table caption {
    margin-left:auto;
    margin-right:auto;
}

th.header a,
td.header a {
    color: #6c8598;
}
div.header a, h2.header a {
    color:#cee;
}

#layout-table #left-column {
    /* background-color: yellow; */
}

.generalbox {
    border-color:#D5D6D8;
    background-color:#FFFFFF;
}

.generalbox h2.main {
  color:#6c8598;
}

.noticebox {
    border-color:#D5D6D8;
    background-color:#faa;
}

.generaltable,
.generaltable td,
.grades th {
  border-color:#D5D6D8;
  /* background-color:#FFFFFF; */
}


.generaltable .r0 td.cell.c0, .generaltable .r0, FIELDSET .r0,
#course-view .weeks .r0 {
    background-color:#f4f6f7;
}

.generaltable .r1 td.cell.c0, .generaltable .r1, FIELDSET .r1,
#course-view .weeks .r1 {
    border-color:#D5D6D8;
    background-color:#ebeef2; /*E3DFD4*/
}
.navbar .breadcrumb {
    height:28px;
    margin:0;
    padding:0;
}
.navbar ul {
    margin:0;
    padding:0;
}

.navbar {
    background-image: url(pix/snapMenu.gif);
    background-repeat: repeat-x;
    background-color:#234;
    border-color:#000;
    border-top:none;
    color:#fff;
    padding: 0; /*left don't pad anything but left or 'highlighted' breadcrumb doesn't go to top of .navbar*/
    height: 28px;
}

.navbar ul li {
    float:left;
    padding:5px 2px 0 0;
    list-style:none;
    border-right:1px solid #1d323f;
    border-left:1px solid #b8bcc1;
    height:24px;
}

.navbar li:hover, .navbar li.over {
    background-image: url(pix/snapMenuSelected.gif);
    background-repeat: repeat-x;
    background-color:#ADF;
    border-color:#000;
    color:#269;
    height:23px;
    border-right-color:#59c;
}

.navbar a {
    color:#fff;
    padding:0 5px;
}

.navbar a:hover {
    color:#269
}

#navfoot {
    width:100%;
    text-align:center;
    height:28px;
    margin:0;
    padding:0 0 0 auto;
}

#navfoot ul {
    height:28px;
}

#navfoot li {
    padding-left:4px;
    padding-right:4px;
}

.sitetopiccontent {
    border-color:#D5D6D8;
    background-color:#FFFFFF;
}

.highlight {
    background-color:#D5D6D8;
}

.highlight2 {
    color:#D5D6D8; /* highlight missing terms in forum search */
}


/***
 *** Forms gsl copied from standard theme.
 ***/

form.mform {
  margin: 0 auto;
  padding: 0;
  width: 80%;
  border:1px solid #ddd;
  background-color:#f4f6f7;
}
form.mform fieldset { /*keep an eye on this one...gsl added all fieldset 2007/02/21*/
  background-color:#f4f6f7;
  /*border: 1px solid #DDDDDD;*/
  border:none;
  border-bottom:1px solid;
  padding: 0px 0;
  margin: 0 0;
  width:100%;
}
form.mform fieldset.hidden, form.mform fieldset.felement {
  border: 0;
}
form.mform fieldset.felement {
  width: auto;
}
form.mform fieldset legend {
  font-weight: bold;
  margin:0;
  padding:0;
}
form.mform fieldset .advancedbutton{
   width:100%;
   text-align:right;
}
form.mform div.fitem {
  clear: both;
  width: 100%;
  min-height: 1.5em;
}

form.mform .fitemtitle {
  display: block;
  float: left;
  width: 30%;
  padding: 0;
  /*margin: 5px 0 0 10px;*/
  text-align: right;
}

form.mform .fitemtitle div{
  display: inline;
}

div.fitem fieldset.fgroup label, div.fradio label,  div.fcheckbox label,
fieldset.fdate_selector label {
  display:inline;
  float: none;
  width: auto;
}

form.mform div.felement,  form.mform fieldset.felement{
  display: block;
  float: left;
  margin: 5px 0 0 10px;
  padding: 0;
  text-align:left;
  width: 60%;
}

form.mform div.fdescription {
  clear: both;
  min-height: 1.5em;
}

form.mform input, form.mform select {
  width: auto;
}
form.mform ftextarea {
}
form.mform br {
  clear: left;
}
form.mform div.fhtmleditor {
  margin: 0 auto 10px auto;
  width : 600px;
  clear:both;
  float:none;
  padding: 25px 0 20px 0;
}
form.mform span.error, form.mform span.required {
  color: red;
}
form.mform div.error,form.mform fieldset.error {
  border: 1px solid red;
  padding: 5px;
  color: inherit;
}
form#adminsettings div.htmlarea {
  clear: left;
  padding-top: 5px;
}

form.mform .required img.req {
  /*display:none;*/  /* why did we do this?*/
}

#admin-register form.mform .fsubmit {
  padding:20px;
  text-align:center;
}

div.phpinfo .center{
  text-align: center;
}

div.phpinfo .center table {
  margin-left: auto;
  margin-right: auto;
  text-align: left;
}

div.phpinfo .center th {
  text-align: center;
}

/***
 *** Header
 ***/

#header-home, #header {
  border-color:#000;
}

/***
 *** Login
 ***/


.loginbox .header {
  border-color:#bcdcf3;
}

.loginbox .content {
  border-color:#D5D6D8;
}

/***
 *** Blocks
 ***/

.sideblock .header {
  border-color: #bcdcf3;
}

.sideblock {
  border-color:#D5D6D8;
}

.sideblock .content {
  border-color:#D5D6D8;
  background-color:#f4f6f7;
}

.sideblock hr {
  color:#D5D6D8;
  /*background-color:#f4f6f7;*/
}

.sideblock .footer {
  border-top-color:#D5D6D8;
}

.sideblock .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
}

.sideblock.hidden .header .hide-show img.hide-show-image {
  background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
}

.sideblock .content .post .head .date,
.sideblock .content .post .head .name {
  color: #000000;
  }

/***
 *** Calendar
***/

#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border-color: #D5D6D8;
}

#calendar .maincalendar table.calendarmonth th {
  border-color: #D5D6D8;
}

table.calendarmonth tr td {
   border-color:#D5D6D8;
}

table.minicalendar {
  border-color:#D5D6D8;
}

table.minicalendar tr.weekdays th {
  background-color:#f4f6f7;
  border-color:#D5D6D8;
  }

table.minicalendar tr td.day {
   border-color:#D5D6D8;
  }

table.minicalendar tr td.weekend {
  border-color:#D5D6D8;
  color: red;
  }

#calendar .today,
.minicalendar .today {
  border-color:#000000 !important;
}

/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#2EBA0E !important;
  background-color:#2EBA0E;
}

#calendar .event_course,
.minicalendar .event_course,
.block_calendar_month .event_course {
  border-color:#FF9966 !important;
  background-color:#FF9966;
}

#calendar .event_group,
.minicalendar .event_group,
.block_calendar_month .event_group {
  border-color:#FBBB23 !important;
  background-color:#FBBB23;
}

#calendar .event_user,
.minicalendar .event_user,
.block_calendar_month .event_user {
  border-color:#A1BECB !important;
  background-color:#A1BECB;
}

.cal_popup_fg {
  background-color:#f4f6f7;
}

.cal_popup_bg {
  border-color:#D5D6D8;
  background-color:#f4f6f7;
}


/***
 *** Course
 ***/

.headingblock {
  border-color:#D5D6D8;
}

.categoryboxcontent,
.courseboxcontent {
  border-color:#D5D6D8;
  background: #FFFFFF;
}

.categorybox .category,
.categorybox .category {
  border-color: #D5D6D8;
}

#course-view .section.main .content {
  border-color: #D5D6D8;
  border-top-color:#FFF;
  background-color: inherit;
  border-left:1px solid;
}

#course-view .section.main .side {
  border-color: #D5D6D8;
  border-top-color:#FFF;
  background-color: inherit;
}

#course-view .current .right.side,
#course-view .current .left.side {
  background-color: #D5D6D8;
}

#course-view .section.hidden .content,
#course-view .section.hidden .side {
  border-color:#D5D6D8;
 }


/***
 *** Modules: Forum
 ***/

.forumheaderlist,
.forumpost {
  border-color:#D5D6D8;
}

.forumpost .content {
  background: #f4f6f7;
}

.forumpost .left {
  background:#f4f6f7;
}

.forumpost .topic {
  border-bottom-color: #D5D6D8;
}

.forumpost .starter {
  background:#f4f6f7;
}

.forumheaderlist .discussion .starter {
  background:#f4f6f7;
}

.forumheaderlist td {
  border-color: #D5D6D8;
}

.sideblock .post .head {
  color:#f4f6f7;
}

.forumthread .unread {
  background: #f4f6f7;
}
#mod-forum-discuss .forumpost {
  background: none;
}

#mod-forum-discuss .forumpost.unread .content {
  border-color: #D5D6D8;
}

#mod-forum-discuss .forumthread .unread {
}

#mod-forum-index .unread {
}

form {
  border:1px solid #cde;
}
/*
fieldset {
  background-color:#f4f6f7;
  to do: Would be nice to start using some transparency!
  filter: alpha(opacity=75);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=75);
  -moz-opacity: 0.75; opacity:0.75;

  margin:0;
}
*/

.snapheading {
  width:70%;
  margin:20px;
  color:#f4f6f7;
}
.snapheading h2, .snapheading td {
  background-color:none;
  color:#f4f6f7;
  margin-right:0;
  padding-right:5px;
}
.snapheading td h2 {
  background-color:none;
  border-right:5px  solid;
}

.snapheading td {
  padding-left:5px;
}

.userinfobox {
  background-color:#f4f5f7;
}

/***
**** Quiz
***/
.ablock .prompt {
 padding-bottom:12px;
 }

.que, .que .content {
border:1px solid #D5D6D8;
}

.que {
  padding:5px;
}

/***
**** Quickforms
***/
.appheader { /*copied from h2 settings*/
  font-weight:bold;
  font-size:1.5em;
  font-style:italic;
  background-color:#bcdcf3; /*E3DFD4*/
  background-image:url(pix/sectionHeaders.gif);
  background-repeat:repeat-x;
  color:#cee;
}

.chapheader {
 font-weight:bold;
 background-color:#bcdcf3;
}
/*copied from /standard/styles_color.css, cause it didn't work there...*/
.dimmed_text {
  color:#AAAAAA;
}

/***** _snap04/snap_color.css end *****/

/***** _snap04/snap_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

body, td, li {
    font-family: Arial, Helvetica, sans-serif;
    font-size : 13px;
}

/*here it is in the FONTS css...
body {
    margin : 5px;
}
*/
th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}


a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

h1, h2, h3, h4 {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}

h1 {
    font-size:1.2em;
    font-weight: bold;
}

h2 {
    font-size:1.15em;
}
h3 {
    font-size:1.1em;
}
h4 {
    font-weight:bold;
}

th.header,
td.header,
div.header,
.headingblock {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 0.9em;
}


.categorybox .category,
.categorybox .category {
/*  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; */
    font-size: 1.2em;
    font-weight: bold;
}

.generaltable td.cell.c0 {
  font-weight: bold;
}
/***
 *** Header
 ***/
 
.breadcrumb {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:.85em;
    font-weight:bold;
}

.logininfo,
#header-home .headermenu font {
     font-size:.8em;
}

 /***
 *** Blocks
 ***/
 
.sideblock .footer {
    font-size:0.85em;
    text-align: left;
}

/***
 *** Calendar
 ***/
#calendar .maincalendar table.calendarmonth td {
  font-size:.8em;
}

#calendar .maincalendar .calendar-controls .current {
  font-weight: bold;
}

#calendar .sidecalendar .filters {
  font-size:0.75em
  }

table.minicalendar tr.weekdays th {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size:0.7em;
  font-weight:normal;
  }

table.minicalendar tr td {
  font-size:0.7em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

#course-view .section .left {
  font-weight:normal;
  font-size:1em;
}

/*Accessibility: resizable icons. */
img.resize {
  width: 1em;
  height: 1em;
}


/***** _snap04/snap_fonts.css end *****/

/***** _snap04/snap_menu.css start *****/

/**************************************************** 
  The following is the css for the snap menu system
  
  Current issues:
  -Submenus don't go 'horizontal' in IE 6.
  -
****************************************************/   

#menu {
  width: 100%;
  /*height: 64px;*/  /*taking this out removes the space below the menu.  The sub menus overlap content this way...*/
  height: 65px;
}

#menu a {
  color: #fff;
  font-family: "Eras Demi ITC", Arial, sans-serif;
  text-decoration: none;
  font-size:14px;
  font-variant: small-caps;
  font-style: italic;  
  display: block;
  height:24px;
  /*line-height:1.5;*/
  text-align: center;
}

#menu ul,  #menu li {
  list-style:none;
  margin:0;
  padding:0;
}

#menu ul {
  width:100%;
  height:34px;
  background-image:url(pix/snapMenu.gif);
}

#menu ul li {
  background-color:#234;
  float:left;
  /*position:relative;*/
  width:110px;
  /*height:33px;*/
  /* border-bottom:1px solid #fff; */  /*not sure if I'll do it this way...*/
}

#menu ul li.w { /*handle the slightly wider buttons*/
  width:130px;
}

#menu ul li.n { /*handle the slightly narrower buttons*/
  width: 90px;
}

#menu ul li.s { /*handle the small buttons*/
  width: 80px;
}

#menu ul li a {
  background-image:url(pix/snapMenu.gif);
  background-repeat:repeat-x;
  border-right:1px solid #1d323f;
  border-left:1px solid #b8bcc1;
  /*border-bottom:1px solid #1d323f; */
  margin:0;
  padding:9px 0 0 0;
  line-height:1.5em;
}
#menu ul li a:hover {
  background-image:url(pix/snapMenuSelected.gif);
  background-repeat:repeat-x;
  border-bottom:1px solid #bcdcf3; 
  border-right-color:#59c;
  color:#369;
}
#menu li ul {
  /*display: none;*/
  position: absolute;
  top: 110px;
  left: -999em;
  background-color:#bcdcf3;
  background-image:none;
  height:auto;
/*  width: 100%; */
  width: 1000px;
/*  display:block;*/
/*  height:39px;*/ /*this is dependent on the size of the submenu icons AND the padding.  32px icons = 39px height*/
}

#menu li:hover ul, #menu li.over ul {
  left:0;
  width:100%;
  height:auto;  /*causes ribbon to be full-height if it goes to 2 rows tall*/
  /*display:block; */
  /*position:relative; */ /* NO.  This breaks IE AND FIREFOX...*/
}

#menu ul li ul li {
  width:auto;
  /*Both float:left; and display:inline; work for Firefox and don't work for IE...*/
  /*float:left;*/
  display:inline;
  border:1px solid #bcdcf3;
  background-color: #bcdcf3;
  /*might be OK to kill these two...but only because there are icons*/
  /*height:1.25em;  
  line-height:1.25em;*/
  padding: 0;
  margin:0;
}
#menu ul li ul li a, #menu ul li ul li a:hover {
  background-image:url(icons/sphere_24.png);
  background-color: #bcdcf3;
  background-repeat: no-repeat;
  background-position: 0 5px;
  border: none;
  text-align: left;
  font-style: normal;
  font-variant: normal;
  font-size: 14px;
  color: #369;
  padding:5px 5px 0 27px;
}

#menu ul li ul li a:hover {
  background-color: #bfdff6;  /*just a bit brighter*/ 
}

/*
  submenu background-color: #bcdcf3
  approximate color for main menus: #2d3c49
*/


/*******************************************************************
 OLD Nostyle...
.nostyle {
  background:none;
  font:normal normal normal 10pt "Eras Demi ITC", Arial, sans-serif;
  display:inline;
}
********************************************************************/


/*For being called nostyle, the back|logout|help link sure has a lot of styling.
  consider renaming this pup!***************************************************/
  
/* these should be dead now */
/*#nav .nostyle,  
#nav .nostyle a,
#nav .nostyle a:hover, */  
#nav .nostyle,  
#nav .nostyle a,
#nav .nostyle a:hover,
.navbar .nostyle,
.navbar .nostyle a,
.navbar .nostyle a:hover {
  background:none;
  font:normal normal normal 10pt Arial, sans-serif;
  color:white;
  display:inline;
  margin:0 0 0 4px;
  padding:0;
  border:none;
  border-left:none;
  border-right:none;
  border-bottom:none;
  font-weight:100;
  font-size: 90%;
  vertical-align:top;
}

.navbar .nostyle,
.navbar .nostyle a,
.navbar .nostyle a:hover {
  color:#234;
}

.navbar {
  text-align:center;
}
/***** _snap04/snap_menu.css end *****/