/**
 * screen.css
 * screen stylesheet for healthylunch.org.uk
 * @author Peter Edwards <tech@e-2.org>
 * @version 1.0
 * @package healthylunch
 */
html, body, div, img {
  margin:0;
  padding:0;
  border:0;
}
body {
  font-family:Verdana,Helvetica,sans-serif;
  background:#fff url(../images/bg/header.gif) no-repeat top center;
  text-align:center;
  color:#000;
  font-size:76%;
}
body.iframe, body.notes {
  background:#fff;
  text-align:left;
}
body.notes {
  padding:10px;
}
.noteprint {
  display:none;
}
.icon {
  margin:0 0.5em -0.2em 0.5em;
}
a, span.link {
  color:#393;
  text-decoration:none;
}
a:visited {
  color:#639;
}
a:visited:hover {
  background:#fdf;
  color:#609;
}
a:hover {
  background:#efe;
  color:#090;
}
ul {
  margin-left:0;
  padding-left:0;
  list-style:none;
}
ul li {
  padding:3px 0 3px 25px;
  background:#fff url(../images/bg/bullet.gif) no-repeat 5px 0.5em;
}
ul li.tick {
  background:#fff url(../images/bg/tick.gif) no-repeat 5px 0.5em;
}
ul li.cross {
  background:#fff url(../images/bg/cross.gif) no-repeat 5px 0.5em;
}
ul li.smiley {
  background:#fff url(../images/bg/smiley.gif) no-repeat 5px 0.5em;
}
ul li.warning {
  background:#fff url(../images/bg/warning.gif) no-repeat 5px 0.5em;
}
ol li {
  padding:3px 0;
  background:#fff;
}
ol.spaced li, ol.sixsteps li {
  padding:0.5em 0;
}
ul.frontpage {
  border:1px solid #ccf;
  padding:1em;
  background:#efefff;
}
ul.frontpage li {
  background-color:#efefff;
}
h1 {
  font:bold 1.5em/1.5em "Lucida Sans",Arial,Helvetica,sans-serif;
}
h2 {
  font:bold 1.3em/1.4em "Lucida Sans",Arial,Helvetica,sans-serif;
}
h3 {
  font:bold 1.2em/1.3em "Lucida Sans",Arial,Helvetica,sans-serif;
}
h4, h5, h6 {
  font:bold 1em/1.2em "Lucida Sans",Arial,Helvetica,sans-serif;
}
h1#pageHeading {
  width:330px;
}
blockquote {
  padding:0.5em 1em;
  margin:0;
}
p.credit {
  text-align:right;
  font-style:italic;
  color:#666;
}
#training_datepicker_container {
  display:none;
}
/* page layout */

/* container */
#container {
  position:relative;
  text-align:left;
  width:800px;
  margin:0px auto;
}
/* header */
#header {
  height:103px;
  position:relative;
  border-top:1px solid #fff;
}
#header h1, #header h2 {
  display:none;
  padding:0 230px 0 10px;
  color:#003;
  line-height:1.2em;
}
/* columns */
#left-column, #right-column {
  position:absolute;
  width:170px;
  z-index:1;
}
#left-column {
  left:10px;
  top:103px;
}
#right-column {
  left:620px;
  top:140px;
}
/* content */
#content {
  position:relative;
  padding:0 190px 15px 190px;
  line-height:1.4em;
}
#form-content, #wide-content {
  position:relative;
  padding:0 15px 15px 190px;
  line-height:1.4em;
}
div.cleaner {
  clear:both;
  height:1px;
}
/* page footer */
div#pagefooter {
  margin-top:2em;
  border-top:2px solid #ddd;
}
div#pagefooter ul {
  list-style:none;
  padding:0;
  margin:0;
}
div#pagefooter ul li {
  display:inline;
  list-style:none;
  padding:0;
  margin:0;
}
div#pagefooter ul li a {
  border:0;
  margin:0;
  padding:0 2em 0 0;
  font-weight:bold;
  color:#bbb;
  background:#fff;
}
div#pagefooter ul li a:hover, div#pagefooter ul li a.active {
  color:#3fcb48;
}
div#pagefooter ul li a.disabled {
  cursor:default;
}
div#pagefooter ul li a.disabled:hover {
  color:#bbb;
}
/* user navigation */
#user-navigation {
  background:#fff;
  width:160px;
  margin:5px;
  border:1px solid #ccf;
}
#user-navigation ul {
  list-style:none;
  padding:0;
  margin:0;
}
#user-navigation ul li {
  display:block;
  margin:0;
  padding:0;
  background:#fff;
}
#user-navigation ul li a {
  display:block;
  width:100%;
  height:auto;
  padding:5px 0 5px 20px;
  background:#fff url(../images/bg/bullet.gif) no-repeat 5px 0.5em;
  /*border-bottom:1px solid #ccf;
  border-right:1px solid #ccf;*/
}
#user-navigation>ul li a { 
  width:auto;
}
#user-navigation ul li a:hover, #user-navigation ul li a.active, #user-navigation ul li a.active:hover {
  color:#060;
  background:#eef url(../images/bg/bullet-green2.gif) no-repeat 5px 0.5em;
}
/* global form styles */
.error, .required {
  color:#f33;
}
.success {
  color:#369;
}
form {
  position:relative;
}
form fieldset {
  position:relative;
  border:1px solid #ccf;
  padding:0.5em;
  margin:0 0 0.5em 0;
}
form fieldset legend {
  color:#66c;
  font-size:smaller;
}
form p {
  position:relative;
  float:none;
  clear:both;
  margin:5px 0;
  zoom:1;
}
form p.indent {
  padding-left:150px;
}
form label {
  font-weight:bold;
}
form input.txt, form textarea.txt, form input.float, form input.wide, form input.smalltxt, form select {
  border:1px solid #ccf;
  background-color:#efffef;
}

/* leaflet form styles */
form.leaflet {
  width:100%;
}
form.leaflet input.currency {
  width:60px;
}
form.leaflet input.wide {
  float:left;
  width:400px;
  padding:2px;
  font:small Verdana,Helvetica,sans-serif;
  margin:2px 0;
}
form p.languages {
  clear:none;
  float:left;
  width:250px;
}
form p.languages label {
  font-weight:normal;
  text-align:left;
}
/* user form styles */
form.user p {
  margin:0;
  padding:2px 0;
}
form.user p.float {
  zoom:1;
}
form.user p label, form p label.float {
  float:left;
  width:150px;
  text-align:right;
}
form.user p label.nonfloat {
  float:none;
  width:auto;
  text-align:left;
  font-weight:normal;
}
form.user p input.txt, form.user textarea.txt, form input.float {
  float:left;
  width:200px;
  padding:2px;
  margin:0;
  font:small Verdana,Helvetica,sans-serif;
}
form.user input.smalltxt {
  width:40px !IMPORTANT;
}
form.user input.checkbox {
  width:auto;
  float:left;
}
form.user select {
  width:200px;
}
form.user p.indent {
  clear:both;
  padding-left:150px;
}
form.user span.radiogroup {
  position:relative;
  float:left;
  display:block;
}
form.user span.radiogroup label {
  width:auto;
  float:left;
  clear:right;
  font-weight:normal;
}
form.user span.radiogroup input {
  width:auto;
  float:left;
}
/* bulk email form styles */
ul.multiselect {
  width:100%;
  height:6em;
  overflow:auto;
  list-style:none;
}
ul.multiselect li {
  list-style:none;
  background:#efffef;
}
.email-template input {
  border:2px solid #99f;
}
.email-template input:hover {
  border:2px solid #009;
}
input.bigbutton {
  width:550px;
  border: 1px solid #ccc;
  background:#eee;
  font-weight:bold;
  text-align:center;
}
/* feedback form styles */
form#feedbackForm input.scale {
  text-align:center;
  width:30px;
}
form#feedbackForm label.leftlabel {
  width:100px;
  text-align:right;
  font-weight:normal;
}
form#feedbackForm label.rightlabel {
  width:100px;
  font-weight:normal;
}
form#feedbackForm textarea {
  width:400px;
  height:5em;
  clear:both;
  margin:0;
}
form#feedbackForm label.email {
  float:left;
  width:150px;
  text-align:right;
}
form#feedbackForm input.email {
  float:left;
  width:200px;
  padding:2px;
  font:small Verdana,Helvetica,sans-serif;
}
form#feedbackForm p {
  clear:both;
  padding:1px 0;
}
form#feedbackForm p.indent {
  margin-left:150px;
}
/* download form */
form#downloadForm p.checkboxes label {
  margin:0 2em 0.5em;
}
form#downloadForm p.checkboxes a {

}
/* audit forms */
form.audit label {
  width:240px;
  float:left;
  font-weight:bold;
}
form.audit input.txt, form.audit select {
  width:150px;
}

/* notes forms */
form.notes textarea {
  width:100%;
  height:250px;
}
form.notes span.tag {
  padding-right:12px;
  font-weight:bold;
}
a.addtagLink {
  padding:2px 5px;
  border:1px solid #ccf;
  background-color:#efffef;
}
a.addtagLink:hover {
  background-color:#fff;
}
/* options formatting (uses tables) */
table.textOptions {
  border-collapse:collapse;
  width:100%;
}
table.textOptions td {
  border:1px solid #ccf;
  margin:0;
  padding:0.3em 5em 0.3em 0.3em;
  vertical-align:top;
}
table.textOptions td.index {
  width:1.3em;
  padding-right:0.3em !IMPORTANT;
}
table.textOptions td.langSelect {
  width:5em;
  padding:0.5em !IMPORTANT;
  text-align:center;
}
/* text output formatting */
table.textOutput {
  border-collapse:collapse;
  width:100%;
  margin:1em 0;
}
table.textOutput td {
  border:1px solid #ccf;
  margin:0;
  vertical-align:top;
}
table.textOutput td.index {
  font-weight:bold;
  width:10%;
}
/* avery label screenshots */
#tooltip {
  position: absolute;
  z-index: 3000;
  border:2px solid #ccc;
  background-color: #fff;
  padding: 5px;
  opacity: 0.85;
}
#tooltip h4, #tooltip div { 
  margin: 0;
}
a.sticker-tooltip {
  font-weight:bold;
  color:#000;
  cursor:help;
}
a.sticker-tooltip:hover {
  background:#eee;
  color:#000;
}
/**
 * inlinemultiselect stylesheet
 */
 
/* container for select-multiple lists of checkboxes + controls */
div.selectWrapper {
  position:absolute;
  width:200px;
  height:120px;
  padding:0;
  margin:0;
  overflow:hidden;
  display:none;
  background-color:#eef;
  border:1px solid #69c;
  font:1em sans-serif;
  z-index:10;
}
/* control link at the top of the list (all, none, reset, close) */
div.selectWrapper a.selectControl {
  display:block;
  width:20%;
  text-decoration:none;
  float:right;
  border:1px solid #69c;
  color:#393;
  padding:1px 2px;
  font-size:12px;
  line-height:12px;
  margin:1px 1px 0 0;
  background-color:#fff;
  text-align:center
}
div.selectWrapper a.selectControl:hover, div.selectWrapper a.selectControl:visited:hover {
  color:#fff;
  background-color:#69c
}
/* container for actual list of options/checkboxes */
div.selectWrapper div.listWrapper {
  position:absolute;
  left:0px;
  bottom:0px;
  width:200px;
  height:100px;
  overflow:auto;
  background-color:#fff;
  border-top:1px solid #69c;
  text-align:left;
}
/* list of options/checkboxes */
div.selectWrapper div.listWrapper ul, div.selectWrapper div.listWrapper ul li {
  list-style:none;
  padding:0;
  margin:0;
  background:#fff;
}
/* labels next to checkboxes */
div.selectWrapper div.listWrapper label {
  display:block;
  cursor:pointer;
  padding:3px 3px 3px 25px;
  border-bottom:1px solid #eef;
  background:#fff;
}
/* label appearance when checkbox is checked */
div.selectWrapper div.listWrapper label.boxChecked {
  line-height:1em;
  background:#69c;
  color:#fff;
  font-weight:bold;
}
/* label appearance when checkbox is unchecked */
div.selectWrapper div.listWrapper label.boxUnchecked {
  line-height:1em;
  background:#fff;
  color:#000;
  font-weight:normal;
}
/* label appearance when checkbox is disabled */
div.selectWrapper div.listWrapper label.boxDisabled {
  background:#eee;
  color:#666;
  font-style:italic;
}
/* label appearance when checkbox is unchecked, enabled and the mouse is hovering */
div.selectWrapper div.listWrapper label.boxHover {
  background:#ddf;
}
/* checkbox */
div.selectWrapper div.listWrapper input.listBox {
  margin:-1px 5px 0 -20px;
}
/* preview styles */
.previewText h3 {
  background-color:#cce;
  padding:5px;
}
.previewText p.indent {
  padding-left:4em;
}
/* help content styles */
div#helpcontent {
  padding:10px;
  line-height:1.4em;
}
div#helpcontent img {
  border:0;
  padding:0;
  margin:5px 0;
}
div#helpnav {
  width:100%;
}
body.iframe div#helpnav {
  background-color:#eef;
}
div#helpnav table {
  width:100%;
}
body.iframe div#helpnav table {
  border-bottom:1px solid #69c;
}
div#helpnav table td {
  border:0;
  padding:3px;
}
div#helpnav table td.left, div#helpnav table td.right {
  width:45%;
}
div#helpnav table td.left {
  text-align:left;
}
div#helpnav table td.right {
  text-align:right;
}
div#helpnav table td.centre {
  width:10%;
  text-align:center;
}
div#form-content div#helpnav {
  background-color:#fff;
}
div#helpnav table {
  border:0;
}
/* sidebox */
div.sidebox {
  width:160px;
  margin-top:10px;
  padding:0;
  background:#fff;
  text-align:center;
}
div.sidebox h3 {
  font:bold 1em "Lucida Sans",Arial,Helvetica,sans-serif;
  padding:4px 1em;
  margin:0;
}
div.sidebox ul {
  list-style:none;
  margin:0;
  text-align:left;
  padding:0 1px 5px 1px;
}
div.sidebox ul li {
  display:block;
  margin:0;
  padding:0;
  /*background:#fff;*/
}
div.sidebox ul li a {
  display:block;
  width:133px;
  height:auto;
  padding:5px 5px 5px 20px;
}
div.sidebox>ul li a { 
  width:auto;
}
div.sidebox p {
  padding:5px;
  margin:0;
  background:#fff;
  color:#333;
  font:1em/1.2em verdana,helvetica,sans-serif;
  text-align:left;
}
div.sidebox ul li a.active {
  cursor:default;
}
/* different colour schemes */
/* info (default) */
div.sidebox h3, div.sidebox.info h3 {
  background:transparent url(../images/bg/sidebox-green2-top.gif) no-repeat left top;
  color:#fff;
}
div.sidebox ul, div.sidebox.info ul {
  background:transparent url(../images/bg/sidebox-green2-bottom.gif) no-repeat left bottom;
}
div.sidebox ul li a, div.sidebox ul li a:visited, div.sidebox.info ul li a, div.sidebox.info ul li a:visited {
  color:#40cc48;
  background:#fff url(../images/bg/bullet-green2.gif) no-repeat 5px 6px;
}
div.sidebox ul li a:hover, div.sidebox.info ul li a:hover, div.sidebox ul li a.active, div.sidebox.info ul li a.active {
  color:#393;
  background:#d0f8d3 url(../images/bg/bullet-green2.gif) no-repeat 5px -44px;
}
/* leaflet */
div.sidebox.leaflet h3 {
  background:transparent url(../images/bg/sidebox-pink-top.gif) no-repeat left top;
  color:#fff;
}
div.sidebox.leaflet ul {
  background:#fff url(../images/bg/sidebox-pink-bottom.gif) no-repeat left bottom;
}
div.sidebox.leaflet ul li a, div.sidebox.leaflet ul li a:visited {
  color:#db0091;
  background:#fff url(../images/bg/bullet-pink.gif) no-repeat 5px 6px;
}
div.sidebox.leaflet ul li a:hover, div.sidebox.leaflet ul li a.active {
  color:#c60182;
  background:#fbdff1 url(../images/bg/bullet-pink.gif) no-repeat 5px -44px;
}
/* action */
div.sidebox.action h3 {
  background:transparent url(../images/bg/sidebox-blue-top.gif) no-repeat left top;
  color:#fff;
}
div.sidebox.action ul {
  background:#fff url(../images/bg/sidebox-blue-bottom.gif) no-repeat left bottom;
}
div.sidebox.action ul li a, div.sidebox.action ul li a:visited {
  color:#00f;
  background:#fff url(../images/bg/bullet-blue.gif) no-repeat 5px 6px;
}
div.sidebox.action ul li a:hover, div.sidebox.action ul li a.active {
  color:#009;
  background:#eef url(../images/bg/bullet-blue.gif) no-repeat 5px -44px;
}
/* navigation */
div.sidebox.navigation {
  background:#fff url(../images/bg/sidebox-lime-bottom.gif) no-repeat left top;
  /*padding-top:5px;*/
}
div.sidebox.navigation h3 {
  background:transparent url(../images/bg/sidebox-lime-top.gif) no-repeat left top;
  color:#090;
}
div.sidebox.navigation ul {
  background:#fff url(../images/bg/sidebox-lime-bottom.gif) no-repeat left bottom;
}
div.sidebox.navigation ul li a, div.sidebox.navigation ul li a:visited {
  color:#090;
  background:#fff url(../images/bg/bullet-lime.gif) no-repeat 5px 6px;
}
div.sidebox.navigation ul li a:hover, div.sidebox.navigation ul li a.active {
  color:#090;
  background:#e4fea3 url(../images/bg/bullet-lime.gif) no-repeat 5px -44px;
}
/* navigation (logged in users) */
div.sidebox.usernavigation {
  background:#fff url(../images/bg/sidebox-orange-bottom.gif) no-repeat left top;
}
div.sidebox.usernavigation h3 {
  background:transparent url(../images/bg/sidebox-orange-top.gif) no-repeat left top;
  color:#fff;
}
div.sidebox.usernavigation ul {
  background:#fff url(../images/bg/sidebox-orange-bottom.gif) no-repeat left bottom;
}
div.sidebox.usernavigation ul li a, div.sidebox.usernavigation ul li a:visited {
  color:#c60;
  background:#fff url(../images/bg/bullet-orange.gif) no-repeat 5px 6px;
}
div.sidebox.usernavigation ul li a:hover, div.sidebox.usernavigation ul li a#activenav {
  color:#f60;
  background:#fdb url(../images/bg/bullet-orange.gif) no-repeat 5px -44px;
}
/* school import */
div#importPanel {
  width:400px;
  height:400px;
  overflow:auto;
}
div#importPanel select {
  width:150px;
}
div#importPanel table {
  border:1px solid #ccc;
}
div#importPanel td {
  border:1px solid #ccc;
  margin:1px;
}
/* statistics */
table.stats {
  border:1px solid #aaa;
  background-color:#eee;
  width:100%;
}
table.stats td {
  border:1px solid #aaa;
  background-color:#fff;
  margin:1px;
  padding:2px;
}
table.stats td.total {
  font-weight:bold;
  background-color:#eee;
  border-color:#eee;
  text-align:right;
  padding-right:4px;
}
/* proof readers copy table */
table.proof {
  border:1px solid #999;
  background:#eee;
}
table.proof td {
  margin:1px;
  background:#fff;
  border:1px solid #999;
  padding:2px;
}
table.proof td.textindex {
  font-weight:bold;
  vertical-align:top;
}
table.proof tr.en td {
  background:#efefef;
}
/* autosuggest styles */
.suggestion_list {
  background:white;
  border:1px solid #69c;
  position:absolute;
  text-align:left;
  display:none;
  z-index:1000;
  height:120px;
  width:auto;
  overflow:auto;
  padding:0;
  margin:0;
  list-style-type:none;
}
html>body .suggestion_list {
  min-width:204px;
  height:auto;
  max-height:120px;
}
.suggestion_list li {
  padding:2px;
  margin:0;
  background:transparent;
  color:#333;
  cursor:pointer;
}
.suggestion_list .selected {
  background:#69c;
  color:#fff;
}
/* price calculator */
form.user label.calc {
  float:left;
  width:200px;
  text-align:right;
  margin-right:5px;
}
form.user input.calc {
  float:left;
  width:100px;
  border:1px solid #ccc;
}
input.res {
  border:none;
  font-weight:bold;
}
span.alt {
  background-color:#fdf;
}
/* audit forms */
form p.audit {
  text-align:left;
}
form p.audit input.cb {
  display:block;
  float:left;
  width:3em;
}
form p.audit label {
  width:auto;
  float:none;
  font-weight:normal;
}
#auditDataTable {
  width:598px;
  height:300px;
  overflow:auto;
  border:1px solid #69c;
  background:#eee;
}
table.auditdata {
  background:#eee;
  width:100%;
}
table.auditdata td {
  border:1px solid #69c;
  margin:1px;
  background:#fff;
}
table.auditGroupList {
  background:#eee;
  width:100%;
  border:1px solid #ccc;
}
table.auditGroupList td, table.auditGroupList th {
  border:1px solid #ccc;
  margin:1px;
  background:#fff;
  text-align:center;
}
table.auditGroupList tr.active td {
  background:#efe;
}
/* audit graphs */
p.keyentry {
  clear:both;
}
p.keyentry span.keyblock {
  display:block;
  float:left;
  margin:5px 0 0 0;
  width:20px;
  height:20px;
}
p.keyentry span.keytext {
  float:left;
  margin:0.5em 0 0 1em;
}
table#auditsummary {
  width:100%;
  border-collapse:collapse;
}
table#auditsummary tr {
  vertical-align:middle;
}
table#auditsummary td.auditfield {
  height:4em;
  border-top:1px solid #ccc;
}  
table#auditsummary td.auditbar {
  width:300px;
  background:#fff url(/images/px/barbg.gif) repeat-y 0 0;
  border-top:1px solid #ccc;
  padding:0;
}
table#auditsummary td img.sdbar, table#auditsummary td img.plbar {
  float:left;
}
table#auditsummary td.auditpc {
  width:50px;
  text-align:center;
  background:#dee6ee;
  border-top:1px solid #ccc;
  border-right:1px solid #ccc;
}
table#auditsummary td.bottomrow {
  border-bottom:1px solid #ccc;
}
span.sdbarkey, span.plbarkey {
  padding:0.5em 0.3em;
}
input#showsd, input#showpl {
  margin:5px;
  border:0;
}
span.showlabel {
  font-weight:bold;
  margin:0.4em 1em;
}
p#barcontrols {
  clear:both;
  margin-left:235px;
}
/* tablesorter */
table.sortable {
}
table.sortable th {
  text-align: left;
  cursor:pointer;
}
table.sortable td {
}
table.sortable .header {
  background:transparent url(/images/bg/ascdesc.gif) no-repeat 2px 2px;
  padding-left:17px;
}
table.sortable .headerSortUp {
  background-image:url(/images/bg/asc.gif);
}
table.sortable .headerSortDown {
  background-image:url(/images/bg/desc.gif);
}
a.notes_button, a.details_button {
  display:block;
  float:left;
  width:20px;
  height:20px;
  border:1px solid #fff;
}
a.notes_button:hover, a.details_button:hover {
  border-color:#ccc;
}
a.notes_button, a.notes_button:hover {
  background:#fff url(/images/bg/notes_button.gif) no-repeat 0 0;
}
a.details_button, a.details_button:hover {
  background:#fff url(/images/bg/details_button.gif) no-repeat 0 0;
}
/* notes */
.note h3 a {
  color:#000;
}
.note h3 a:hover {
  background:#efe;
  color:#090;
}
a.showNoteForm, a.shortDetailsLink {
  border:1px dotted #ccf;
  background-color:#efffef;
  display:block;
  font-weight:bold;
  font-size:1.1em;
  padding:4px;
  margin:0 0 2px 0;
}
input.note_title {
  width:300px;
}
a.showNoteForm:hover, a.shortDetailsLink:hover {
  background-color:#fff;
} 
.collapsed {
  display:none;
}
.tagTable {
  border:1px solid #ccc;
}
.tagTable td, .tagTable th {
  margin:2px;
  padding:2px 4px;
  border:1px solid #ccc;
  background-color:#fff;
}
.tagTable td input.txt {
  width:300px;
  border:0;
  background-color:#fff;
}
#notesToolbar {
  text-align:left;
  width:100%;
  padding-top:3px;
}
#notesToolbar ul {
  margin:0;
}
#notesToolbar ul li.bar {
  float:left;
  list-style:none;
  background:transparent;
  padding:0;
  margin:0;
}
#notesToolbar li.bar input, #notesToolbar li.bar select {
  float:left;
  width:190px;
}
#notesToolbar a.close, #notesToolbar a.print, #notesToolbar a.search  {
  display:block;
  width:20px;
  height:17px;
  overflow:hidden;
  margin:1px 3px 0 0;
}
#notesToolbar a.close {
  background:transparent url(/images/help/close.gif) no-repeat left top;
}
#notesToolbar a.print {
  background:transparent url(/images/help/print.gif) no-repeat left top;
}
#notesToolbar a.search {
  background:transparent url(/images/bg/search.gif) no-repeat left top;
}

#notesToolbar a:hover {
  background-position:0px -40px;
}
table.jCalendar {
    border: 1px solid #000;
    background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar th {
    background: #333;
    color: #fff;
    font-weight: bold;
    padding: 3px 5px;
}

table.jCalendar td {
    background: #ccc;
    color: #000;
    padding: 3px 5px;
    text-align: center;
}
table.jCalendar td.other-month {
    background: #ddd;
    color: #aaa;
}
table.jCalendar td.today {
    background: #666;
    color: #fff;
}
table.jCalendar td.selected {
    background: #f66;
    color: #fff;
}
table.jCalendar td.selected.dp-hover {
    background: #f33;
    color: #fff;
}
table.jCalendar td.dp-hover,
table.jCalendar tr.activeWeekHover td {
    background: #fff;
    color: #000;
}
table.jCalendar tr.selectedWeek td {
    background: #f66;
    color: #fff;
}
table.jCalendar td.disabled, table.jCalendar td.disabled.dp-hover {
    background: #bbb;
    color: #888;
}
table.jCalendar td.unselectable,
table.jCalendar td.unselectable:hover,
table.jCalendar td.unselectable.dp-hover {
    background: #bbb;
    color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
    position: relative;
    background: #ccc;
    font-size: 10px;
    font-family: arial, sans-serif;
    padding: 2px;
    width: 171px;
    line-height: 1.2em;
}
div#dp-popup {
    position: absolute;
    z-index: 199;
}
div.dp-popup h2 {
    font-size: 12px;
    text-align: center;
    margin: 2px 0;
    padding: 0;
}
a#dp-close {
    font-size: 11px;
    padding: 4px 0;
    text-align: center;
    display: block;
}
a#dp-close:hover {
    text-decoration: underline;
}
div.dp-popup a {
    color: #000;
    text-decoration: none;
    padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
    position: absolute;
    top: 2px;
    left: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-prev a {
    float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
    cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
    cursor: default;
}
div.dp-popup div.dp-nav-next {
    position: absolute;
    top: 2px;
    right: 4px;
    width: 100px;
}
div.dp-popup div.dp-nav-next a {
    float: right;
}
div.dp-popup a.disabled {
    cursor: default;
    color: #aaa;
}
div.dp-popup td {
    cursor: pointer;
}
div.dp-popup td.disabled {
    cursor: default;
}
/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    Example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:url(/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
    #cboxTopLeft{width:10px; height:10px; background:url(/images/colorbox/controls.png) -100px 0 no-repeat;}
    #cboxTopRight{width:10px; height:10px; background:url(/images/colorbox/controls.png) -140px 0 no-repeat;}
    #cboxBottomLeft{width:10px; height:10px; background:url(/images/colorbox/controls.png) -100px -40px no-repeat;}
    #cboxBottomRight{width:10px; height:10px; background:url(/images/colorbox/controls.png) -140px -40px no-repeat;}
    #cboxMiddleLeft{width:10px; background:url(/images/colorbox/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:10px; background:url(/images/colorbox/controls.png) right top repeat-y;}
    #cboxTopCenter{height:10px; background:url(/images/colorbox/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:10px; background:url(/images/colorbox/border.png) 0 -40px repeat-x;}
    #cboxContent{background:#69c;}
        #cboxLoadedContent{margin-top:26px;}
        #cboxTitle{position:absolute; bottom:3px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:3px; left:58px; color:#949494;}
        #cboxSlideshow{position:absolute; bottom:3px; right:30px; color:#0092ef;}
        #cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxPrevious.hover{background-position:-75px -25px;}
        #cboxNext{position:absolute; bottom:0; left:27px; background:url(/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxNext.hover{background-position:-50px -25px;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(/images/colorbox/loading.gif) center center no-repeat;}
        #cboxClose{position:absolute; top:0; right:0; background:url(/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
        #cboxClose.hover{background-position:-25px -25px;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}