div#header_top
{
  position: absolute;
  top: 0;
  left: 0;
  direction: ltr;
  height: 93px;
  line-height: 93px;
  width: 100%;
  background-color: #00013A;
 
  background-image: url(images/CM-LOGO.gif);
  background-position: top left;
  background-repeat: no-repeat;
}

div#header_top a
{
  text-decoration: none !important;
  padding-left: 210px;
  direction: ltr;
  font-size: 20px;
  letter-spacing: 0.5em;
  color: #fff;
}

div#header_middle
{
  position: absolute;
  top: 93px;
  left: 0;
  direction: ltr;
  height: 26px;
  line-height: 26px;
  width: 100%;
  background-color: #6D7EB2;
  color: #fff;
  border-top: 1px solid #fff;
  border-bottom: 1px solid #ccc;
}

div#header_middle a
{
  color: #fff;
}

div#header_middle div.left
{
  margin-left: 5px;
}

div#header_middle div.right
{
  margin-right: 3px;
}

div#header_middle div.right a
{
  padding: 0 5px;
  vertical-align: 4px;
}

div.tagline
{
  line-height: 26px;
  padding-left: 8px;
  font-family: century gothic, sans-serif;
  font-size: 12pt;
  color: #ccc;
  font-weight: normal;
}

div#header_bottom
{
  position: absolute;
  top: 121px;
  left: 0;
  direction: ltr;

  width: 100%;
  height: 20px;
  line-height: 20px;

  background-color: #e7e7e7;
  color: #666;
  border-bottom: 1px solid #ccc;
}

/* ----- Clickable navigation trail (/include/clickTrail.jsp) ----- */
ul.clickTrail
{
  direction: ltr;
  display: inline;
  list-style: none;
}

ul.clickTrail li
{
  direction: ltr;
  display: inline;
  padding-left: 4px;
}

/* ----- Search form (/include/searchForm.jsp) ----- */
form.searchForm div
{
  float: right;
  display: inline;
  width: 270px;
  height: 70px;
  margin: 11px 15px;
  background-color: #ccc;
  text-align: center;
}

form.searchForm label
{
  font-size: 11px;
  font-weight: bold;
  direction: ltr;
  display: block;
  height: 14px;
  line-height: 14px;
  background-color: #6D7EB2;
  color: #fff;
  text-align: left;

  padding: 3px 5px;
  margin-bottom: 4px;
}

form.searchForm input.text
{
  width: 255px;
  margin-bottom: 4px;
}

form.searchForm input.button
{
  margin: 0 5px;
  width: 125px;
}

/* ----- Language selector (/include/languageForm.jsp) ----- */
form.languageForm div
{
  direction: ltr;
}

form.languageForm span.language
{
  display: none;
}

form.languageForm select
{
  margin: 2px;
  vertical-align: 2px;
}

/* ----- Community selector (/include/communityForm.jsp) ----- */
form.communityForm select, div.communityForm
{
  width: 202px;
  margin-right: 6px;
  float: left;
  direction: ltr;
}

form.communityForm h1
{
  display: none;
}

/* ----- Add/edit/pdf/print buttons toolbar (/include/contentToolbar.jsp) ----- */
div.contentToolbar
{
  float: right;
  margin-right: 5px;
}

div.contentToolbar img
{
  padding: 2px 1px 0;
  vertical-align: -4px;
}

/* ----- Login form (/include/loginForm.jsp) ----- */
form.loginForm h1
{
  font-size: 11px;
  font-weight: bold;
  direction: ltr;
  display: block;
  height: 14px;
  background-color: #6D7EB2;
  color: #fff;
  text-align: left;

  padding: 3px 5px;
  margin-bottom: 4px;
}

form.loginForm br
{
  clear: both;
}

form.loginForm div
{
  margin-top: 20px;
  background: #ccc;
  border-bottom: 5px solid #6D7EB2;
}

form.loginForm div div
{
  border: none;
}

* html form.loginForm div div
{
  height: 1%;
}

form.loginForm label
{
  float: left;
  margin: 3px;
}

form.loginForm .portlet-form-field
{
  float: left;
  height: 16px;
  width: 16px;
  margin: 3px;
}

form.loginForm .text, form.loginForm .button
{
  float: right;
  margin: 3px;
}

form.loginForm .text
{
  width: 95px;
}

form.loginForm a
{
  display: block;
  margin-left: 3px;
  line-height: 20px;
  vertical-align:top
}

/* ----- Left column ----- */
div#left_column{
  position: absolute;
  top: 141px;
  left: 0;
  width: 200px;
  border: 1px solid #cccccc;
}

.copyright
{
  text-align: center;
  padding: 5px;
}

.copyright a
{
  display: block;
}

/* ----- Navigation points ----- */
ul.navigation
{
  list-style: none;
  width: 100%;
}

ul.navigation li
{
  display: inline;
}

ul.navigation a
{
  background: #DFDAB6
              url(/skins/Planet/media/img/decorators/nav/nav_arrow_left.gif)
              no-repeat
              scroll
              top left;
  direction: ltr;
  display: block;
  padding-left: 16px;
  line-height: 19px;
  border-bottom: 1px solid #ccc;
  width: 184px;
}

ul.navigation a.parent, ul.navigation a.expanded
{
  background-image: url(/skins/Planet/media/img/decorators/nav/nav_plus.gif);
}

ul.navigation a.admin
{
  background-color: #E7E7E7;
}

ul.navigation a.selected
{
  font-weight: bold;
}

ul.navigation ul a
{
  background-image: url(/skins/Planet/media/img/decorators/nav/nav_bullet.gif);
  background-color: #DFDAB6;
  background-position: 14px;
  padding-left: 30px;
  width: 170px;
}

ul.navigation ul ul a
{
  background-position: 28px;
  padding-left: 44px;
  width: 156px;
}

ul.navigation ul ul ul a
{
  background-position: 42px;
  padding-left: 58px;
  width: 142px;
}

/* ----- Main content area ----- */
div#mainbody
{
  background-color: #fff;
  padding-left: 210px;
  padding-right: 10px;
  padding-top: 150px;
  padding-bottom: 10px;
  direction: ltr;
}

/* ------ COLOURMATTERS SPECIFIC CLASSES ------ */
 .homeheading {
	font-family: Tahoma, Verdana, sans-serif;
        font-size: 13px;
	color: #6699CC;
	border-bottom-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: dotted;
	border-left-style: none;
	border-bottom-color: #6699CC;
	font-weight: bold;
}
.homelink {
        font-family: Tahoma, Verdana, Arial, sans-serif;
        font-size: 11px;
        font-weight: bold;
        color: #999999;
}

.homebullets {
        text-indent: -13px;
        margin-top: 0px;
        margin-bottom: 5px;
        margin-left: 13px;
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 13px;
        color: #666666;
        font-weight: bold;
}

.hometext {
        font-family: Tahoma, Verdana, sans-serif;
        font-size: 13px;
        font-weight: bold;
}



html, body
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  background: #fff;
  color: #000;
}

/* ----- Zero margins to avoid inconsistent browser defaults ----- */
html, body, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset
{
  margin: 0;
  padding: 0;
}

/* ----- Standard styles used in EPiX pages ----- */
form
{
  display: inline;
}

#mainbody form
{
  display: block;
  margin-bottom: 20px;
}

h1
{
  color: #666;
  font-size: 26px;
  font-weight: normal;
  margin-bottom: 20px;
}

h1 {
  text-shadow: #666 3px 3px 4px;
}

p
{
  margin-bottom: 10px;
}

/* ----- No borders on images by default ----- */
a img, :link img, :visited img, img
{
  border: none;
}

label {
  cursor: pointer;
}


/* ----- Default link styles ----- */
a:link
{
  color: #294979;
  text-decoration: none;
}

a:visited
{
  color: #294979;
  text-decoration: none;
}

a:hover
{
  text-decoration: underline;
}

a:active
{
}

/* Default table styles */
table
{
  border-collapse: collapse;
  font-size: 11px;
}

.table
{
  width: 100%;
}

.editorArea table
{
  border-collapse: separate !important;
}

.editorArea td
{
  border: 1px dashed #bbb !important;
}

/* Default list styles */
#mainbody ul, .editorArea ul
{
  display: block;
  list-style-type: disc;
  margin: 1em 0;
  padding-left: 40px;
}

#mainbody ol, .editorArea ol
{
  display: block;
  list-style-type: decimal;
  margin: 1em 0;
  padding-left: 40px;
}

/* ----- Shorthand classes ----- */
.clear
{
  clear: both;
}

.left
{
  float: left;
}

.right
{
  float: right;
}

.hidden
{
  display: none !important;
}

.faded
{
  color: #999;
}

.disabled
{
  color: #BBB;
}

/* ----- ADD/EDIT buttons in Content Portlets and Document/Folder navigation points ----- */
a.addeditbutton
{
  margin-right: 3px;
  border: 1px solid #000;
  background-color: #c7c7c7;
  color: #294979 !important;
  text-decoration: none !important;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: bold;
  padding : 1px 2px;
  line-height: 17px;
}

a.addeditbutton:hover
{
  background-color: #f00;
  color: #fff !important;
}

/* ----- Select Items Widget ----- */
.select-items {
  margin: 5px 0;
}

.select-items select {
  width: 175px;
}

.select-items .header {
  border: none;
  padding: 0;
  padding-top: 5px;
  font-weight: bold;
}

.select-items .context-help {
  vertical-align: top;
  padding-left: 10px;
}


/* ----- Add/Remove, Add All/Remove All button formatting -----  */
ul.vertical-buttons {
  list-style-type: none !important;  // needs to be !important or Safari renders the list markers anyway
  margin: 0 !important;
  padding: 0 !important;
}

ul.vertical-buttons li {
  margin: 4px;
  padding: 0;
  min-width: 30px;
}

ul.vertical-buttons li input {
  width: 100%;
  padding-left: 3px;
  padding-right: 3px;
}

ul.vertical-buttons.small-buttons li input {
  width: 30px;
}

/* ----- Alphabetical filtering elements ----- */
ul.alphabet
{
  padding: 2px !important;
  list-style: none;
  margin: 0 !important;
}

ul.alphabet li
{
  display: inline;
}

ul.alphabet a
{
  text-decoration: underline !important;
  padding: 4px;
}

/* ----- Icon toolbar on admin pages ----- */
.iconToolbar
{
  border-collapse: collapse;
  width: 100%;
  padding: 0;
}

.iconToolbar a
{
  font-size: 13px;
}

table.iconToolbar td
{
  text-align: center;
}

table.iconToolbar td.highlightBottom a
{
  font-weight: bold;
}

/* ----- TABS ----- */
* html div#tab-header
{
  height: 1%;
}

div#tab-header span
{
  float: left;
  white-space: nowrap;
  font-weight: bold;
  margin-right: 15px;
  padding: 4px 0;
  font-family: Verdana, sans-serif;
}

div#tab-header a
{
  position: relative;
  z-index: 0;
  float: left;

  white-space: nowrap;
  background: #DFDAB6;

  border: 1px solid #000;
  border-bottom: none;

  margin: 0 5px;
  padding: 4px 20px 4px 20px;

  color: #666;

  font-family: Verdana, sans-serif;
}

div#tab-header a#tab-selected
{
  z-index: 10;

  font-weight: bold;
  background-color: #e7e7e7;
  color: #555;
}

div#tab-content
{
  position: relative;
  top: -2px;
  z-index: 5;
  clear: both;

  width: 100%;
  height: 15px;
  margin-bottom: 15px;
  border-top: 2px solid #000;

  background-color: #e7e7e7;
}

/* ----- SECTION INDEX ----- */
ul#section-index
{
  margin: 0;
  padding: 0;
  list-style: none;
  font-size: 11px;
}

ul#section-index li
{
  list-style: none;
  list-style-position: outside !important;
  margin: 0;
  min-height: 35px;
}

* html ul#section-index li
{
  height: 35px;
  margin-bottom: -2px;
}

ul#section-index li:after
{
  content: "";
  display: block;
  clear: both;
}

ul#section-index li img
{
  padding: 3px 8px;
  float: left;
  direction: ltr;
}

ul#section-index li span
{
  padding: 4px;
  float: left;
  direction: ltr;
  font-family: Arial, sans-serif;
}

ul#section-index li span a
{
  display: block;
  font-weight: bold;
  font-size: 12px;
  color: #294979;
}

/* Temporary fix until all skins have been converted */
ul#section-index br
{
  display: none;
}

/* ----- file upload progress bar ----- */
.upload-status {
  margin: 5px;
}

.progress-bar {
  margin: 5px;
}

.progress-bar .border {
  background: url(/skins/Planet/media/img/common/progress-remainder.gif) repeat-x;
  border-left: 1px solid grey;
  border-right: 1px solid grey;
  width: 100%;
}

.progress-bar .background {
  background: url(/skins/Planet/media/img/common/progress-bar.gif) repeat-x;
  height: 18px;
  width: 0%;
}

/* ----- Folders and Documents screens ----- */
.folder-title
{
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.folder-title h1
{
  display: inline;
  vertical-align: 10px;
}


* html .folder-title {
  width: 65%; 
}

.folder-title div
{
  margin-left: 45px;
}

.folder-title span
{
  font-size: 11px;
  color: #888;
  padding-left: 5px;
  vertical-align: 11px;
}

.folder-search
{
  float: right;
  padding-left: 10px;
}

.folder-search label
{
  display: none;
}


.location  {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.location, .location *, .location a {
  color: #CCC;
}

.folder-toolbar
{
  padding: 0;
  margin: 0;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* \*/
* html .folder-toolbar { height: 1%;}
/* */

.folder-toolbar ul
{
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
  display: block;
  list-style: none !important;
}

.folder-toolbar li
{
  display: block;
  list-style-type: none;
  list-style-position: outside;
}

.folder-toolbar ul.left-toolbar li
{
  float: left;
  margin-right: 10px;
}

.folder-toolbar ul.right-toolbar li
{
  float: right;
  margin-left: 10px;
}

.folder-toolbar a, .folder-toolbar span
{
  display: block;
  padding: 5px;
  border: 1px solid #999;
  background: #EEE;
}

.folder-toolbar .with-image a, .folder-toolbar .with-image span {
  padding-left: 23px;
  padding-top: 0;
  padding-bottom: 4px;
}

.folder-toolbar img {
  margin-left: -18px;
  padding-right: 2px;
  vertical-align: -3px;
  padding-top: 3px;
}

.folder-toolbar a.disabled, .folder-toolbar span.disabled
{
  border: 1px solid #CCC;
  background: #F4F4F4;
}

.folder-toolbar a:hover
{
  border: 1px solid #888;
  background: #CCC;
  text-decoration: none;
}

#folder-container
{
  margin-top: 20px;
}

#folder-container form
{
  display: inline;
}

#custom-filter
{
  border: 1px solid #DDD;
  background: #F4F4F4;
  margin-bottom: 10px;
}

#custom-filter a.custom-filter-hide
{
  float: right;
  padding: 5px 10px;
}

#custom-filter .inner
{
  padding: 10px;
}

#custom-filter ul
{
  float: left;
  width: 50%;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#custom-filter ul li
{
  padding: 2px 0;
}

#custom-filter ul input
{
  vertical-align: -3px;
}

#custom-filter .submit
{
  clear: left;
  padding-top: 5px;
  margin: 0 auto;
}

#custom-filter-link
{
  padding: 15px 3px 3px 3px;
  border: 1px solid #FFF;
}

#custom-filter-link.open
{
  border: 1px solid #DDD;
  border-top: 1px solid #F4F4F4;
  background: #F4F4F4;
}

/* \*/
* html #custom-filter-link.open
{
  background: #fff;
  border: none;
}
/* */

.task-windows
{
  float: left;
  width: 145px;
  margin-top: 24px;
}

.task-window
{
  border: 1px solid #DDD;
  margin-bottom: 10px;
}

.task-window .contents
{
  overflow: hidden;
  padding: 10px;
}

.task-window .contents h4
{
  font-size: 11px;
  font-weight: bold;
}

.task-window h3, #custom-filter h3
{
  border: none;
  padding-left: 10px;
  line-height: 15px;
  overflow: hidden;
}

#master-action-list
{
  list-style-type: square !important;
  padding-left: 15px !important;
  padding-right: 0 !important;
  margin: 0 !important;
}

#master-action-list li
{
  padding: 4px 0;
}

#master-action-list .disabled
{
  text-decoration: none;
}

#master-action-list span, #master-action-list .disabled a
{
  display: none;
}

#master-action-list .disabled span
{
  display: inline;
}

#master-action-list a, #details a
{
  display: block;
  width: 100%;
}

#details a
{
  line-height: 17px;
}

#selectedDoc.disabled
{
  font-weight: normal;
}

#selectedDoc
{
  padding: 0;
  margin: 0;

  font-weight: bold;
  padding-bottom: 1px;

  line-height: 2em;

  white-space: nowrap;
  height: 20px;
  overflow: hidden;
  text-overflow : ellipsis;
  width: 100%;
}

#selectedDoc img
{
  vertical-align: -3px;
  margin-right: 4px;
}

#selectedDoc .faded
{
  display: none;
}

#folder-main
{
  margin-left: 155px;
}

/* \*/
* html #folder-main { height: 1%;}
/* */

.tabs a, .tabs span
{
  display: block;
  padding-top: 4px;
  padding-bottom: 2px;
  padding-left: 10px;
  padding-right: 10px;

  border: 1px solid #ddd;
  background: #eee;
  height: 16px;
  float: left;
}

.tabs a:hover {
  text-decoration: none;
  background: #f5f5f5;
}

.tabs.top a, .tabs.top span
{
  border-bottom: 1px solid #eee;
}

.tabs.bottom a, .tabs.bottom span
{
  border-top: 1px solid #eee;
}

.tabs img
{
  padding-right: 2px;
  vertical-align: -2px;
  margin-top: -4px;
}

.tabs
{
  float: left;
  padding-right: 10px;
}

.options-panel
{
  padding: 5px 0 3px 0;
  height: 16px;
}

.options-panel .summary
{
  color: #888;
}

.options-extra
{
  color: #888;
  float: right;
}

.options-extra img
{
  vertical-align: middle;
}

.options-extra strong
{
  color: #000;
}

.command-table-container
{
  border: 1px solid #DDD;
}

.folders
{
  table-layout: fixed;
  direction: ltr;
}

.folders td, .folders th
{
  border-left: none;
  border-right: none;
}

.folders a, .folders div
{
  display: block;
  padding: 6px 0;
}

.folders a img, .folders div img
{
  margin-right: 2px;
  text-decoration: none;
  vertical-align: -3px;
  margin-top: -4px;
}

.folders a:hover
{
  text-decoration: none;
}

.folders .mouse-hand
{
  cursor: pointer;
}

.folders th
{
  line-height: 15px;
}

.folders tr.selected td
{
  background-color: #dfdab6;
}

.folders td
{
  white-space: nowrap;
  overflow: hidden;
  text-overflow : ellipsis;
}

.folders td *
{
  overflow: hidden;
}

.folders .past-version td
{
  color: #777;
}

.folders .firstDocument td
{
  border-top: 1px solid #000;
}

.folders ul.element-action-list
{
  display: none !important;
}

.empty td
{
  padding: 30px !important;
  color: #999 !important;
}

/* ----- Classes required for the JSR-168 portlet specification ----- */
/* Fonts */
.portlet-font
{
}

.portlet-font-dim
{
  font-style: italic;
}

/* Messages */
.portlet-msg-status
{
  font-weight: bold;
}

.portlet-msg-info
{
}

.portlet-msg-error
{
}

.portlet-msg-alert
{
  color: #f00;
}

.portlet-msg-success
{
}

/* Sections */
.portlet-section-header
{
  background: #6D7EB2;
  color: #fff;
  text-align: left;
  font-weight: bold;
}

.portlet-section-body
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #e7e7e7;
  padding: 3px;
  border: 1px solid #fff;
  border-bottom: none;
  border-right: none;
}

.portlet-section-alternate
{
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  background-color: #c7c7c7;
  padding: 3px;
  border: 1px solid #fff;
  border-bottom: none;
  border-right: none;
}

.portlet-section-selected
{
}

.portlet-section-subheader, th
{
  text-align: left;
  font-size: 11px;
  font-weight: bold;
  color: #fff;
  background: #6D7EB2;
  border-left: 1px solid #fff;
  padding: 3px;
  margin: 0;
}

.portlet-section-footer
{
}

.portlet-section-text
{
}

/* Forms */
.portlet-form-label
{
}

.portlet-form-input-field, .text, select, textarea
{
  background-color: #EBF0DC;
  color: #000;
  padding-top: 1px;
  padding-left: 3px;
  border: 1px solid #666666;
  font-size: 11px;
  font-family: Tahoma, Verdana, sans-serif;
}

select option {
  height: 13px;
}

select.standard-width {
  width: 175px;
}

.portlet-form-button, .button, button
{
  /* Default OS button styles */
  font-family: Tahoma, Sans-Serif;
  font-size: 11px;
}

.portlet-icon-label
{
}

.portlet-dlg-icon-label
{
}

.portlet-form-field-label
{
}

.portlet-form-field
{
}

/* Menus */
.portlet-menu
{
}

.portlet-menu-item
{
}

.portlet-menu-item-selected
{
}

.portlet-menu-item-hover
{
}

.portlet-menu-item-hover-selected
{
}

.portlet-menu-cascade-item
{
}

.portlet-menu-cascade-item-selected
{
}

.portlet-menu-description
{
}

.portlet-menu-caption
{
}

/* ----- Extra classes used in EPiX portlet implementation ----- */
.minheightbox {margin: 0; padding: 0;}
*>.minheightbox {padding-top: 150px; min-height: 1px;}
*>.minheightbox .minheightinner {margin-top: -150px;}
* html .minheightbox {
  /* IE5Mac filter \*/
  height: 150px;
  /* end filter */
}

.portlet .portlet-body
{
  padding: 3px;
  overflow: hidden;
}

.portletgrid
{
  width: 100%;
  border-collapse: separate;
  border-spacing: 5px;
}

.portletgrid tr.portletrow td
{
  vertical-align: top;
}

.portletgrid td.spacer
{
  padding: 0;
  width: 0;
}

.portletgrid tr.portletrow td.portletcol
{
  padding: 0;
  border: 1px solid #666;
}

.portlet-title
{
  margin: 0;
  background: #6D7EB2;
  color: #fff;
  font-weight: bold;
  padding: 3px;
  padding-right: 30px;
}

.portlet-title select
{
  font-size: 13px;
  font-family: Arial, sans-serif;
}

.portlet-title-controls
{
  margin-top: 3px;
  margin-right: 2px;
  float: right;
}

.portlet-section-pagenav, .pager
{
  color: #000;
  background-color: #DFDAB6;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  border-right: 1px solid #EBE8CF;
  border-left: 1px solid #D1C3A7;
  padding: 3px;
}

.portlet-section-subheader a, th a
{
  color: #fff !important;
  text-decoration: underline !important;
}

/* ----- End portlet classes ----- */

/* Fix for IE/Win "Peekaboo" bug (Comments to hide from IE/Mac) \*/
* html h1 {height: 1%;}
* html *.visible {height: 1%;}
/* End hide */

/* ----- Styles used by the TinyMCE rich text editor ----- */
.contenttitle
{
  font-size: 16px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  color: #000000;
}

.contentheader
{
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  font-weight: bold;
}

.contentlink, .contentlink a, .contenttext a
{
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
  text-decoration: underline;
}

.contenttext a:visited, .contentlink a:visited
{
  color: #000000;
  text-decoration: underline;

}

.contenttext
{
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color: #000000;
}

.contenttable
{
  border-width: 2px;
  border-style: solid;
  border-color: #000000;
}

/* ----- Context help container ----- */
#TipLayer
{
  visibility: hidden;
  position: absolute;
  z-index: 1000;
  top: -100px;
}

.helpnotes
{
  font-size: 11px;
  background-color: #DFDAB6;
  border: 1px solid #666;
}


/* ----- Module imports ----- */

/* ----- Announcements module ----- */
.announcementBackground
{
  border: 1px;
}



/* ----- Calendar module ----- */
table.year, table.month, table.week, table.day, table.year table
{
  width: 100%;
}

table.year, table.year table
{
  border-collapse: separate;
  border-spacing: 1px;
}

table.day td, table.day th, table.week td, table.week th, table.month td, table.month th, table.year td
{
  border: 2px outset #aaa;
  font-size: 11px;
}

* html table.day td, * html table.day th, * html table.week td, * html table.week th, * html table.month td, * html table.month th, * html table.year td
{
  border-width: 1px;
}

table.day th, table.week th
{
  text-align: center;
}

table.year div
{
  text-align: center;
  padding: 2px;
}

table.year div a
{
  text-decoration: underline;
  font-weight: bold;
}

table.year table td, table.year th
{
  border: none;
  text-align: center;
  height: 15px;
}

table.year table td a
{
  width: 100%;
  display: block;
  text-decoration: underline;
}

table.year table td a:hover
{
  background-color: #dfdab6;
}

table.month th, table.year th
{
  color: #fff;
  background: #6D7EB2;
  padding: 3px;
  text-align: center;
  font-weight: normal;
}

table.month, table.year, table.year table
{
  table-layout: fixed;
}

table.month td
{
  color: #000;
  height: 80px;
  white-space: nowrap;
}

table.month td div
{
  width: 99%;
  padding-left: 2px;
  overflow: hidden;
  text-overflow: ellipsis;
}

td.dayEvent
{
  background-color: #dfdab6;
  font-family: Tahoma, Verdana, sans-serif;
}

td.dayNoEvent
{
  background-color: #fff;
}

table.month td.today, table.week td.today
{
  border: 3px solid #000;
}

table.year td.today
{
  border: 2px solid #000;
  font-weight: bold;
  font-style: italic;
}

div.calendarToolbar
{
  height: 20px;
}

div.calendarToolbar img
{
  margin-left: -10px;
}

div.calendarToolbar div.right .button
{
  margin-left: 10px;
}

div.calendarToolbar div.left .button
{
  margin-right: 10px;
}

* html div.calendarToolbar .button
{
  vertical-align: -4px;
}



/* ----- Gallery module ----- */
div#gallery img
{
  border: none;
}

div#gallery form
{
  display: inline;
  padding: 5px;
}

div#gallery form input
{
  width: 100px;
}

div#gallery div.galheader
{
  margin: 12px;
  border: 2px solid #ccc;
  background-color: #e7e7e7;
  height: 20px;

  padding: 12px;
}

div#gallery div.galheader h1
{
  font-size: 13pt;
  font-weight: bold;
  margin: 0;
  text-shadow: none;
}

div#gallery div.galheader img
{
  float: left;
  margin: 5px;
  margin-left: 0;
}


div#gallery div.photo, div#gallery div.thumbnail
{
  margin: 12px;
  border: 1px solid #ccc;
  padding: 12px;

  text-align: center;

  background-color: #E7E7E7;
}

div#gallery div.photo p, div#gallery div.thumbnail p
{
  overflow: hidden;
  height: 20px;
}

div#gallery div.thumbnail
{
  float: left;
}

div#gallery div#previous
{
  text-align: left;
}

div#gallery div#next
{
  text-align: right;
}

div#previous, div#edit, div#next
{
  width: 33%;
  float: left;
  margin-bottom: 10px;
}

div#gallery div a
{
  text-decoration: none;
  color: #000;
}

div#gallery div img#photo, div#gallery div img.photo
{
  border: 1px solid #ccc;
}

div#gallery div p
{
  margin: 0;
  margin-top: 5px;
}

div#gallery div p img, div#edit img
{
  margin-right: 5px;
  margin-left: 5px;
}



/* ----- Smarttrack ----- */
div#smarttrackdiv1, div#smarttrackdiv2, div#smarttrackdiv3, div#smarttrackdiv4
{
  position: absolute;
  top: 18px;
  left: 0;
  visibility: hidden;
  width: 99%;
}

.smartTrackTableTab
{
  border: 1px solid #eee;
  font-size: 12px;
  font-weight: bold;
}

div#SmartTrackTab1
{
  position: absolute;
  top: -500px;
  left: 5px;
  visibility: visible;
  width: 99%;
}