ul.Tree {background-color: white;border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;cursor: default;margin: 0;padding: 0;overflow: auto;}ul.Tree li {margin: 0;padding: 0;list-style-type: none;list-style-image: none;}html > body ul.Tree li ul {margin-left: 20px;padding-left: 0;}li.TreeNode > span {color: #404040;background: white url('var/img/folder-closed.png') top left no-repeat;padding: 0 .5em 0 20px;}li.TreeNode-selected > span {color: white;background: #A6BED3 url('var/img/folder-opened.png') top left no-repeat;padding: 0 .5em 0 20px;}input.Input {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;background: white;padding: 1px;}input.Input-borderless {border: none;background: none;}input.Button {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;color: #404040;background: #E0E0E0 url('var/img/button.png') center center repeat-x;font-weight: bold;}textarea.TextArea {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;background: white;padding: 1px;}select.Select {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;background: white;padding: 1px;}ul.Menu, ul.Menu ul {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;background: #EFEBE7;cursor: default;margin: 0;padding: .1em 0;}ul.Menu {float: left; /* For Firefox */width: 100%;}ul.Menu li {margin: .1em;padding: 0 1em;position: relative;color: #404040;float: left;list-style-type: none;white-space: nowrap;}ul.Menu li > ul {min-width: 10em;display: none;position: absolute;top: 1.2em;left: 0em;z-index: 9999;}ul.Menu li > ul li ul {top: .1em;left: 90%;}/* This causes all submenus to be displayed at once when the top menu is selectedul.Menu li ul li {display: block;}*/ul.Menu li:hover, ul.Menu li.CSStoHighlight {color: white;background: #A6BED3;}ul.Menu li.MenuSeparator, ul.Menu li.MenuSeparator:hover {background: lightgray;border-top: gray 1px solid;margin: 0 .5em}ul.Menu ul.CSStoShow {/* must not be combined with the next rule or IE gets confused */  display: block;/* specially to go with the className changes in the behaviour file */}ul.Menu li:hover > ul {/* one of the most important declarations - the browser must detect hovering over arbitrary elements   the > targets only the child ul, not any child uls of that child ul */  display: block;/* makes the child block visible - one of the most important declarations */}/* and some link styles */ul.Menu li a { color: #fff; display: block; width: 100%; text-decoration: underline; }ul.Menu li a:hover, ul.Menu li a.CSStoHighLink { color: #000; }ul.Menu li:hover > a { color: #000; } /* supports links in branch headings - must not be display: block; *//* credits: Brother Cake *//* Optional hacks for IE6 */* html ul.Menu li ul {width: 10em; /* IE does not understand min-width */display: none;position: absolute;top: 1.2em;left: 0em;z-index: 9999;}* html ul.Menu li ul li {width: 10em;}* html ul.Menu li ul li ul {top: .1em;left: 90%;}/* Simulate :hover selector for IE6 */ul.Menu li {_behavior:expression((function(el){if (typeof(menuBehavior_onMouseOver) == 'undefined') {getMyULChild = function(elem) {for (var x = 0; elem.childNodes[x]; x++) {if (elem.childNodes[x].tagName == 'UL') {return elem.childNodes[x];}}return null;};menuBehavior_onMouseOver = function(el) {var sClass = this.className;this.__defaultClassName = sClass;this.className = sClass + ' CSStoHighlight';ul = getMyULChild(this);if (ul) {sClass = ul.className;ul.__defaultClassName = sClass;ul.className = sClass + ' CSStoShow';}};menuBehavior_onMouseOut = function(el) {this.className = this.__defaultClassName;this.__defaultClassName = undefined;ul = getMyULChild(this);if (ul) {ul.className = ul.__defaultClassName;ul.__defaultClassName = undefined;}};}el.runtimeStyle.behavior = 'none';el.onmouseover = menuBehavior_onMouseOver;el.onmouseout = menuBehavior_onMouseOut;})(this));}DIV.Tooltip {margin: 0 0 -12px -15px;padding: 0 0 12px 0;background: url('var/img/tooltip.png') bottom left no-repeat;}DIV.Tooltip DIV {color: #404040;background-color: ivory;border: #869EB3 1px solid;border-bottom: none 0;padding: 0 .2em .2em .2em;}body, p, div, input, textarea {font-family: sans-serif;font-size: small;color: #404040;}body {background-color: #F0F0E0;margin: 0;}div#throbber {position: fixed;top: .5em;left: .5em;visibility: hidden;border: gray 1px solid;background-color: white;padding: .3em;}input.Calendar {border: #869EB3 1px solid;background: white;padding: 1px;width: 6em;}/* The main calendar widget.  DIV containing a table. */.calendar {position: relative;margin-top: 1px;display: none;font-size: x-small;cursor: default;}.calendar table {border: #4E708E 1px solid;color: #404040;background: white;}.calendar table div {font-size: x-small;}/* Header part -- contains navigation buttons and day names. */.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */border: white 1px solid;text-align: center;}.calendar .nav {background: transparent url(menuarrow.gif) no-repeat 100% 100%;}.calendar thead .title { /* This holds the current "month, year" */border: #869EB3 1px solid;border-top: none;color: white;background: #A6BED3;text-align: center;}.calendar thead .headrow { /* Row <TR> containing navigation buttons */}.calendar thead .daynames { /* Row <TR> containing the day names */}.calendar thead .name { /* Cells <TD> containing the day names */border-top: #869EB3 1px solid;border-bottom: #869EB3 1px solid;text-align: center;background: #EFEBE7;}.calendar thead .weekend { /* How a weekend day name shows in header */font-weight: bold;}.calendar thead .active { /* Active (pressed) buttons in header */border: #869EB3 1px solid;}/* The body part -- contains all the days in month. */.calendar tbody .day { /* Cells <TD> containing month days dates */width: 2em;text-align: right;padding: .1em .3em .1em .1em;border: white 1px solid;}.calendar tbody .day.othermonth.oweekend {}.calendar table .wn {padding: .2em .3em .2em .2em;border-right: #869EB3 1px solid;}.calendar tbody td.hilite { /* Hovered cells <TD> */padding: .1em .3em .1em .1em;border: #869EB3 1px solid;color: white;background: #A6BED3;}.calendar tbody td.active { /* Active (pressed) cells <TD> */padding: .1em .3em .1em .1em;border: #4E708E 1px solid;}.calendar tbody td.selected { /* Cell showing selected date */font-weight: bold;padding: .1em .3em .1em .1em;border: #4E708E 1px solid;color: #404040;background: white;}.calendar tbody td.weekend { /* Cells showing weekend days */font-weight: bold;}.calendar tbody td.today { /* Cell showing today date */font-weight: bold;}.calendar tbody .disabled { color: #999; }.calendar tbody .emptycell { /* Empty cells (the best is to hide them) */visibility: hidden;}.calendar tbody .emptyrow { /* Empty row (some months need less than 6 rows) */display: none;}/* The footer part -- status bar and "Close" button */.calendar tfoot .footrow { /* The <TR> in footer (only one right now) */}.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */color: #404040;background: #EFEBE7;border-top: #869EB3 1px solid;text-align: center;}.calendar tfoot .hilite { /* Hover style for buttons in footer */  border-top: 1px solid #fff;  border-right: 1px solid #000;  border-bottom: 1px solid #000;  border-left: 1px solid #fff;  padding: 1px;  background: #d8e0e4;}.calendar tfoot .active { /* Active (pressed) style for buttons in footer */  padding: 2px 0px 0px 2px;  border-top: 1px solid #000;  border-right: 1px solid #fff;  border-bottom: 1px solid #fff;  border-left: 1px solid #000;}/* Combo boxes (menus that display months/years for direct selection) */.calendar .combo {  position: absolute;  display: none;  width: 4em;  top: 0px;  left: 0px;  cursor: default;  border-top: 1px solid #fff;  border-right: 1px solid #000;  border-bottom: 1px solid #000;  border-left: 1px solid #fff;  background: #d8e0e4;  padding: 1px;  z-index: 100;}.calendar .combo .label,.calendar .combo .label-IEfix {  text-align: center;  padding: 1px;}.calendar .combo .label-IEfix {  width: 4em;}.calendar .combo .active {  background: #c8d0d4;  padding: 0px;  border-top: 1px solid #000;  border-right: 1px solid #fff;  border-bottom: 1px solid #fff;  border-left: 1px solid #000;}.calendar .combo .hilite {  background: #048;  color: #aef;}.calendar td.time {  border-top: 1px solid #000;  padding: 1px 0px;  text-align: center;  background-color: #e8f0f4;}.calendar td.time .hour,.calendar td.time .minute,.calendar td.time .ampm {  padding: 0px 3px 0px 4px;  border: 1px solid #889;  font-weight: bold;  background-color: #fff;}.calendar td.time .ampm {  text-align: center;}.calendar td.time .colon {  padding: 0px 2px 0px 3px;  font-weight: bold;}.calendar td.time span.hilite {  border-color: #000;  background-color: #667;  color: #fff;}.calendar td.time span.active {  border-color: #f00;  background-color: #000;  color: #0f0;}table.Table {background-color: white;border-collapse: collapse;border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;width: 100%;cursor: default;}table.Table tr.TableRow td, table.Table tr.TableRow th {border-left: #4E708E 1px dotted;border-bottom: #4E708E 1px dotted;padding: .2em .4em;color: #404040;font-size: x-small;}table.Table tr.TableRow td.selected {color: white;background-color: #A6BED3;}table.Table tr.TableRow th {background-color: #EFEBE7;color: #404040;}input.HintBox {border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;border-bottom: #869EB3 1px solid;background: white;padding: 1px;}select.HintBox {display: none;}div.Box {margin: 1em;}table.HBox, table.VBox {border-collapse: separate;}table.HBox > tr > td {padding: 0 1em 0 0;vertical-align: top;}table.HBox > tr > td:last {padding: 0;}table.VBox > tr > td {padding: 0 0 1em 0;vertical-align: top;}table.VBox > tr > td:last {padding: 0;}div.Window {background-color: #869EB3;border-top: #A6BED3 1px solid;border-left: #A6BED3 1px solid;border-right: #4E708E 1px solid;border-bottom: #4E708E 1px solid;float: left;margin: 5em 0 0 5em;    position: relative;}div.Window-body {background-color: #EFEBE7;border-top: #4E708E 1px solid;border-left: #4E708E 1px solid;border-right: #A6BED3 1px solid;border-bottom: #A6BED3 1px solid;margin: 0 2px 2px 2px;padding: 1em;}div.Window-title {padding: .1em .5em;color: white;background: #869EB3 url('var/img/titlebar.png') center center repeat-x;cursor: default;    font-weight: bold;}div.Window-title > IMG {    padding-right: 1em;}div.Window-wrapper {position: absolute;top: 0;left: 0;margin: 0;padding: 0;width: 100%;background-image: url('var/http/dim.png');}DIV.TabFolder {}DIV.TabFolder-tabbar {background: url('var/img/h.png') bottom repeat-x;}DIV.TabFolder-inner {clear: both;border: #869EB3 1px solid;border-top: none;border-left: #869EB3 1px solid;background: #EFEBE7;height: 100%;padding: .5em;}input.Tab, input.Tab-selected {font-weight: bold;border-top: #869EB3 1px solid;border-left: #869EB3 1px solid;border-right: #869EB3 1px solid;padding-bottom: 2px;color: #404040;}input.Tab {border-bottom: #869EB3 1px solid;background: #EFEBE7 url('var/img/tab.png') bottom repeat-x;}input.Tab-selected {border-bottom: #EFEBE7 1px solid;background: #EFEBE7;}div.More {    border-bottom: #869EB3 1px solid;}div.More > div {margin: .2em .5em;}