/**************************************
 * THEME NAME: aardvark_RIAE_Pro_R3
 *
 * Files included in this sheet:
 *
 *   aardvark_RIAE_Pro_R3/aardvark_layout.css
 *   aardvark_RIAE_Pro_R3/aardvark_color.css
 *   aardvark_RIAE_Pro_R3/aardvark_fonts.css
 *   aardvark_RIAE_Pro_R3/aardvark_IE6cssmenu.css
 *   aardvark_RIAE_Pro_R3/aardvark_default.css
 *   aardvark_RIAE_Pro_R3/aardvark_userstyles.css
 *   aardvark_RIAE_Pro_R3/pushup.css
 **************************************/

/***** aardvark_RIAE_Pro_R3/aardvark_layout.css start *****/

/* Core */

body {
    margin: 5px;
}

body, p, th, td, li, .sideblock .content {
  line-height:1.4;
}

.surround {
  margin-left: auto; 
  margin-right: auto;
  max-width: 960px;
  position: relative;
}

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

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

h1 {
  padding: 6px;
}

h2 {
  padding: 4px;

}

h2.headingblock.header  {
border: 1px;
	}

h2.main  {
border: 0px;
	}
h3 {
  padding: 3px;
  

}

#layout-table #left-column, #layout-table #right-column {
    /*border: 1px solid;*/
    border: none;


}

#left-column .hidden .header, #right-column .hidden .header {
border-bottom-style:dashed;
border-bottom-width:1px;
}

#layout-table {
  border: none;
}

#content {
clear:both;
}
  
h1, h2, h3, th.header {
  border-width: 0px;
  border-style: solid; 
}

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

input, select {
  padding: 0px;
}
#layout-table #middle-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:5px;
}

#layout-table #left-column{
  vertical-align:top;
  padding-left:5px;
  padding-right:0px;
}

#layout-table #right-column{
  vertical-align:top;
  padding-left:0px;
  padding-right:5px;
}

.sitetopic {
  padding:0px;
  margin: 0px;
}

.generaltable {
  border-width:0px; 
}

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


.generalbox {
  border-width:1px; 
  border-style:solid; 
  padding: 5px; 
  margin-bottom:30px;

}

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


}

.clearfix { 
 min-width: 0; 
 /* overflow: hidden; */ 
}

.clearfix:after {
  /* content: "<!-- -->";  */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

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

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

#header {
  /* height:50px; */
  border-width:0px;
  border-style:solid;
}

.headermain, h1.headermain {
  float:left;
  margin:0%;
  padding:0%;
  border-width: 0px;
  padding-left: 5px;
}

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

.header-profilepic {

  text-align:right;
  margin: 5px;
  width: 64px;
  height: 64px;
  border: 1px solid #999999;

}

.header-profileblock {
  float:right;
  text-align:right;
  position: absolute;
  right: 0px;

}


.header-profilename {

  text-align:right;
  margin-right: 5px;

}

.header-profileoptions {
  text-align:right;
  margin-right: 5px;
}

.header-profileoptions ul li { 
padding-left: 10px;
display: inline; 
}

.header-profileoptions .loginform { 
width: 5em;
margin-left:4px;
display: inline; 
}

.navbar {
  width:100%;
  padding:3px 0.5em;
  border-width:0px;
/*  border-style:solid; */
}

div.navbar {
  width: auto;
}

table.navbar {
  width: 100%;
}

.navbar .navbutton form {
  float: left;
}

.navbar .navbutton {
  margin-top: 3px;
}

.navbar .breadcrumb {
  float:left;
  margin:0.2em 0em;
}

.breadcrumb ul {
  padding:0%;
  margin:0%;
  text-indent:0%;
  list-style:none;
}
.breadcrumb li {
  display:inline;
}

.navbar .navbutton,
.navbar .menu {
  float:right;
}

#footer .navbar {
  margin-top: 4em;
}


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

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

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

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


/***
 *** Footer
 ***/
 
#footer {
  text-align:center;
  margin-top: 4px;
  margin-bottom: 0px;
  padding: 4px;
}

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


/***
 *** Blocks
 ***/
.sideblock {
}

.sideblock .content {
  padding: 4px;
  border-bottom: 1px;
  border-top: 0px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
}

.sideblock .header, {
  border-bottom: 0px;
  border-top: 1px;
  border-left: 1px;
  border-right: 1px;
  border-style: solid;
 }

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

.sideblock .header .hide-show-image {
 padding-top: 4px;
}
 
.sideblock .footer {
  border-top-width:1px;
  border-top-style:dashed;
  margin-top: 4px;
  margin-bottom: 4px;
}
  

/***
 *** Calendar
 ***/
 
 
#calendar .maincalendar,
#calendar .sidecalendar,
#calendar .maincalendar .event {
  border:1px solid;
  padding:4px;
}
 
#calendar .sideblock .header {
  border-left:0px solid !important;
  border-top:0px solid !important;
  border-right:0px solid !important;
  border-bottom:0px solid !important;

}
 
 
#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;
  border: none;
}



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

.cal_popup_bg {
position:relative;
  left:-350px;
  padding:0px;
  margin:0px;
  border:1px solid;
}

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


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

#course-view .section .left {
  border-right-width: 1px;
  border-right-style: dashed;
}

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

#course-view .section td.content ul.section.img-text {
	line-height: 22px;
}

#course-view .section td.content ul.section.img-text li.activity.label {
	line-height: 16px;
	margin-bottom: 5px;
}

.coursebox .info .name {
  padding-bottom: 5px;
  }


.tabrow0 { 
   padding-top: 4px; 
} 

.courseboxes {
 width: 95%;
}
/***
 *** Modules: glossary
 ***/

.entry .concept,
.entryheader .concept {
   margin-top: 5px;
   margin-bottom: 10px;

}

.glossarypost.continuous {
	padding: 5px;
}

/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-width: 2px;
}
#course-view .headingblock {
display:none;
}/***** aardvark_RIAE_Pro_R3/aardvark_layout.css end *****/

/***** aardvark_RIAE_Pro_R3/aardvark_color.css start *****/

/* Core */

body {
  background:url("images/default/clouds_grad_bg.jpg") repeat-x scroll center top #b7cde1;
  background-color: #B7CDE1;
  color:#555555;
}

.surround {
  background: #f3f3f3;
  border-top: 10px solid #ffffff;
  border-right: 10px solid #ffffff;
  border-bottom: 10px solid #ffffff;
  border-left: 10px solid #ffffff;
 }

h1 {
  background-color: #cccccc;
  border-color: #cccccc;
  color: #ffffff;
}

h2 {
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  border-color:#cccccc;
  color: #999999;
}

h2 .headingblock, .header  {
 background: #d7d7db url('images/sideheader.jpg') repeat-x;
    color: #999999;
	}



h3 {
  border-color:#cccccc;
}
h4 {
  border-color:#cccccc;
}

.headermenu {
  color: #cccccc;
}

.headermenu a {
  color: #999999;
}


th {
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  border-color:#cccccc;
  color: #999999;
}

th.header,
td.header,
div.header {
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  border-color:#cccccc;
  color: #999999;
}

th.header a,
td.header a,
div.header a {
  color: #555555;
}

th.header {
  border-color: #cccccc;
}

#left-column .hidden .header, #right-column .hidden .header {
  border-color:#cccccc;
}


#layout-table #left-column, #layout-table #right-column {
    /*background-color: #ffffff;*/
    border-color:#cccccc;
}



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

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

/* .generaltable .r0 td.cell.c0 {
 background-color:#cccccc; 
} */

.generaltable .r0 {
 background-color:#ffffff; 
}

.generaltable .r1 {
 background-color:#ffffff; 
}

.generaltable .r1 td.cell.c0 {
border-color:#cccccc; 
/* background-color:#555555; */
}

.navbar, .navbar a {
  background: none;
  color: #555555;
}


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

.highlight {
  background-color:#cccccc;
}

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

/***
 *** Roles
 ***/

.rolecap .inherit.capdefault, .rolecap .allow.capdefault {
  background-color:#555555;
}

#admin-roles-override .capcurrent {
  background-color:#555555;
}

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


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


.loginbox,
.loginbox.twocolumns .loginpanel,
.loginbox .subcontent {
  border-color:#cccccc;
}

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

/***
 *** Footer
 ***/
 
#footer {
background-color:#e0e0e0;
}

 
#footer p.helplink {

}


/***
 *** Blocks
 ***/
 
.sideblock {
   color:#555555;
   background-color: transparent;
   border-color: #cccccc;

}

.sideblock, .sideblock .content {
   border-color: #cccccc;
   background-color:#ffffff;
   color:#555555;
}


.sideblock .header, .sideblock .header h2 {
 background: url(images/sideheader.jpg) repeat-x;
 background-color:#fefefe; 
 color: #999999;
 border-color: #cccccc;
}

.sideblock hr {
  color:#cccccc;

}

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

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


/***
 *** Calendar
***/
 
#calendar .maincalendar,
#calendar .eventlist .event {
  border-color: #cccccc;
  background: #ffffff;
}

#calendar .maincalendar .header {
  border-color: #cccccc;
  color: #555555;
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
}

#calendar .sideblock {
  border-left: #cccccc !important;
  border-top: #cccccc !important;
  border-right: #cccccc !important;
  border-bottom: #cccccc !important;

}

#calendar .sideblock {
  background: #ffffff;
}

#calendar .event {
  border-color: #ff0000;
}

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

#calendar .maincalendar table.calendarmonth td {
  border-color: #cccccc;
}


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


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



table.minicalendar tr.weekdays th {
  background-color:#555555;
  border-color:#cccccc;
}

table.minicalendar tr td.day {
   border-color:#cccccc;
  }
  
table.minicalendar tr td.weekend {
  border-color:#cccccc;
  color: red;
  }
  
#calendar .today,
.minicalendar .today {
  border-color:#ff0000 !important;
}
  
/* colors for calendar events */
#calendar .event_global,
.minicalendar .event_global,
.block_calendar_month .event_global {
  border-color:#def2ba !important;
  background-color:#def2ba;
}

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

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

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

.cal_popup_fg {
  background-color:#ffffff;
}

.cal_popup_bg {
  border-color:#cccccc;
  background-color:#ffffff;
}


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

.headingblock {
  border-color: #cccccc;
  background: #d7d7db url('images/sideheader.jpg') repeat-x;
  color: #999999;
}

/* course */
.headingblock .outline {
  border-color:#cccccc;
  color: #999999;

  
}


.coursebox {
  border-color:#cccccc;
  background: #ffffff;
}

.coursebox .info {
 background: #ffffff;
}

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

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

#course-view .section.main .content {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

#course-view .section.main .side {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

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

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




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


ul.tabrow li {
  background:url(pix/tab/left.gif) top left no-repeat;
}

.tabs .side {
  border-color: #cccccc;
}
.tabrow td {
  background:url(pix/tab/left.gif) top left no-repeat;
}
.tabrow td .tablink {
  background:url(pix/tab/right.gif) top right no-repeat;
}
.tabrow td:hover {
  background-image:url(pix/tab/left_hover.gif);
}
.tabrow td:hover .tablink {
  background-image:url(pix/tab/right_hover.gif);
}
.tabrow .last span {
  background:url(pix/tab/right_end.gif) top right no-repeat;
}
.tabrow .selected {
  background:url(pix/tab/left_active.gif) top left no-repeat;
}
.tabrow .selected .tablink {
  background:url(pix/tab/right_active.gif) top right no-repeat;
}
.tabrow td.selected:hover {
  background-image:url(pix/tab/left_active_hover.gif);
}
.tabrow td.selected:hover .tablink {
  background-image:url(pix/tab/right_active_hover.gif);
}

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

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

.forumpost .content {
  background: #ffffff;
}

.forumpost .left {
  background:#f3f3f3; 
}



.forumpost .topic {
  border-bottom-color: #cccccc;

}

.forumpost .starter {

}

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

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

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

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

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

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

#mod-forum-index .unread {
}

/***
 *** Modules: glossary
 ***/

.picture,
.entryattachment,
.entryapproval {
  background-color: #3b5998;
 } 

.entrybox {
  border-color: #cccccc;
 }

.glossarypost.dictionary,
.glossarypost.fullwithauthor,
.glossarypost.fullwithoutauthor,
.glossarypost.continuous, 
.glossarypost.encyclopedia,
.glossarypost.faq {
  border-color: #cccccc;
  background-color: #FFFFFF;
}

.glossarycategoryheader th  {
  background-color: #F7F6F1;
}


.glossarycategoryheader h2, 
.glossarypost .concept h3 {
  background-color: #FFFFFF
}


/***
 *** Error message
 ***/

.errorbox {
/*   color:#ffffff; */
   border-color:#990000;
   background-color:#ffffff;
 }

.errorboxcontent {
   background-color:#ffffff;
}
 

/***
 *** Grade
 ***/

.grade-report-grader table#user-grades td.cell span.gradepass {
  background-color: #C2EBBD; 
}

.grade-report-grader table#user-grades td.cell span.gradefail {
  background-color: #EBC4BD;
}

/***
 *** User
 ***/

.userinfobox {
 border-color: #cccccc;
}

.userinfobox .side {
 background-color: #ffffff;
}

.userinfobox .content {
 background-color: #ffffff;
}

/***
 *** Messaging
 ***/

body#message-messages {

background: none;
background-color: #EAEAEA; 

}/***** aardvark_RIAE_Pro_R3/aardvark_color.css end *****/

/***** aardvark_RIAE_Pro_R3/aardvark_fonts.css start *****/

/* Core */

.clearer {
  font-size:1px;
}

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

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: none;
}

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;
	letter-spacing: -1px;
}

h2.headingblock.header  {
    font-size:1.15em;
	letter-spacing: -1px;

	}

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

.headermain {
  font-size: 1.7em;
}

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


.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:1em;
    font-weight:normal;
}

.breadcrumb a {
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1em;
    font-weight:normal;
}

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

.header-profilename a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size:1.6em;
	letter-spacing: -1px;
	text-decoration: none;
	font-weight:bold;

}

.header-profileoptions a {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	letter-spacing: -1px;
}

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

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

#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:1em;
  }
  
/***
 *** Course
 ***/
  
#course-view .section .left {
  font-weight: bold;
  font-size: 1.2em;
}

.coursebox .info .name {
  font-weight: bold;
  font-size: 1.2em;
}

/* Accessibility: only certain fonts support Unicode chars like &#x25BA; in IE6 */
.arrow, .arrow_button input {
  font-family: Arial,Helvetica,sans-serif;
}

/*
span.arrow {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
} */

p.arrow_button input {
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}


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

/***
 *** Forum
 ***/
 
.forumpost .topic .subject {
  font-weight: bold;
  font-size: 1.2em;
}

/***
 *** Glossary
 ***/
.glossarypost div.concept h3,
.glossarypost.continuous .concept {
  display: inline;
}
/***** aardvark_RIAE_Pro_R3/aardvark_fonts.css end *****/

/***** aardvark_RIAE_Pro_R3/aardvark_IE6cssmenu.css start *****/

/*==============================================================================

	GRC multi-level script-free pure-CSS menuing system stylesheet.
   This code is hereby placed into the public domain by its author
   Steve Gibson. It may be freely used for any purpose whatsoever.

	Computed Geometries:	with a default 12px font, 1.0em == 12px and
	1px == 0.08333em.
	Thus, our 98px wide Freeware & Research buttons are 8.166666em wide.

                      PUBLIC DOMAIN CONTRIBUTION NOTICE							 
   This work has been explicitly placed into the Public Domain for the
	benefit of anyone who may find it useful for any purpose whatsoever.
	
==============================================================================*/

 /*================= STYLES FOR THE GRC MASTHEAD & CONTROLS ==================*/

.top_nav_menuminwidth0 {             /* for all browsers (non-IE) that obey min-width */
	position:relative;
	border:0;
	margin:0;
	padding:0;
	width:100%;
	height:55px;/* 36px masthead height + 18px button height + 1px lower border*/
	min-width:560px;
}

/* suppress our whole menu when not an interactive mode (when printing, etc.) */
@media print, projection { .top_nav_menuminwidth0 { display:none; } }

* html .top_nav_menuminwidth1 { /* this allows IE5/6 to simulate min-width capability */
	position:relative;  /* we can simulate a minimum width by creating a large */
	float:left;          /* border in this first div, then placing our content */
	height: 1px;          /* into a second nested div (see 2nd nested div next */
	border-left:560px solid #fff;    /* CSS box-model borders are a fixed size */
}

* html .top_nav_menuminwidth2 {    /* used to simulate min-width capability for IE5/6 */
	position:relative;
	margin-left:-560px;
	height: 1px;
}

#masthead {
	position:relative;      /* position our child objects relative to this div */
	float:left;
	vertical-align:top;	         /* protect from super-large user text sizing */
	border:0;
	margin:0;
	padding:0;
	width:100%;                                  /* grey-fill the entire width */
	height:36px;                  /* set the overall height above the menu-bar */
	background:#F3F3F3;                          /* a very light shade of grey */
}

#mastheadlogo {
	float:left;
	vertical-align:top;
	border:0;
	padding:0;
	margin:6px 0 0 7px;
}

#focus {                                                 /* GRC's focus label */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:15px;
	left:301px;
	width:121px;
	height:13px;
}

#search {                                                    /* search button */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:7px;
	right:6px;
	width:60px;
	height:19px;
}

#text {                                                 /* search text field */
	position:absolute;
	border:1px solid #404040;
	margin:0;
	padding:0 0 0 2px;				 /* move the left starting point a bit right */
	top:7px;
	right:65px;
	width:12em;														  /* search field width */
/*	height:1.215em;         we'll define this at the bottom of our style sheet */
	font-size:14px !important;
	background:#fefefe;
}

#indicator {                               /* surfing privacy tests indicator */
	position:absolute;
	border:0;
	margin:0;
	padding:0;
	top:-3px;
	right:2px;
	width:228px;
	height:22px;
}


 /*========================= TOP OF THE MENU CASCADE =========================*/

.top_nav_menu {
	border-style: none;
	border-color: inherit;
	border-width: 0;
	position:relative;        /* establish a menu-relative positioning context */
		float:left;                                     /* play nicely with others */
		margin:0;
		padding:0;
		width:100%;         /* we always want our menu to fill the available space */
		height:39px;                                  /* the menu's overall height */
	    background:url('images/default/top_menu.png') repeat-x;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:12px;         /* this (and also below) sets the menu's font size */
}

.top_nav_menu img {
	vertical-align: top;      /* prevent images from being pushed down by text */
	}

.top_nav_menu ul {
	padding:0;
	margin:0;
	border:0;
	z-index: 9999;
	list-style-type:none;          /* we don't want to view the list as a list */
	line-height:1.5em;           /* globally set the menu's item spacing. note */
}                               /* this must be 1.0 or 1.5 or 2.0 for Mozilla */


.top_nav_menu li {
	float:left;    /* this creates the side-by-side array of top-level buttons */
	position:relative;    /* create local positioning contexts for each button */
	margin:0;
	height:39px;
	_height:18px;
	
}

.top_nav_menu ul li table {
	margin:-1px 0;              /* IE5 needs -1px top and bottom table margins */
	margin:0;               /* re-zero the table margins for everyone but IE5 */
	border-collapse:collapse;      /* IE5 needs this for the sub-menus to work */
	font-size:12px;        /* this sets the base font size for our entire menu */
}

.drop {
	display:block;
	padding:0px 0.33em;	       /* this sets the l/r margins for our menu item */
	margin:0;
	text-align:right;   /* this right alignment goes with the float:left below */
	cursor:pointer;      /* IE tries to switch back to an I-beam, don't let it */
	cursor:hand;           /* IE5 only knows about "hand", so set it both ways */
	}

.drop span {        /* this simultaneously left and right aligns the text and */
	float:left;       /* the >> in the drop-down menus which link to sub-menus */
}

.rightmenu {
	position:relative;  /* establish a local positioning context for YAH label */
	float:right;                  /* and right-align it at the top of our page */
}

/*======================== TOP LEVEL MENU DEFINITIONS ========================*/

.top_nav_menu ul li ul {
	display:none;                  /* initially hide the entire list hierarchy */
	padding:0px;                               /* this is our box border width */

}

.top_nav_menu ul li a,
.top_nav_menu ul li a:visited {                    /* unselected top-level menu items */
	display:block;
	float:left;
	text-decoration:none;
	width:auto;
	color: #ffffff;
   	padding: 12px 17px 0 17px; 
	background:url('images/default/top_menu.png') repeat-x; 
	/*height:39px;*/
}

.top_nav_menu ul li:hover a,
.top_nav_menu ul li a:hover {                        /* selected top-level menu items */
	border-top:0px solid #000;    /* these 2 lines create the push-in illusion */
	height:39px;
	color: #ffffff;
	padding: 12px 17px 0 17px;
	background:url('images/default/top_menu_hover.png') repeat-x;
}

/*======================== 2ND LEVEL MENU DEFINITIONS ========================*/

.top_nav_menu ul li:hover ul,
.top_nav_menu ul li a:hover ul {                           /* 2nd level drop-down box */
	display:block;
	position:absolute;
	margin:0;
	top:39px;              /* place us just up underneath the top-level images */
	left:-1px;       /* left-align our drop-down to the previous button border */
	height:auto;      /* the drop-down height will be determiend by line count */
	width:250px;
	color:black;                        /* this sets the unselected-text color */
	 /* background:red;         /* this sets our menu's effective "border" color */
}

.top_nav_menu ul li:hover ul.leftbutton,
.top_nav_menu ul li a:hover ul.leftbutton {/* our first dropdown should not be skewed */
	left:0px;
	
}

.top_nav_menu ul li:hover ul.skinny,
.top_nav_menu ul li a:hover ul.skinny {             /* 2nd level skinny drop-down box */
	width:8.08333em;   /* with a 12px default font, this is 97px width (97/12) */
}

.top_nav_menu ul.rightmenu li:hover ul,
.top_nav_menu ul.rightmenu li a:hover ul {    /* 2nd level neighborhood drop-down box */
	left:auto;
	right:0;         /* nudge the right menu right to line up under the border */
	}

* html .top_nav_menu ul.rightmenu li a:hover ul {         /* IE5/6 needs a tweak here */
	right:-1px;
}

.top_nav_menu ul li:hover ul li a,
.top_nav_menu ul li a:hover ul li a {                   /* 2nd level unselected items */
	border-style: none;
	border-color: inherit;
	border-width: 0;
	margin: 0;
	color:#ffffff;               /* this sets the unselected drop-down text color */
		width: 250px;
		height: 39px;
	background:url('images/default/sub_menu.png') repeat-x;
	
/* Settings below fix IE6 padding issues on submenu items */	
    
    	_padding: 10px 0px 0px 13px; 	/* Only IE6 should process this line */
    	_height:28px;					/* Only IE6 should process this line */
}

.top_nav_menu ul li:hover ul li:hover a,
.top_nav_menu ul li a:hover ul li a:hover {                /* 2nd level selected item */
	color:white;
	background:url('images/default/top_menu.png') repeat-x;
	width: 250px;
	height:39px;

/* Settings below fix IE6 padding issues on submenu items */	

	_padding: 10px 0px 0px 13px; 	/* Only IE6 should process this line */
	_height:28px;					/* Only IE6 should process this line */
	
}

.top_nav_menu ul li:hover ul.skinny li a,
.top_nav_menu ul li a:hover ul.skinny li a,
.top_nav_menu ul li:hover ul.skinny li a:hover,
.top_nav_menu ul li a:hover ul.skinny li a:hover {     /* 2nd level un+selected items */
	width:8.08333em;
}


#top_menu_date a {
	float:right;
	padding: 12px 5px 0 17px;
	color: #ffffff;
	text-decoration:none;
}

#top_menu_date a:hover {
	color: #363636;
	text-decoration:none;

}/***** aardvark_RIAE_Pro_R3/aardvark_IE6cssmenu.css end *****/

/***** aardvark_RIAE_Pro_R3/aardvark_default.css start *****/

/* Core */

a:link {
    color:#02416D;
}

a:visited {
    color:#02416D;
}

a:hover {
    color: #83c8ff;
	text-decoration:none;
}

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

/***
 *** Top Menu
 ***/


#top_menu {
	background:url('images/default/top_menu.gif') repeat-x top center;
}

#top_menu ul li {
	background:url('images/default/top_menu_line.gif') right top no-repeat;
}	

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

#logo { 
/*background: url('images/default/logo.png') no-repeat left top; */
height: 90px;
} 

#header {
  background: url('images/default/header-grad.jpg') repeat-x;
  height: 90px;
}

#header-home {
  background: url('images/default/header.png') no-repeat left top;
  width: 960px;
  height: 107px;
  position: absolute;
  left: 0px;
}

h1.headermain {
  background-color: transparent;
}

.header-profilename, .header-profilename a {
	background-color: transparent;
	color:#ffffff;

}

.header-profilename, .header-profilename a:hover {
	background-color: transparent;
	color: #325596;
	text-decoration:none;

}

.header-profileoptions {
	background-color: transparent;
	color:#ffffff;
	margin-top: -11px;
	* margin-top: 0px;
}

.header-profileoptions, .header-profileoptions a {
	background-color: transparent;
	color:#ffffff;

}


.header-profileoptions a:hover {
	background-color: transparent;
	color: #325596;
	text-decoration:none;

}/***** aardvark_RIAE_Pro_R3/aardvark_default.css end *****/

/***** aardvark_RIAE_Pro_R3/aardvark_userstyles.css start *****/

/***
 *** HTML Editor
 ***/


.html_box {
text-align:right;
background-color:#B0E0E6;
border:1px solid black;
font-size:12px;
border-color:#cccccc;
background-color:#FFFFFF;
padding:0px;
margin: 0px;
}



#red_box {
margin:0px auto;
text-align:right;
padding:5px;
background-color: #FF6699;
border:1px solid black;
font-size:12px;
}


/***
 *** Front page quick launch buttons
 ***/


#induction_button
{
display: block;
width: 158px;
height: 38px;
background: url(http://www.redbridge-iae.ac.uk/file.php/1/AllCoursesFiles/induction_button.png) no-repeat 0 0;
}

#ilp_button
{
display: block;
width: 158px;
height: 38px;
background: url(http://www.redbridge-iae.ac.uk/file.php/1/AllCoursesFiles/ilp_button.png) no-repeat 0 0;
}

#cf_button
{
display: block;
width: 197px;
height: 38px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/coursefinder_button.png) no-repeat 0 0;
}

#cg_button
{
display: block;
width: 197px;
height: 38px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/courseguide_button.png) no-repeat 0 0;
}

#pros_button
{
display: block;
width: 197px;
height: 38px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/prospectus_button.png) no-repeat 0 0;
}

#cg_button:hover
{
background-position: 0 -38px;
}

#cf_button:hover
{
background-position: 0 -38px;
}

#pros_button:hover
{
background-position: 0 -38px;
}

#ilp_button:hover
{
background-position: 0 -38px;
}


#induction_button:hover
{
background-position: 0 -38px;
}


#cg_button span
{
display: none;
}

#cf_button span

{
display: none;
}

#pros_button span

{
display: none;
}

#ilp_button span

{
display: none;
}

#induction_button span

{
display: none;
}



/***
 *** Browser Detection
 ***/


#browser_bg 
{
display: block;
width: 195px;
height: 70px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/browser_ok.jpg) no-repeat 0 0;

}



/***
 *** Tooltips
 ***/


#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;
}


/***
 *** Courses page large button
 ***/


#cf_button_big
{
display: block;
width: 283px;
height: 55px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/cf_button_big.png) no-repeat 0 0;
}


#cf_button_big:hover
{
background-position: 0 -55px;
}


#cf_button_big span

{
display: none;
}




#test_button_big
{
display: block;
width: 283px;
height: 55px;
background: url(http://www.redbridge-iae.ac.uk/theme/aardvark_RIAE_Pro_R3/images/cf_button_big.png) no-repeat 0 0;
}


#test_button_big:hover
{
background-position: 0 -55px;
}


#test_button_big span

{
display: none;
}



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

.forumpost {
	border: 0px;    
	width: auto;
	overflow:none;
}

.forumpost .left {
	background:#ffffff url('images/forum/leftpost.png') no-repeat top left;
}

.forumpost .picture,
.forumpost .topic {
	background:#b7cde1;
	border:0px;
	color:#555555;
}

.forumpost .topic .subject {
font-weight:bold;
font-size:1.1em;
}

.forumpost .topic .author {
font-size:0.9em;
}

/***
 ***	Core: Side Block
 ***/

.sideblock {
	color:#555555;
	border:thin #cccccc solid !important;
  	background: #ffffff url('images/sideblocks/sidegrad.jpg') repeat-x !important;
}

.sideblock .content {
	color:#555555;
	padding: 4px;
	border: 0px;
}

.sideblock .header {
  	background: transparent !important;
}

.sideblock .header h2 {
	padding-top: 4px;
  	background: transparent !important;

 }

.sideblock .header .hide-show-image {
	padding-top: 4px;
}
 
.sideblock .footer {
	border:0px;
	margin-top: 4px;
	margin-bottom: 4px;
	font-size:0.85em;
	text-align: left;
}

.sideblock .header, .sideblock .header h2 {
	color: #999999;
	font-size:1em;
	border: 0px;
  	background: transparent !important;
}



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


/***
 ***	Core: Intro Block
 ***/


#intro.generalbox {
margin-left:auto;
margin-right:auto;
width:auto;
}


/***
*** Modules: Scorm
***/

#mod-scorm-player .scoframe {
border:none;
}

.structlist {

list-style-type: none;
white-space: nowrap;
font-size: small;

}

.orgtitle {

font-weight: bold;
font-size: small;

}

#mod-scorm-player #scormpage {

position: relative;
width: 100%;
height: 100%;

}
.mod-scorm .top {

vertical-align: top;
}

.mod-scorm .scorm-left {

text-align: left;
}

.mod-scorm .scorm-center {

text-align: center;
}

.mod-scorm .scorm-right {

text-align: right;
height: 100%;
}


.mod-scorm .scoframe {


width: 100%;
height: 100%;
frameborder: 0px;

}





#mod-scorm-player #tochead {



text-align: center;

top: 3px;

height: 30px;

}

#mod-scorm-player .toc {

width: 80%;

margin-left: 20%;

}

#mod-scorm-player .no-toc {

width: 100%;

}

#mod-scorm-player #scormobject {

height: 400px;

}

#mod-scorm-player #scormtop {

position: relative;

width: 100%;

height: 30px;

}

#mod-scorm-player #scormbrowse {

position: absolute;

left: 5px;

top: 0px;

}

#mod-scorm-player #scormnav {

position: absolute;

right: 5px;

top: 0px;

text-align: center;

top: 3px;

width: 100%;

}



#mod-scorm-view .structurehead {

text-align: center;

}



#mod-scorm-view .structurelist {

list-style-type: none;

white-space: nowrap;

}



#mod-scorm-player #scormbox {

width: 74%;

position: absolute;

right: 0px;

top: 0px;

}



#mod-scorm-player #tocbox {

position: relative;

left: 0px;

width: 24%;

font-size: 0.8em;

}



#mod-scorm-player #tochead {

position: relative;

text-align: center;

top: 3px;

height: 30px;

}



#toctree {

position:relative;

width:100%;

overflow-x: auto;

overflow-y: auto;

}

.structurelist {

list-style-type: none;

}

#mod-scorm-player .structurelist {

position: relative;

list-style-type: none;

width: 96%;

margin-left:0;

padding-left: 0;

margin-right:0;

padding-right: 0;

padding-top: 0;

padding-bottom: 0;

margin-top:0;

margin-bottom:0;

}



#mod-scorm-player .structurelist ul{

padding-left: 0.5em;

margin-left: 0.5em;

}

#mod-scorm-view .structurelist {

list-style-type: none;

white-space: nowrap;

}

a#mod-scorm-log-toggle {
font-size: 0.7em;
font-weight: bold;
}


#course-view .section td.left {
border-right:0 none;
text-align:center;
width:1.5em;
color:white;
}

#course-view .section td.right {
border-left:0 none;
text-align:center;
width:1.5em;
}


#ims-contentframe-no-nav  {
border:none;
}



/***
 *** Message and Chat background removal fix
 ***/



#message-messages,
#message-send,
#message-user,
#mod-chat-gui_header_js-chatinput,
#mod-chat-gui_header_js-jsupdate,
#mod-chat-gui_header_js-users
 {
background:none;
background-color: #f3f3f3;
}


/***
 *** My Moodle middle column extra padding
 ***/


#layout-table #my-middle-column {
padding-left:15px;
padding-right:15px;
vertical-align:top;
}
/***** aardvark_RIAE_Pro_R3/aardvark_userstyles.css end *****/

/***** aardvark_RIAE_Pro_R3/pushup.css start *****/

#pushup {
  position: fixed;
  top: 10px;
  right: 10px;
  margin: 0;
  padding: 4px;
  background: #ffffc6;
  border: 1px solid #b0dfc8;
  z-index: 9999;
  text-decoration: none;
  font-family: Arial, Helvetica, sans-serif;
}
* html #pushup {
  position: absolute;
  top: expression(_pushupIETop = 10 + (document.documentElement.scrollTop || 0) + 'px');
}
#pushup * {
  margin: 0;
  padding: 0;
  border: 0;
  background: none;
}
.withReminder { padding-bottom: 6px; }
#pushup a {
  outline-style: none;
  text-decoration: none;
}

#pushup .pushup_messageLink {
  float: left;
  position: relative;
  color: #4293cd;
  font-size: 12px;
  cursor: pointer;
}

#pushup .pushup_icon {
  position: relative;
  float: left;
  height: 22px;
  width: 22px;
  margin-right: 5px;
  overflow: hidden;
  vertical-align: middle;
}

#pushup .pushup_message {
  position: relative;
  float: left;
  margin-right: 3px;
  line-height: 22px;
  vertical-align: middle;
}

#pushup .pushup_reminder {
  float: left;
  clear: both;
  font-size: 10px;
  color: #84a2ac;
  margin-left: 27px;
  cursor: pointer;
}

#pushup .pushup_messageLink:hover,
#pushup .pushup_reminder:hover { text-decoration: underline; }/***** aardvark_RIAE_Pro_R3/pushup.css end *****/