  /****************************************************************/
  /* Modify this style sheet by entering your own values */
    /* Here is a good CSS reference if you need help:      */
    /* http://www.htmlhelp.com/reference/css/              */

  /* main body attributes */
  body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background: #F3F4F5;
    background-image: url();
    margin-bottom: 0px;
    margin-top: 5px;
    margin-left: 5px;
    margin-right: 5px;
  }

  /* heading attributes */
  h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }


  h5 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    margin-bottom: 5px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }
  
  h2 {
    font-family: Verdana, Helvetica, sans-serif;
    color: white;
    font-weight: bold;
    font-size: 9pt;
  }
  
  h3 {
    font-family: Verdana, Helvetica, sans-serif;
    color: white;
    font-weight: bold;
    font-size: 8pt;
  }


  h4 {
    font-family: Verdana, Helvetica, sans-serif;
    color: white;
    font-weight: normal;
    font-size: 8pt;
  }


  /* paragraph attributes */
  p {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;
  }

  /*  Table of content attributes*/
  p.toc{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #eeeeee;
    padding: .6em;
    margin-bottom: .6em;
    margin-top: 0em;
    margin-left: 1em;
    margin-right: 3em;
    border: 1px #98AAB1 solid;
    font-size:small;
  }

  th {
    background-color: #B8B8BC;
    color: black;
  }

  /* list attributes */
  ul {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
  }

  li {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-right: 0px;
  }

  /* link attributes */
  a:link {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #384F89;
    text-decoration: underline;
  }
  a:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #51286C;
    text-decoration: underline;
  }
  a:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    text-decoration: underline;
  }

  /* formfield attributes */
  .formfield {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    border-top:  #003399  solid 1px;
    border-bottom: #003399 solid 1px;
    border-right: #003399 solid 1px;
    border-left: #003399 solid 1px;
  }
  .formfieldR {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    border-top:  #003399  solid 1px;
    border-bottom: #003399 solid 1px;
    border-right: #003399 solid 1px;
    border-left: #003399 solid 1px;
    text-align: right;
  }
  form {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 0px;
    margin-right: 0px;
  }

  /* align text to the left */
  .left {
    text-align: left;
  }

  /* table rows */
  td.row1, table.row1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: #EFEFEF;
    vertical-align: top;
    padding: 3px;
  }

  td.row2 {
    background-color: #98AAB1;
    font-weight: normal;
    height: 1px;
  }

  td.cat, th.cat {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url('images/cellpic1.gif');
    background-repeat: repeat-x;
    background-color:#D1D7DC;
    height: 25px;
    text-align: center;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
  }

  a.dropdown-title {
    color: white;
    font-weight: normal;
    text-decoration: none;
  }


  /* table border */
  .tableborder {
    border: 1px #606060 solid;
  }




  /* various line breaks */
  
  td.left_shadow{
    background-image: url('images/left_shadow.jpg');
    background-repeat: repeat-y;
    width: 8px;

  }
  
  
  td.right_shadow{
    background-image: url('images/right_shadow.jpg');
    background-repeat: repeat-y;
    width: 8px;

  }
  
  


  td.row10b {
    background-color: #ffffff;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;

  }
  td.row9b {
    background-color: #ffffff;
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
  }
  td.row10n {
    background-color: #f3f3f2;
    font-weight: normal;
    font-family: Verdana;
    font-size: 10pt;
  }
  td.row9n {
    background-color: #ffffff;
    font-weight: normal;
    font-size: 9pt;
    font-family: Verdana;
  }
  
  td.row8b {
    font-weight: bold;
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
  }
  td.row8n {
    font-weight: normal;
    font-family: Verdana;
    font-size: 8pt;
    color: #ffffff;
  }
  
  td.row7b {
    font-weight: bold;
    font-family: Verdana;
    font-size: 7pt;
    color: #ffffff;
  }
  td.row7n {
    font-weight: normal;
    font-family: Verdana;
    font-size: 7pt;
    color: #000000;
  }
  
  td.row6b {
    font-weight: bold;
    font-family: Verdana;
    font-size: 6pt;
    color: #ffffff;
  }
  td.row6n {
    font-weight: normal;
    font-family: Verdana;
    font-size: 6pt;
    color: #ffffff;
  }
  
  
  
  td.sideheader {
    background-image: url('images/side_menu/side_header.jpg');
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #283263;
    border-bottom: 1px solid #141931;
    height: 26px;
    width: 263px;
  }
  
  
  td.sidebar {
    background-image: url('images/side_menu/side_bg.gif');
  }
  
  td.bg_footer {
    background-image: url('images/content_footer/content_footer.gif');
    width: 696px;
    height: 179px;
  }
  
  
  td.row_header_search {
    background-image: url('images/header/search.jpg');
    width: 263px;
    height: 34px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 7pt;
    font-family: Verdana;
    color: #283263;
  }
  
  
  
  td.siderow {
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
  }


  td.content1 {
    background-color: #CACAD3;
    font-weight: bold;
    font-size: 11pt;
    font-family: Verdana;
    color: #000000;
  }
  
  
  td.content2 {
    background-color: #CACAD3;
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
    color: #000000;
  }
  

  td.content3 {
    background-color: #F2F3F4;
    font-weight: normal;
    font-size: 9pt;
    font-family: Verdana;
    color: #000000;
  }
  
  td.content3_event_matched {
    background-color: #3366FF;
    font-weight: normal;
    font-size: 9pt;
    font-family: Verdana;
    color: #000000;
  }
  
  
  td.content_empty_header {
    background-color: #CACAD3;
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
	width: 3px;
  }

  td.content_empty_content {
    background-color: #F2F3F4;
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
	width: 3px;
  }
  
  
  td.content_empty_header_small {
    background-color: #CACAD3;
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
	width: 1px;
  }

  td.content_empty_content_small {
    background-color: #F2F3F4;
    font-weight: bold;
    font-size: 8pt;
    font-family: Verdana;
    color: #000000;
	width: 1px;
  }
  
  td.content3b {
    background-color: #F2F3F4;
    font-weight: bold;
    font-size: 9pt;
    font-family: Verdana;
    color: #000000;
  }
  
  
  td.content_padding {
    background-color: #F2F3F4;
    width: 25px;
    
  }
  
  td.content_header_left {
    background-color: #F3F4F5;
    width: 25px;
    height: 25px;

  }
  
  td.content_header_right {
    background-color: #F3F4F5;
    width: 25px;
    height: 25px;

  }
  
  
  td.content_header {
    background-color: #F3F4F5;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;
    color: #000000;
    height: 50px;
  }
  
  td.content_footer {
    background-color: #F2F3F4;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;
    color: #000000;
  }
  
  
  td.content_footer_left {
    background-color: #F2F3F4;
    width: 25px;
    height: 25px;

  }
  
  td.content_footer_right {
    background-color: #F2F3F4;
    width: 25px;
    height: 25px;

  }
  
  td.content_top_shadow {
    background-image: url('images/content/content_top_shadow.jpg');
    background-repeat: repeat-x;
    height: 10px;
    width: 689;
  }
  
  td.content_side_shadow {
    background-image: url('images/content/content_side_shadow.jpg');
    background-position: top right;
    background-repeat: repeat-y;
    width: 10px;
  }
  
  table.content_side_shadow {
    background-image: url('images/content/content_side_shadow.jpg');
    background-position: top right;
    background-repeat: repeat-y;
  }
  
  
  td.content_big_top2 {
    background-image: url('images/content/content_big_top2.jpg');
    width: 696px;
    height: 46px;

  }
  
  
  
  td.content_big_top {
    background-image: url('images/content/content_big_top.jpg');
    width: 686px;
    height: 47px;

  }
  
  
  td.content_big_middle {
    background-image: url('images/content/content_big_middle.jpg');
    background-repeat: repeat-y;
    width: 686px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;

  }
  
  
  td.content_big_bottom {
    background-image: url('images/content/content_big_bottom.jpg');
    width: 686px;
    height: 31px;

  }
  
  
  td.content_small_top {
    background-image: url('images/content/content_small_top.jpg');
    width: 343px;
    height: 48px;

  }


  td.content_small_middle {
    background-image: url('images/content/content_small_middle.jpg');
    background-repeat: repeat-y;
    width: 343px;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    font-size: 8pt;

  }


  td.content_small_bottom {
    background-image: url('images/content/content_small_bottom.jpg');
    width: 343px;
    height: 31px;

  }
  
  table.content_outside_table {
    width: 686px;

  }
  table.content_small_table_outside {
    width: 343px;

  }
  
  table.content_big_table {
    width: 660px;
    padding: 5px;
  }
  
  table.content_small_table {
    width: 318px;
    padding: 5px;

  }
  
  
  INPUT.header_search{
	  font-family:Verdana;
	  font-size:7pt;
	  font-weight: bold;
  }
  button {
	  color: #330066;
	  background-color: #C8C8C8;
	  font-weight: bold;
	  font-size: 10px;
  }
  

  .btnExample {
  color: #330066;
  background: #C8C8C8;
  font-weight: bold;
  font-size: 10px;
}

.btnExample:hover {
  color: #330066;
  background: #F3C761;
  font-weight: bold;
  font-size: 10px;
}



  /* the main table */
  #maintable {
    background-color: #FFFFFF;
    border: 1px #98AAB1 solid;
  }


  /* date attributes */
  small.date {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #006699;
    margin-bottom: 0px;
    margin-top: 0px;
    margin-left: 5px;
    margin-right: 0px;
    font-size: 0.7em;
  }

  /* page breakline */
  hr {
    color: #98AAB1;
    background-color: white;
    height: 1px;
  }
  
  div.content_header{
    text-align: center;
    font-weight: bold;
    font-size: 10pt;
    font-family: Verdana;
    color: #000000;

  }





  /* message box styles */


  /* error box */
  table.errbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FF0000;
  }
  tr.errbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FEF1F1;
    vertical-align:top;
  }

  /* help box */
  table.hlpbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #006699;
  }
  tr.hlpbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #E5F0FD;
    vertical-align:top;
  }

  /* Editor box small */
  .editorsmallbox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE;
    padding: 2px;
    padding-right: 3px;
    border: 1px #99CCCC solid;
  }

  /* Editor box large version 1*/
  .editorlargebox {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE;
    margin-left:1em;
    padding-left: .2em;
    padding-right: .5em;
    padding-top: .5em;
    padding-bottom: .4em;
    border: 1px #99CCCC solid;
    font-size:small;
  }

  /* Editor box large version 2 is used in calendar, breaking news and e-news */
  .editorlargebox2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EEEEEE;
    margin-left:1em;
    padding-left: .2em;
    padding-right: .5em;
    padding-top: .5em;
    padding-bottom: .4em;
    border: 1px #99CCCC solid;
    font-size:12px;
  }

  /* warning box */
  table.wrnbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FF8400;
  }
  tr.wrnbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #FFF6ED;
    vertical-align:top;
  }

  /* feedback box */
  table.fbkbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #30B626;
  }
  tr.fbkbox{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#EBFDE9;
    vertical-align:top;
  }
  select.dropdown {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F1F3F1;
  }
  .copy {
    font-family: Verdana, Arial, Helvetica, sans-serif;
  }

  /* AChat Styles  */
  table.box2 {
    background-color: #FFFFFF;
    border-right: #006699 solid 1px;
    border-left: #006699 solid 1px;
  }

  table.box {
    background-color: #EFEFEF;
    border-right: #006699 solid 1px;
    border-left: #006699 solid 1px;
    border-top: #006699 solid 1px;
    border-bottom: #006699 solid 1px;
  }

  td.box2 {
    background-color: white; /* #DDF0FF; */
    padding-left: 1px;
    padding-right: 1px;
    font-weight: bold;
    border-left: #006699 solid 1px;
    font-size: smaller;
  }

  td.box1 {
    color: #FF0000;
    background-color: white;
    padding-left: 2px;
    padding-right: 2px;
  }

  body.chatbody{
    background-color: #FFFFEE;
    background-image: url('images/lines.v.2.gif');
  }

  .good  {
    font-family : Arial, Helvetica, Arial Cyr, Arial Ua, sans-serif;
    font-size : 14px;
    color : white;
    background: green;
    font-weight : bold;
    padding: 4px;
  }

  .current_tran  {
    font-family : Arial, Helvetica, Arial Cyr, Arial Ua, sans-serif;
    font-size : 14px;
    color : black;
    background: #FFFF00;
    font-weight : bold;
    padding: 4px;
  }

  .highlight, a.highlight {
    background-color: yellow;
  }

  a .highlight{
    background-color: yellow;
    text-decoration: underline;
  }

  /*public area*/
  .cyan{
    background-color:#006699;
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight:bold;
  }
  .cyan2{
    background-color:#464F88;
    padding: 2px;
    color: black;
    font-family: Verdana, Helvetica, sans-serif;
    font-weight:bold;
    text-align:center;
  }

  th.cyan{
    background-color:#006699;
    padding: 5px;
    color: white;
    font-family: Verdana, Helvetica, sans-serif;
    text-align:center;
    font-weight: bold;
  }
  .cyan a:link{
    color: white;
    text-decoration: underline;
  }
  .cyan a:visited{
    color: white;
    text-decoration: underline;
  }
  .cyan a:hover{
    color: white;
    text-decoration: underline;
  }

  .center {
    text-align: center;
  }

  /* new classes for the nav menu */
  table.navmenu {
    background-color: #464F88;
  }
  td.navmenu {
    padding: 5px;
    color: white;
    font-weight:bold;
    font-size: smaller;
    border-left: 1px white solid;
    text-decoration:none;
  }

  td.navmenu a:link, td.navmenu a:visited{
    color: white;
    text-decoration: none;
  }
  td.navmenu a:hover, td.navmenu a:visited.selected{
    color: white;
    text-decoration: none;
  }
  td.navmenu.selected, td.navmenu.selected a:visited {
    background-color: orange;
    text-decoration: none;
  }
  td.navmenu.selected, td.navmenu.selected a:hover {
    background-color: orange;
    text-decoration: none;
  }

  /* styles from stylesheet.css */
  .bodyline {
    background-color: #FFFFFF;
    border: 1px #98AAB1 solid;
  }

  #jumpmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F1F3F1;
    font-size: smaller;
  }

  #jump-button {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #3C92A9;
    border-top:  #98AAB1  solid 1px;
    border-bottom: #98AAB1 solid 1px;
    border-right: #98AAB1 solid 1px;
    border-left: #98AAB1 solid 1px;
    font-size: smaller;
    color: white;
  }

  #user-bar {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #E7E3B1;
    text-align: center;
    padding: 3px;
    font-size: small;
  }

  td.usernavmenu {
    padding-left: 1px;
    padding-right: 1px;
    font-size: small;
  }

  #logout-user-nav {
    background: transparent url(images/logout.gif) 0 1px no-repeat;
    padding-left: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #cccccc;
  }
  #preferences-user-nav {
    background: transparent url(images/prefs.gif) 0 1px no-repeat;
    padding-left: 18px;
    padding-top: 1px;
    padding-bottom: 1px;
    background-color: #cccccc;
  }
  #inbox-user-nav {
    background: transparent url(images/inbox.gif) 0 1px no-repeat;
    padding-left: 18px;
    padding-top: 0px;
    padding-bottom: 0px;
    background-color: #cccccc;
  }

  /* breadcrumbs #006699 */
  td.breadcrumbs	{
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    background-color: #FAF9F9;
    padding-left: 10px;
    border-bottom: 1px #98AAB1 solid;
    font-size: small;
  }

  a.breadcrumbs, a.breadcrumbs:visited {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #464F88;
    text-decoration: none;
  }
  a.breadcrumbs:hover {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    text-decoration: none;
  }


  td.navmenu.borderless {
    border-left: 0px;
    padding-right: 10px;
  }
  /* menu titles */
  td.cat, th.cat {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url('images/cellpic1.gif');
    background-repeat: repeat-x;
    background-color:#D1D7DC;
    height: 25px;
    text-align: center;
    font-weight: bold;
    padding-top: 3px;
    padding-left: 5px;
    padding-right: 5px;
    white-space: nowrap;
    color:black;
  }
  td.cat2c {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-image: url('images/cellpic1.gif');
    background-repeat: repeat;
    white-space: nowrap;
    text-align: center;
    font-weight: bold;
    height: 25px;

    border-left: 1px #98AAB1 solid;
  }

  table.cat2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color:#9C9DA6;
    font-size: small;
    text-align: center;
    font-weight: bold;
    border: 1px #98AAB1 solid;
  }
  table.cat3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: ;
  }

  #course-nav {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #EFEFEF;
    text-align: center;
    padding: 0px;
    text-decoration: none;
    border-top: 1px #98AAB1 solid;
    border-bottom: 1px #98AAB1 solid;
  }

  .course-nav-item {
    color: #464F88;
    text-decoration: none;
    text-align: center;
    font-weight: normal;
    font-size: small;
    height:30px;
  }

  .course-nav-item a:link, .course-nav-item a:visited {
    color: #464F88;
    text-decoration: none;
  }
  .course-nav-item a:hover {
    color: #3C92A9;
    text-decoration: underline;
  }

  /* instructor menu #464F88*/
  table.instmenu {
    background-color: #464F88;
  }
  td.instmenu {
    padding: 7px;
    color: white;
    font-weight:bold;
    font-size: x-small;
    border-left: 1px white solid;
  }

  td.instmenu a:link, td.instmenu a:visited{
    color: white;
    text-decoration: none;
  }
  td.instmenu a:hover, td.instmenu a:visited.selected{
    color: white;
    text-decoration: underline;
  }
  td.instmenu.selected, td.instmenu.selected a:visited {
    background-color: orange;
    text-decoration: none;
  }
  td.instmenu.selected, td.instmenu.selected a:hover {
    background-color: orange;
    text-decoration: underline;
  }

  td.instmenu.borderless {
    border-left: 0px;
    padding-right: 10px;
  }

  /* edit content tabs */
  .buttontab {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #ffffff;
    font-weight: bold;
    /* font-size: 0.9em; */
    border: 0px;
    padding-left: 0px;
    color: #8799A0;
  }

  .etab {
    color: black;
    background-color: #ffffff;
    border-top: 1px #98AAB1 solid;
    border-left: 1px #98AAB1 solid;
    border-right: 1px #98AAB1 solid;
    text-decoration: none;
    text-align: center;
    font-weight: bold;
    font-size: small;
  }

  .etab a:link, .etab a:visited {
    color: black;
    text-decoration: none;
  }
  .etab a:hover {
    color: black;
    text-decoration: underline;
  }
  .etabself {
    background-color: #EFEFEF;
    border-top: 1px #98AAB1 solid;
    border-left: 1px  #98AAB1 solid;
    border-right: 1px #98AAB1 solid;
    text-align: center;
    font-weight: bold;
    padding: 2px;
    font-size: small;
  }
  .unsaved {
    color: red;
    background-color: #FFFDE0;
    margin: 10px;
    font-weight: bold;
    font-size:small;
  }
  .saved {
    background-color: #FFFDE0;
    margin: 10px;
    font-size:small;
  }




  /* menu images */

  .menuimage {
    vertical-align: middle;
    margin-top: 1px;
    height:1.55em;
    width:1.75em;
  }

  /*user bar*/
  .menuimage2 {
    vertical-align: middle;
    margin-top: 0px;
  }

  /*announcements*/
  .menuimageh1 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.25em;
    width:1.4em;

  }
  /*header2 enclosed image*/
  .menuimageh2 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.6em;
    width:1.8em;

  }
  /*header3 enclosed icon image*/
  .menuimageh3 {
    vertical-align: middle;
    margin-top: 0px;
    height:2.05em;
    width:2.25em;

  }
  /* forum */
  /*lock/sticky icon image*/
  .menuimage3 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.15em;
    width:1.2em;

  }
  .menuimage6 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.1em;
    width:1em;
  }

  /*small enclosed icon image (file_manager, course_footer) */
  .menuimage4 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.85em;
    width:2.15em;

  }
  /* file_manager */
  /*small enclosed delete icon image */
  .menuimage4s {
    vertical-align: middle;
    margin-top: 0px;
    height:1.40em;
    width:1.25em;
  }
  /* archive icon image*/
  .menuimage6s {
    vertical-align: middle;
    margin-top: 0px;
    height:1.2em;
    width:.86em;

  }

  /*feedback icon image*/
  .menuimage5 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.35em;
    width:1.5em;
  }

  /*infos feedback icon image*/
  .menuimage7 {
    vertical-align: middle;
    margin-top: 0px;
    height:.80em;
    width:.85em;
    white-space: nowrap;
    text-align: center;
  }
  /* tree images*/
  .menuimage8 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.2em;
    width:1.2em;
  }
  /* tree images for content editor */
  .menuimage8a {
    vertical-align: middle;
    margin-top: 0px;
    height:1em;
    width:1em;
  }
  /* glossary icon images*/
  .menuimage9 {
    vertical-align: middle;
    margin-top: 0px;
    height:1.16em;
    width:1.20em;

  }
  /* popup help icons */
  .menuimage10 {
    text-align: bottom;
    vertical-align: top;
    margin: 2px;
    height:.92em;
    width:.98em;
  }
  /* editor pen large */
  .menuimage11 {
    text-align: bottom;
    vertical-align: middle;
    margin-top: .3em;
    margin-bottom: .7em;
    border: 1px #98AAB1 solid;
    height:1.75em;
    width:2em;

  }
  /* editor pen small*/
  .menuimage12 {
    text-align: bottom;
    vertical-align: middle;
    margin-top: .2em;
    margin-bottom: .7em;
    border: 1px #98AAB1 solid;
    height:1.4em;
    width:1.6em;

  }
  /* filemanager up arrow*/
  .menuimage13 {
    text-align: top;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 5px;
    height:.68em;
    width:.62em;
  }

  /* download icon 20x24*/
  .menuimage14 {
    text-align: bottom;
    vertical-align: middle;
    margin-top: 0px;
    margin-right: 2px;
    height:1.35em;
    width:1.10em;
  }
  /* accesibility sm*/
  .menuimage15 {
    text-align: top;
    vertical-align: top;
    margin-top: 0px;
    margin-right: 5px;
    height:1.70em;
    width:1.75em;
  }

  /* accesibility lrg*/
  .menuimage16 {
    text-align: bottom;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 2px;
    height:2em;
    width:2.35em;
  }
  /* accesibility lrg*/
  .menuimage16 {
    text-align: bottom;
    vertical-align: middle;
    margin-top: 2px;
    margin-right: 2px;
    height:2em;
    width:2.35em;
  }
  /* cc menu icons*/
  .menuimage17 {
    text-align: bottom;
    vertical-align: middle;
    height: 1.14em;
    width:  1.26em
  }
  /* delete 'x' icon 18hx16w*/
  .menuimage18 {
    text-align: bottom;
    vertical-align: middle;
    height:1.14em;
    width:1em
  }

  /* the side menu */
  /* the side menu heading */
  td.dropdown-heading {
    background-color: #FFF5A4;
    color: #006699;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
    border-top: 1px solid #006699;
    font-weight: bold;
    padding: 2px;
  }

  td.dropdown-heading a, td.dropdown-heading a:hover, td.dropdown-heading a:visited {
    text-decoration: none;
  }

  td.dropdown-heading.closed {
    border-bottom: 1px solid #006699;
  }

  /* the side menu content */
  td.dropdown {
    padding: 2px;
    background-color: #FFFCE5;
    font-size: small;
    color: #006699;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
    border-bottom: 1px solid #006699;
    font-weight: normal;
  }
  td.dropdown a, td.dropdown a:visited  {
    color: #006699;
    text-decoration: none;
  }
  td.dropdown a:hover {
    color: #006699;
    text-decoration: underline;
  }
  td.dropdown.cell {
    border-bottom: 0px;
  }
  td.dropdown strong {
    color: #51286C;
  }

  td.login-box {
    background-color: #FFFCE5;
    font-size: small;
    color: #006699;
    border-left:1px #CCCCCC solid;
    padding: 3px;
  }

  td.pen {
    background-color: #C9E0FD;
    color: #006699;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
    border-top: 1px solid #006699;
    border-bottom: 1px solid #006699;
    font-weight: bold;
    padding: 2px;
  }
  td.pen a:link, td.pen a:visited {
    color: #006699;
    text-decoration:none;
  }

  td.public-row {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: normal;
    background-color: white;
    vertical-align: top;
    padding: 3px;
    direction: ltr;
    font-size: small;
  }
  td.public-row2 {
    background-color: #FDE6D1;
    font-weight: normal;
    height: 1px;
    color: white;
  }
  p.public-text {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: black;
    margin-bottom: 10px;
    margin-top: 0px;
    margin-left: 10px;
    margin-right: 10px;
    font-size: small;
    line-height: 150%
  }

    /* added for 1.4.2: */
  .results {
    padding-left: 20px;
  }

  h5.search-results {
    background-color: #FFF5A4;
    color: #006699;
    padding: 1px;
    margin-bottom: 5px;
    margin-top: 10px;
    margin-left: 5px;
  }

  small.search-info {
    font-size: xx-small;
    color: #006699;
  }

  p.search-description {
    background-color: #FFFCE5;
    color: #006699;
    font-size: small;
  }

  .test-box {
    background-color: #FFF5A4;
    color: #006699;
    border-left: 1px solid #006699;
    border-right: 1px solid #006699;
    border-top: 1px solid #006699;
    font-weight: bold;
    padding: 2px;
  }
  .ra_header_active {
    background: #FFA500;
    font-family: Verdana, Helvetica, sans-serif;
    color: White;
  }
  .ra_header {
    background: White;
    font-family: Verdana, Helvetica, sans-serif;
    color: Navy;
  }
  .ra_text {
    background: White;
    font-family: Verdana, Helvetica, sans-serif;
  }
  .ra_list_header {
    background: #ffa400;
    font: normal normal normal 12px/normal Verdana, Helvetica, sans-serif;
    color: White;
    vertical-align: top;
  }
  
  div.sample_attach, a.sample_attach
  {
	  width: 240px;
   border: 0px solid black;
   background: #F5F5F8;
	  padding: 0px 5px;
	  font-weight: 900;
	  color: #152F5B;
  }

  a.sample_attach
  {
	  display: block;
	  border-bottom: none;
	  text-decoration: none;
	}

  form.sample_attach
  {
	  position: absolute;
	  visibility: hidden;
	  border: 1px solid black;
	  background: #F5F5F8;
	  padding: 0px 5px 2px 5px;
  }
