body
{
  /* Make it possible to fit into exactly 1024x768 */
  margin: 6px 0px 0px 0px;
  text-align: center;
  background-color: #EDF7E2;
}

.firefox2 body
{
  overflow-y: scroll;
}
body.simple,
body.print
{
	background-color: #fff;  	
}

body.simple
{
  text-align: left;
  padding: 20px;
}

img {
  border: 0px;
}

hr {
  color: #B3C7C8;
  height: 0px;
  border: none;
  border-bottom: 1px solid #B3C7C8;
  
}

table
{
  border-collapse: collapse;
  margin: 0px;
}

table,
table td
{
  border: none;
  padding: 0px;
  vertical-align: top;  
}

td
{
  text-align: left;
}

td, th, div, span, input, p, select, textarea, button 
{
  font-size: 10px;
  font-family: verdana;
  color: #000000;
  font-weight: normal;
}

th
{
  text-align: left;
}


select
{
  border: 1px solid #B3C7C8;
}

input.txt,
input.double,
textarea.txt,
input.date,
input.datetime,
input.empty-mandatory,
input.mandatory,
textarea
{
  border: 1px solid #B3C7C8; 
}

input.submit
{
  
}

textarea
{
  overflow:auto;
}

a
{
  color: #000000;
}

a:link, a:visited, a:active
{
  text-decoration: none;
}

a.u:link, a.u:visited, a.u:active
{
  text-decoration: underline;
}

a:hover
{
  text-decoration: underline;
}

h1 
{
  color: #047982;
  font-size: 12pt;
  border-bottom: 1px solid #047982;
  margin: 0px;
}

h2 {
  font-size: 10pt;
  color: #047982;
  padding: 0px;
  margin: 1em 0px 1em 0px;
}

.page_header h2 {
  text-align: right;
}

h3 {
  font-size: 7pt;
}

p
{
  margin: 0px 0px 1em 0px;
}

ul.simple li
{
  list-style: none;
}

dl.indent
{
  padding-left: 2em;
}
dt
{
  font-weight: bold;
  padding-bottom: 3px;
}
dd
{
  padding-bottom: 10px;
}

.inline
{
  display: inline;
}

table.radio tr td,
table.radio tr td span,
table.radio tr td input,
table.radio tr td label,
span.radio,
span.radio input,
span.radio label
{
  vertical-align: middle;
}

table.radio tr td label
{
  padding-top: 2px;
}

input.initial
{
  color: Gray;
}

.clickable
{
  cursor: pointer;
  cursor: hand;
}

.workflow_buttons
{
  text-align: right;
  border-bottom: 1px solid #047982;
  border-top: 1px solid #047982;
  background-color: #F1F1F1;

}

.TrueColor
{
  color: #577D7F;
  font-weight: bold;
}

.FalseColor
{
  color: Gray;
}

.rightalign
{
  text-align: right;
}

.leftalign
{
	float: left;
}

.top
{
  vertical-align: top;
}

/* Admin Menu */

.adminmenu,
.leftmenu,
.left
{
  padding-top: 10px;
}

.adminmenu .title,
.leftmenu .title,
.left .title,
.content_left .title
{
  margin-bottom: 10px;
}

.adminmenu .title a,
.leftmenu .title a,
.left .title a,
.content_left .title a
{
  color: #047982;
  font-weight: bold;
}


/* Big calendar */

div.bigCalendar
{
  margin-bottom: 25px;
}

table.bigCalendar
{
  width: 100%;
}

.mod-course .func-calendar table.bigCalendar td
{
  width: 90px;
  
}

table.bigCalendar td
{
  vertical-align: top;
  width: 138px;
  height: 85px;
  border: 1px solid #808080;
}

table.bigCalendar td div.d
{
  padding: 4px;
}

table.bigCalendar td div.text
{
  padding: 0px 4px;
  cursor: pointer;
}

table.bigCalendar div.itemClick
{
  background-color: #FF9F9F;
  cursor: pointer;
}

/* Course calendar Modules grid */
.modulesGrid td
{
  font-weight: bold;
  color: #005B60;
}

.modulesGrid a
{
  font-weight: bold;
  color: #333;
}

.actblckList
{
  margin-top: 5px;
}

/* Calendar block */
table.smallcalendar td.h
{
  text-align: center;
  font-weight: bold;
  color: #333;
  text-transform: uppercase;
}

table.smallcalendar td.h,
table.smallcalendar td.d,
table.smallcalendar td.act
{
  width: 20px;
  height: 15px;
  xborder: 1px solid gray;
}

table.smallcalendar td.d,
table.smallcalendar td.act
{
  text-align: right;
}

table.smallcalendar td.d
{
  color: #888;
}

table.smallcalendar td.omd
{
  visibility: hidden;
}

td.act
{
  font-weight: bold;
  color: #005B60;
}

table.bigCalendar td.h
{
  text-align: center;
  height: 20px;
}

table.bigCalendar td.d div.d,
table.bigCalendar td.d div.d a
{
  text-align: right;
	font-weight: bold;
  color: #A0A0A0;
}

table.bigCalendar div.modulespan
{
  overflow: hidden;
}

table.bigCalendar div.span1
{
  width: 130px;
  white-space: nowrap;
}

.mod-course .func-calendar table.bigCalendar div.span1
{
  width: 84px;
}

.bigCalendarClose
{
  border-top: 1px solid #003366;
  padding-top: 3px;
}

.bigCalendarClose table
{
  width: 100%;
}

.bigCalendarClose td.right
{
  text-align: right;
}

.bigCalendarClose td.left
{
  background-image: none;
  text-align: left;
  font-weight: bold;
  font-size: 10pt;
  color: #577D7F;
}

.bigCalendarClose a
{
  font-weight: bold;
  font-size: 10pt;
  color: #577D7F;
}

table.bigCalendar td.wd
{
}

table.bigCalendar td.today
{
	color: #000000;
}

table.bigCalendar td.omd
{
	visibility: hidden;
}

/* Login block */

.login
{
  margin: 0px 0px 6px 0px;
}

.loginbox
{
  padding: 6px;
  width: 152px;
  background-image: url('../../pics/backgrey.gif');
  background-repeat: repeat-y;
  background-position: left;
  border-right: 1px solid #D1D3C5;
}

.loginbox .txt
{
  width: 102px;
  margin-top: 1px;
  margin-bottom: 2px;
}

.loginbox .submit
{
  position: relative;
  top: -1px;
  width: 38px;
}

.firefox2 .loginbox .submit
{
  top: -1px;
}


/* Month pager */
div.monthPager,
div.yearPager
{
  margin-top: 10px;
  margin-bottom: 5px;
  padding-top: 4px;
  padding-bottom: 4px;
  text-align: center;
  background-color: #E9F2F1;
  color: #333;
}

div.monthPager a,
div.yearPager a
{
  color: #333;
  margin: 0px;
  padding: 0px 0px 0px 0px;
}

div.monthPager .selectedMonth,
div.yearPager .selectedYear
{
  color: #333;
  font-weight: bold;
}

div.monthPager .monthHeader,
div.yearPager .yearHeader
{
  float: left;
  
  margin-bottom: 3px;
  margin-left: 5px;
  
}


div.monthPager .monthHeader h3,
div.yearPager .yearHeader h3
{
  color: #333;
  margin: 0px;
  padding: 0px;
  text-align: left;  
}

td .dragdropOver
{
  background-color: #316ac5;
  cursor: move;
  
}

/* PageHeader */

.page_header h1,
.page_header h1 a
{
  color: #047982;
  font-size: 12pt;
  border-bottom: 1px solid #047982;
  margin: 0px;
}

.page_header h2,
.page_header h2 a
{
  font-size: 10pt;
  text-align: right;
  color: #047982;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

.page_header img
{
  vertical-align: top;
}

.breadcrumb
{
  font-weight: bold;
  font-size: 10pt;
  text-align: right;
  padding: 0px;
  margin: 0px 0px 2em 0px;
}

.breadcrumb .current
{
  
  padding: 0px 4px;
  color: #003366;
}

.breadcrumb .parent
{
  padding: 0px 4px;
  color: #999999;
}

/* Tabs */

.tablist
{
  background-color: #B9CECF;
  height: 35px;
  border-bottom: 1px solid #999;
  margin: 0px 0px 2em 0px;
}

.tablist table
{
  width: 100%;
  background-color: #FFF;
}

.tablist td
{
  text-align: center;
  padding: 1px;
}

.tablist td.padding
{
  width: 6px;
  border-bottom: 1px solid #999;
}

.tablist td.endPadding
{
  border-bottom: 1px solid #999;
}

.tablist td.active
{  
  background-color: #B9CECF;
  border: 1px solid #999;
  border-bottom: 1px solid #B9CECF;
}

.tablist td.link
{
  background-color: #E9F2F1;
  border: 1px solid #999;
}

.tablist input
{
  background-color: Transparent;
  color: black;
  border: none;
  cursor: hand;
  cursor: pointer;
}

.tablist span
{
  white-space: nowrap;
  font-weight: bold;
}

.tabdropdowncell
{
  width: 15px;
  background-color: #E9F2F1;
  border: 1px solid #999;
}

.tabdropdowncell div.tabdropdownimagecontainer
{
  height: 15px;
  vertical-align: middle;
}

.tabdropdowncell div.tabdropdownimagecontainer .img
{
  margin-top: 3px;
}

.tabdropdown
{
  border: 1px solid #999;
  background-color: White;
}

.tabdropdownitem td
{
  background-color: #E9F2F1;
  text-align: left;  
}

.tabdropdownitem td.index
{
  padding: 2px;
}

.tabdropdownitem td a
{
  display: block;
  padding: 2px;
}

.tabdropdownitem td a:hover
{
  background-color: #B9CECF;
  text-decoration: none;
  
}

/* Subtabs */
.subtabs
{
  background-color: #F1F1F1;
  height: auto;
  border-bottom: none;
  margin: 20px 0px -1px 0px;
  position: relative;
}

.subtabs table
{
  width: 100%;
  background-color: #FFF;
}

.subtabs td
{
  text-align: center;
  padding: 1px;
}

.subtabs td.padding
{
  width: 1px;
  border-bottom: 1px solid #999;
}

.subtabs td.endPadding
{
  border-bottom: 1px solid #999;
}

.subtabs td.active
{
  background-color: #AEBCBC;
  border: 1px solid #999;
  border-bottom: none;
}

.subtabs td.link
{
  background-color: #E1E1E1;
  border: 1px solid #999;
  border-bottom: 1px solid #999;
}

.subtabs input
{
  background-color: Transparent;
  color: black;
  border: none;
  cursor: hand;
  cursor: pointer;
}

.subtabs span
{
  white-space: nowrap;
  font-weight: bold;
  color: black;
}



/* Link Tabs */

div.tablinklist
{
  float: left;
  width: 100%;
  background: url("../../pics/linktabs-background.gif") repeat-x bottom;
  margin: 0px 0px 10px 0px;
}

div.tablinklist ul
{
  margin: 0px;
  padding: 0px 0px 0px 10px;
  list-style: none;
}

div.tablinklist li
{
  float: left;
  margin: 0px;
  padding: 2px 4px;
}

div.tablinklist li.link
{
  background-color: #E1E1E1;
  border-top: 1px solid black;
  border-left: 1px solid black;
  border-right: 1px solid black;
}

div.tablinklist li.selected
{
  background-color: #FFF;
}

div.tablinklist a
{
  display: block;
  text-decoration: none;
}

div.tablinklist a:hover
{
  text-decoration: underline;
}

div.tablinklist li.selected a
{
  padding-bottom: 1px;
}


/* Introtext */

div.introtext
{
  margin: 0px 10px 2em 3ex;
  padding: 0px 0px 0px 1ex;
  border: none;
  font-style: italic;
}


/* Action Menu */

div.action-menu
{
  background-color: #F1F1F1;
  border: 1px solid #999;
  border-bottom: 1px solid #999;
  padding: 0px 2px;
  margin-bottom: 10px;
  text-align: left;
  line-height: 20px;
}

div.action-menu a
{ 
  color: #000;
  padding: 0px 8px;
  margin: 0px;
}

div.action-menu a:link, 
div.action-menu a:visited
{
  background-color: #F1F1F1;
  text-decoration: none;
  border: 1px solid #F1F1F1;
}

div.action-menu a:hover
{
  background-color: #CCCCCC;
  text-decoration: none;
  border: 1px solid #999999;
}


/* TopFilters (filters placed above forms. Used on mypage) */
.topfilterdiv
{
  margin-bottom: 20px;
}

/* Form */

.form_frame
{
 margin: 0px 0px 15px 0px;
}

.mod-workflow .form_frame
{
  margin: 0px;
}

.form_frame div.head
{
  padding: 3px 2px 3px 6px;
  font-size: 7pt;
  font-weight: bold;
  color: #333;
  border-bottom: 1px solid #047982;
  border-top: 1px solid #047982;
  background-color: #F1F1F1;
}

.form_frame div.grid-head
{
  color: #333;
  display: inline;
  line-height: 20px;
  padding: 2px 4px;
  font-weight: bold;
}

.form_frame div.body
{
  padding: 4px 4px;
}

.form_frame div.grid
{
  padding: 0px;
  border-top: none;
}

.form_frame td
{
  padding: 2px 15px 2px 0px;
  vertical-align: middle;
}

.form_frame table.grid table.noborder td
{
  border: none;
}

.form_frame td img,
.form_frame td input,
.form_frame td select,
.form_frame td button
{
  vertical-align: middle;
}

/* Special IE style */
* html .form_frame table tr td img,
* html .form_frame table tr td input,
* html .form_frame table tr td select
{
  vertical-align: middle;
}

.form_frame table.top tr td,
.form_frame td.top,
.form_frame table.grid td.top,
.form_frame table.grid tr.top td
{
  vertical-align: top;
  background-image: none;
}

.form_frame .toplabel
{
  vertical-align: top;
  padding-top: 6px;
}

.form_frame table tr td.formulartop
{
  vertical-align: top;
  padding-top: 6px;
}

.form_frame table tr.inactiveRow td,
.form_frame table.grid tr.inactiveRow td a.hl:link,
.form_frame table.grid tr.inactiveRow td a.hl:active,
.form_frame table.grid tr.inactiveRow td a.hl:visited,
.form_frame table tr.deactivated td,
.form_frame table tr.deactivated td div
{
  color: #BBB;
  font-weight: normal;
 
}

.form_frame fieldset
{
}

.form_frame legend
{
  padding: 0px 1em 0px 1em;
  margin-bottom: 1ex;
  margin-top: 2ex;
}

.form_frame div.buttons
{
  padding: 0px 4px 0px 4px;
  text-align: right;
  border-bottom: 1px solid #047982;
  border-top: 1px solid #047982;
  background-color: #F1F1F1;
}

.form_frame div.buttons table.footer
{
  width: 100%;
  margin: 0px;
}

.form_frame div.buttons td
{
  padding: 0px;
}

.form_frame div.buttons .left
{
  text-align: left;
}

.form_frame div.buttons .right
{
  background-image: none;
  text-align: right;
}

.form_frame .grid a:link, 
.form_frame .grid a:visited, 
.form_frame .grid a:active,
.form_frame a.nohl:link, 
.form_frame a.nohl:visited, 
.form_frame a.nohl:active
{
  background-image: none;
  padding-right: 0px;
}

.form_frame a.hl:link, 
.form_frame a.hl:visited, 
.form_frame a.hl:active,
.form_frame .grid a.hl:link, 
.form_frame .grid a.hl:visited, 
.form_frame .grid a.hl:hover,
a.hl:link, 
a.hl:visited, 
a.hl:hover
{
  background-image: url(../../pics/hl.gif);
  background-repeat: no-repeat;
  background-position: left;
  padding-left: 12px;
  white-space: nowrap;
  color: #777;
  font-weight: bold;
}

.login a.hl:link
{
}

.form_frame .grid a.hl:active,
a.hl:active
{
  text-decoration: underline;
}

.default .form_frame div.buttons
{
  padding: 5px 4px 0px 4px;
  text-align: left;
  border-top: 1px solid #B3C7C8;
  border-bottom: none;
  background-color: white;
}

/* DataGrid */

.form_frame table.grid
{
  width: 100%;  
}

.form_frame table.grid table
{
  width: 98%;
}

td.right
{
  background-image: none;
  text-align: right;
}

.form_frame table.grid td.groupby
{
  font-weight: bold;
  color: Black;
  border-bottom: 1px solid #AEBCBC;
  border-top: 1px solid #AEBCBC;
  background-color: #E1E1E1;
}

.form_frame table.grid tr.header td
{
  border-bottom: 1px solid #047982;
  border-top: 1px solid #047982;
  background-color: #F1F1F1;
  font-weight: bold;
  color: #333;
  padding-top: 3px;
  padding-bottom: 3px;
}

.form_frame table.grid tr td .cbx
{
  height: 13px;
  margin: 0px;
}

.form_frame table.grid tr.header td img
{
  vertical-align: middle;
}

.form_frame table.grid tr.simpleheader
{
  background-color: #F1F1F1;
  padding: 4px 4px;
}

.form_frame table.grid tr.simpleheader td
{
  border: none;
  font-weight: normal;
}


.form_frame table.grid tr.header a, 
.form_frame table.grid tr.header a:link, 
.form_frame table.grid tr.header a:visited, 
.form_frame table.grid tr.header a:active
{
  text-decoration: none;
  background: transparent;
  padding-right: 0px;
  color: #333;
  font-size: 7pt;
}

.form_frame table.grid td
{
  border-bottom: 1px dotted #B3C8C9;
  padding: 2px 4px;
  vertical-align: middle;
}

.form_frame table.grid td.center
{
  text-align: center;
  
}

.form_frame table.grid .gridSelectedRow td
{
  font-weight: bold;  
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
}

.form_frame table.grid .gridSelectedRow td.lineno
{
  background-color: #777;
  color: #FFF;
}

.vertical-slider
{
  padding: 1px;
  background-color: #E1E1E1;
  border-top: 1px solid #999;
}

.vertical-slider img
{
  position: relative; /* Ensures better dragging cursor on Firefox */
  padding: 0px;
  margin: 0px;
  cursor: n-resize;
}

/* GridPager */

.form_frame .gridPager td
{
  border-bottom-width: 0px;
}

.form_frame .gridPager span
{
  font-style: italic;
}

.form_frame div.gridPager
{
  text-align: center;
  padding: 4px 0px 4px 0px;
  font-style: italic;
}

.form_frame div.gridPager a
{
  text-decoration: underline;
}

.form_frame div.gridPager input.pageinput
{
  font-size: 70%;
  width: 3em;
}

.form_frame div.gridPager button
{
  font-size: 70%;
  font-style: normal;
}

.form_frame div.gridPager img
{
  vertical-align: middle;
  height: 20px;
}


/* TableEditor */

.form_frame div.body div.table-editor div.pane
{
  padding: 4px 4px;
}

.form_frame div.body div.table-editor div.separator
{
  font-weight: bold;
  padding: 0px 0px 4px 2px;
}

.form_frame div.body div.table-editor div.buttons
{
  
}

.form_frame div.help
{
  margin: 4px 20px 4px 20px;
  font-size: 80%;
  font-style: italic;
}

/* Styles for dragging rows (dragging via left-most cell with lineno in it) */

/* Top left cell of editor */
.form_frame div.table-editor td.headlineno
{
  border-right: 1px solid #999;
}

/* Any lineno cell */
.form_frame div.table-editor td.lineno
{
  width: 2em;
  text-align: center;
  background-color: #E9F2F1;
  font-family: Arial;
  cursor: move;
  border-right: 1px solid #999;
}

/* A lineno cell with mouse over it */
.form_frame div.table-editor tr.lineno-mouseover td.lineno
{
  background-color: #999;
}

/* The lineno cell that's being dragged from - the source */
.form_frame div.table-editor td.lineno-dragged
{
  background-color: #777;
}

/* Any cell in a row with mouse-over in a table where dragging is going on */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td
{
  border-bottom: 1px dotted #000;
}

/* Only highlight header lineno cell on mouse-over when dragging */
.form_frame div.table-editor table.lineno-dragged tr.lineno-mouseover td.headlineno
{
  background-color: #999;
}

/* Header selector */

.header-selector
{
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  background-color: #B3C7C8;
  padding: 4px 4px;
  margin-bottom: 20px;
}

.header-selector a:link, 
.header-selector a:visited, 
.header-selector a:active
{
  padding-left: 4px;
  text-decoration: underline;
}

.header-selector .buttons
{
  float: right;
}


/* MissingAccountsNotifier */
.missingAccountsNotifier
{
  margin-bottom: 20px;
}

.missingAccountsNotifier div.title
{
  font-weight: bold;
  border: 1px solid #999;
  padding: 4px;
  background-color: #F1F1F1;
}

.missingAccountsNotifier div.body 
{
  padding: 4px;
  background-color: #F1F1F1;
  border: 1px solid #999;
  border-top: none;
}

/* Message */

.form_frame .message_text
{
  border: solid 1px #999;
  margin-top: 10px;  
  padding: 4px;
  height: 200px;
  overflow:auto
}

/* Inputs */

.form_frame input.mandatory
{
  
}

.form_frame input.empty-mandatory
{
  background-image: url(../../pics/mandatory.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

.form_frame input.autocompleteReadonly
{
  background-color: #F1F1F1;
  background-image: none;
  
}

input.readonly,
.form_frame input.readonly
{
  background-color: #FAFAFA;
  color: gray;
}

input.int,
input.amount,
td.amount
{
  text-align: right;
  white-space: nowrap;
  border: solid 1px #7F9DB9;
  height: 15px;
}

.form_frame input.error,
.form_frame select.error
{
  background-color: Red;
  border: solid 1px #7F9DB9;
}

.form_frame textarea.readonly
{
  background-color: transparent;
  border: solid 1px #999;
}

.form_frame .cbx
{
  margin: 0px;
  margin-left: -4px;
  padding: 0px;
  height: 15px;
  vertical-align: middle;
}

html>body .form_frame .cbx
{
  margin-left: 0px;
}

.form_frame button.searchButton
{
  font-size: 8pt;
}

/* Search Window */

.form_frame div.searchFootnotes td
{
  font-size: 9px;
}
/* Popup */


.popupDiv
{
  background-color: #E1E1E1;
  border: solid 1px #999999;
  padding: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
  text-align: left;
}

.popupDivBack
{
  background-color: #8D8D8D;
  filter: Alpha(Opacity=80);
  opacity: 0.60;
}

.popupDiv ul
{
  text-align: left;
  list-style: none;
  padding: 0px;
  margin: 0px auto;
}

.popupDiv ul li
{
  margin: 0;
  padding: 1px;
}

.popupDiv ul li a
{
  display: block;
  padding: 2px 2px;
  color: #000;
  text-decoration: none;
}

.popupDiv ul li a:link, 
.popupDiv ul li a:visited
{
  background-color: transparent;
  text-decoration: none;
  border: 1px solid #E1E1E1;
}

.popupDiv ul li a:hover,
.popupDiv ul li a:active
{
  background-color: #CCCCCC;
  text-decoration: none;
  border: 1px solid #999999;
}

img.infoimageImage
{
  vertical-align: top;
  padding-top: 1px;
}

div.infoimage 
{
  border: 1px solid #999999;
  background-color: White;
  width: 200px;
  height: 150px;
}

div.infoimage div.head
{
  color: #333;
  border-bottom: 1px solid #B3C7C8;
  font-weight: bold;
  background-color: #F1F1F1;
  border: none;
}

div.infoimage div.body
{
  background-color: Transparent;
  border: none;
}

#marvinLineNoContextMenu
{
  background-color: transparent;
  width: 115px;
  height: 80px;
  text-align: left;
}

#marvinLineNoContextMenu .popupDiv
{
  width: 100px;
  height: 70px;
}

#marvinLineNoContextMenu .popupDivBack
{
  width: 100px;
  height: 75px;
  position: absolute;
  top: 6px;
  left: 10px;
  z-index: -10;
}

/* Color Selector */

.colorSelector
{
  margin: 1px 0px 0px 0px;
  display: inline;
  border: solid 1px #A5ACB2;
  height: 16px;
}

.colorSelector .currentButton
{
  xbackground-image: url(../../pics/arrow2-down.gif);
  xbackground-repeat: no-repeat;
  xbackground-position: right;
  xpadding-right: 2px;
}

.colorSelector td
{
  border: solid 1px #A5ACB2;
  padding: 1px;
}

.colorSelector .dropdown
{
  padding: 1px 1px;
}

/* Auto complete */

.autoComplete
{
  border: 1px solid #999; 
  padding: 0px;
  
}

.autoComplete td.scrollbar
{
  vertical-align: middle;
  border-left: solid 1px #999999;
}

.autoComplete
{
  padding: 0;
  list-style-type: none;
}

#marvinSuggestionDiv_iframe,
.autoComplete
{
  margin-left: 2px;
  margin-top: 8px;
}

html>body #marvinSuggestionDiv_iframe,
html>body .autoComplete
{
  margin-left: 0px;
  margin-top: 0px;
}

.autoComplete li
{ 
  white-space: nowrap;
  padding: 0px;
  cursor: hand;
  cursor: pointer;
}

.autoComplete li.selected
{
  background-color: #999;
}

/* ValidationSummary */
.ValidationSummary
{
  padding: 4px;
  border: 1px solid Red;
  margin: 0px 0px 10px 0px;
}

.ValidationSummary div.header
{
  color: Red;
}

.ValidationSummary div.body
{
  color: Red;
}

/* InfoRow */
div.infoRowDiv
{
  width: auto;  
  border: 1px solid #E1E1E1;
  background-color: white;
}

div.infoRowDiv td
{
	border: none 0px !important;
}

div.infoRowDiv td.addressCell
{
  background-color: white; /*#E3EFF9;*/
  white-space: nowrap;
}

div.infoRowDiv div.dateCell
{
  background-color: white;
  white-space: nowrap;
}

div.infoRowDiv td.courseTitleText
{
  color: #047982;
  font-weight: bold;
  width: 180px;
}

div.infoRowDiv td.courseDescription
{
  vertical-align: top;
  max-width: 100px;
  overflow: hidden;
}

div.infoRowDiv td.membershipCell
{
  background-color:  white;
}

div.infoRowDiv td.entryInfoCell table td
{
  vertical-align: top;
  padding: 0px;
  padding-right: 10px;
  margin: 0px;
}

/* Public CourseList */

table.publicCourseList
{
  width: 100%;
  border-right: 1px solid #999;
  border-left: 1px solid #999;
}


table.publicCourseList td
{
  padding: 5px;
  background-color: white;
}

table.publicCourseList .header
{
  
}

table.publicCourseList .header td
{
  background-color: #F1F1F1;
  border-top: 1px solid #999;
  border-bottom: 1px solid #999;
  
}

table.publicCourseListGrid div.gridPager
{
  text-align: center;
  font-weight: bold;
}

table.publicCourseListGrid div.gridPager a
{
  text-decoration: underline;
  font-weight: normal;
}

table.publicCourseListGrid div.gridPager input
{
  vertical-align: middle;
}

table.publicCourseListGrid hr
{
  border: 1px solid #999;
  border-bottom: none;
}

div.courseFilter
{
  padding-bottom: 5px;
}


div.filedownload
{
  vertical-align: middle;
  white-space: nowrap;
}

div.filedownload img,
div.filedownload .img
{
  vertical-align: middle;
  padding-left: 4px;
}

/* Form Panel */

div.form_panel
{
  margin: 10px 0px 6px 0px;
}

div.formpanel_smallmargin
{
  margin: -4px 0px 2px 0px;
}

div.form_panel div.head
{
  background-image: url('../../pics/header_backgreen.gif');
  background-repeat: repeat-y;
  height: 15px;
  border: none;
  padding: 2px 2px 0px 6px;
  text-transform: uppercase;
  margin-bottom: 2px;
}

div.formpanel_grey div.head
{
  background-image: url('../../pics/header_backgray.gif');
}

div.form_panel div.head,
div.form_panel div.head a,
div.form_panel div.head td
{
  font-weight: bold; 
  color: #333;
}


div.form_panel div.body
{
  background-image: url('../../pics/body_backgreen.gif');
  background-repeat: repeat-y;
  border: none;
  padding: 6px;
}

div.formpanel_grey div.body
{
  background-image: url('../../pics/body_backgray.gif');
}

div.form_panel input.txt
{
  width: 80px;
}

/* SendMessagePanel */

div.sendMessagePanel div.head,
div.sendMessagePanel div.body
{
  background-color: Transparent;
  border: none;
}

div.sendMessagePanel div.head table
{
  width: 100%;
}

div.sendMessagePanel div.head td.first
{
  width: 1%;
  white-space: nowrap;
}

/* Admin Top Menu */

.topmenu .topmenu_left .admintopmenu
{
  white-space: nowrap;
  vertical-align: middle;
}

.topmenu .topmenu_left .admintopmenu a
{
  font-size: 7pt;
  font-weight: bold;
  padding-right: 20px;
  padding-left: 18px;
  background-image: url('../../pics/dot.gif');
  background-position: left;
  background-repeat: no-repeat;
  vertical-align: top;
  color: #333;
}

/* Year calendar list */

div.year-calendar-list-container
{
  height: 525px;
  overflow-y: scroll;
  padding: 5px;
  margin-bottom: 15px; 
  border: 1px solid #003366;
}

div.year-calendar-list
{
  
}

div.year-calendar-list table
{
  width: 930px;
  margin-bottom: 5px;
}

div.year-calendar-list td
{
  border: 1px solid #000;
  padding: 3px;
}

div.year-calendar-list h3
{
  margin: 0px;
  padding: 0px;
  font-weight: bold;
  color: #666;
  font-size: 10pt;
}

div.year-calendar-list td.head
{
  background-color: #E1E1E1;
  padding: 2px;
}

div.year-calendar-list td.day
{
  width: 3em;
  background-color: #EBEFF1;
  text-align: right;
}

div.year-calendar-list td.time
{
  width: 8em;
  background-color: #EBEFF1;
  text-align: left;
  padding-left: 4px;
  padding-right: 0px;
}

div.year-calendar-list td.text
{
  background-color: #FFF1C7;
  cursor: pointer;
}

div.year-calendar-list td.checkbox
{
  width: 21px;
  background-color: #EBEFF1;
  text-align: left;
  padding: 1px;
}

div.modalwindow_overlay
{
  background-color: Green;
  opacity: 0.5; 
}

div.year-calendar-list td.itemHover
{
  cursor: pointer;
}

div.year-calendar-list td.itemClick
{
  background-color: #FF9F9F;
  cursor: pointer;
}

