body {
    scrollbar-3dlight-color: #FFFFFF;
    scrollbar-arrow-color: #000000;
    scrollbar-base-color: #CCCCCC;
    scrollbar-darkshadow-color: #000000;
    scrollbar-face-color: #CCCCCC;
    scrollbar-highlight-color: #999999;
    scrollbar-shadow-color: #000000;
}

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

h2 {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

h3 {
    color: #ff6600;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

p {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

td {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

.errorText {
  color: #ffffff;
}


textarea {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: normal
}

input, textarea {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

option {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

.productname {
    color: #000000;
    font-family: tahoma, Arial, Helvetica, sans-serif;
    font-size: 14pt;
    font-weight: bold
}

.copyright {
    color: #A0A0A0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal
}

.header {
    color: #000000;
    font-family: Verdana, Arial, Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

.status {
    color: #202020;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

.error {
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold
}

.erroronpage {
    color: #ff3300;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold
}

.list {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

.listheader {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #FFFFFF;
}

.sectionHeader {
    color: #404040;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-weight: bold;
    /*font-style: italic;*/
    font-size: 8pt;
}

a:active {
    text-decoration: none;
    color: #FFFFFF;
}

a:hover {
    text-decoration: underline;
    color: #FFFFFF;
}

.sublistheader {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold
}

.wizardheader {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

.footer {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal
}

.help {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: normal
}

.list_unit {
    color: #000000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: normal
}

.modeselector {
    color: #ff0000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold
}

.calenderblock {
    color: #FFFFFF;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 7pt;
    font-weight: bold
}

.listjumpnumbers {
    color: #500000;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10pt;
    font-weight: bold
}

.innerlist_border_table {
    border-width: 4;
    cellpadding: 0;
    cellspacing: 0;
    width: 100%;
    align: left;
    bgcolor: #FF6666;
}

.innerlist_table {
    border: 0;
    cellpadding: 3;
    cellspacing: 1;
    width: 100%;
    align: left;
}

.textbox {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 0px;
}

.dropdown {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 1px;
    /*
    border-top: solid 1px #69c;
    border-right: solid 1px #069;
    border-bottom: solid 0px #069;
    border-left: solid 0px #69c;
    */
}

.listRowEven {
  background-color: #dcdcdc;
  padding: 2px;
  border: 1px solid #dcdcdc;
}

.listRowEven a {
  color: #000000;
  font-weight: bold;
}

.listRowEven a:hover {
  color: #ffffff;
  font-weight: bold;
}

.listRowOdd {
  background-color: #dcdcdc;
  padding: 2px;
  border: 1px solid #dcdcdc;
}

.listRowOdd a {
  color: #000000;
  font-weight: bold;
}

.listRowOdd a:hover {
  color: #ffffff;
  font-weight: bold;
}

.listtextbox {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 0px;
}

.listdropdown2 {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 1px;
    /*
    border-top: solid 1px #69c;
    border-right: solid 1px #069;
    border-bottom: solid 0px #069;
    border-left: solid 0px #69c;
    */
}

.listdropdown {
    font-family: arial, verdana, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 1px;
    /*
    border-top: solid 1px #69c;
    border-right: solid 1px #069;
    border-bottom: solid 0px #069;
    border-left: solid 0px #69c;
    */
}

/*
.listsearchbox {
    font-family: verdana, arial, sans-serif;
    font-size: 10px;
    background-color: #FFFFFF;
    color: #000000;
    font-weight: normal;
    padding: 1px;
    margin: 0px;
}
*/

.textcounter {
    font-family: verdana, arial, sans-serif;
    font-size: 12px;
    background-color: #DCDCDC;
    color: #000000;
    font-weight: normal;
    padding: 0px;
    margin: 0px;
    border-top: solid 0px #DCDCDC;
    border-right: solid 0px #DCDCDC;
    border-bottom: solid 0px #DCDCDC;
    border-left: solid 0px #DCDCDC;
}

a {
    text-decoration: none;
    color: #202020;
    font-weight: normal;
}

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

a:active {
    text-decoration: none;
    color: #000000;
}

a:hover {
    text-decoration: underline;
    color: #FF2000;
}

#paneON {
    height: 27px;
    border: none;
    float: left;
    text-decoration: none;
    font-size: 10px;
    line-height: 0.9;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F99930;
    background-image: url(pane_background_on.gif);
    color: white;
}

#paneON span {
    display: none;
    visibility: hidden;
}

#paneON a {
    display: block;
    height: 27px;
    padding-left: 0.6em;
    padding-right: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    color: black;
    font-weight: bold;
}

#paneON a:hover {
    color: #504040;
    text-decoration: none;
    font-weight: bold;
}

#paneActive {
    height: 27px;
    border: none;
    float: left;
    text-decoration: none;
    font-size: 10px;
    line-height: 0.9;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F99930;
    background-image: url(pane_background_on.gif);
    opacity: 0.4;
    filter:alpha(opacity=40);
    color: white;
}

#paneActive span {
    display: none;
    visibility: hidden;
}

#paneActive a {
    display: block;
    height: 27px;
    padding-left: 0.6em;
    padding-right: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    color: black;
    font-weight: bold;
}

#paneActive a:hover {
    color: #504040;
    text-decoration: none;
    font-weight: bold;
}

#paneOFF {
    height: 27px;
    border: none;
    float: left;
    text-decoration: none;
    font-size: 10px;
    line-height: 0.9;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    background-color: #F99930;
    background-image: url(pane_background_off.gif);
    color: white;
    font-weight: bold;
}

#paneOFF span {
    display: none;
    visibility: hidden;
}

#paneOFF a {
    display: block;
    height: 27px;
    padding-left: 0.6em;
    padding-right: 0.9em;
    padding-top: 0.5em;
    padding-bottom: 0.2em;
    color: white;
    font-weight: bold;
}

#paneOFF a:hover {
    color: #E0E0E0;
    text-decoration: none;
    font-weight: bold;
}

img.menu_dropdown {
    border: 0px
}

div.button_dropdown {
    position: relative;
}

div.menu_dropdown {
    position: absolute;
    top: 24px;
    left: 0px;
    width: 68px;
    visibility: hidden;
    border-left: 1px solid #fdca9c;
    border-top: 1px solid #fdca9c;
    border-right: 1px solid black;
    border-bottom: 1px solid black;
    background-color: #f99930;
    padding: 4px;
}

div.menu_dropdown :link {
    font-weight: normal;
    color: black;
}

div.menu_dropdown :visited {
    font-weight: normal;
    color: black;
}

/*
ul.checkboxtree_root {
    list-style-type: none;
    padding-left: 0px;
    margin: 0px;
    margin-bottom: 5px;
}

ul.checkboxtree {
    list-style-type: none;
    padding-left: 20px;
    margin: 0px;
    margin-bottom: 5px;
}
*/

/* Styles for collapsable trees */
ul.mktree  li { list-style: none; }
/* Control how "spaced out" the tree is */
ul.mktree, ul.mktree ul , ul.mktree li { margin-left:10px; padding:0px; }
/* Provide space for our own "bullet" inside the LI */
ul.mktree  li           .bullet { padding-left: 15px; }
/* Show "bullets" in the links, depending on the class of the LI that the link's in */
ul.mktree  li.liOpen    .bullet { cursor: pointer; background: url(tree_minus.gif)  center left no-repeat; }
ul.mktree  li.liClosed  .bullet { cursor: pointer; background: url(tree_plus.gif)   center left no-repeat; }
ul.mktree  li.liBullet  .bullet { cursor: default; background: url(tree_bullet.gif) center left no-repeat; }
/* Sublists are visible or not based on class of parent LI */
ul.mktree  li.liOpen    ul { display: block; }
ul.mktree  li.liClosed  ul { display: none; }
/* Format menu items differently depending on what level of the tree they are in */
ul.mktree  li { font-weight: bold; }
ul.mktree  li ul li { font-weight: normal; }
ul.mktree  li ul li ul li { font-weight: normal; }
ul.mktree  li ul li ul li ul li { font-weight: normal; }

/**
 * Styles for sliding panels
 */

/*
 * Panel container
 */
div.slidePanelL1 {
}

/*
 * Panel header
 */
div.slidePanelL2 {
  position:relative;
  height:18px;
  left:0px;
  top:0px;
  padding-left: 2px;
  color: #ffffff;
  font-weight: bold;
  background-color:#A0A0A0;
  border-top: 1px solid #000000;
  border-right: 1px solid #000000;
  border-bottom: none;
  border-left: 1px solid #000000;

}

/*
 * Div for slide controls in panel header
 */
div.slidePanelL3 {
  position:absolute;
  top:0px;
  width:20px;
  height:18px;
  right: 2px;
  background-color:#ECECEC;
  text-align:center;
  border-left:1px solid #DCDCDC;
  cursor:pointer;
  z-index: 20;
  background: url('arrow_header_down.gif') no-repeat center;
}

div.slidePanelContents {
  position:relative;
  padding: 5px;
  background-color:#DCDCDC;
  color:#000000;
  border:1px solid #000000;
  display: block;
  overflow:hidden;
}


/*
 * The following styles are used by the campaign workspace selector
 *
 */

.workspacebar {
  background-image: url(status_background.gif);
  height: 22px;
  padding: 0px 0px 0px 0px;
  display: block;
  text-align: left;
  width: 100%;
  display: block;
}

.workspacetext {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #383838;
  float: left;
  margin: 0px 15px 0px 15px;
  padding: 3px 2px 1px 2px;
}

.wsouter {
  background-color: #999999;
  color: #ffffff;
  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  max-height: 16px;
  width: 200px;
  overflow: hidden;
  border: 1px solid #000000;
	text-align: center;
  margin: 3px 0px 0px 0px;
  padding: 1px 2px 3px 2px;
}

.wsouter a {
	display: block;
  font-weight: bold;
  color: #ffffff;
}

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

.wsinner {
  background-color: #dddddd;
  color: #000000;
  border: solid 1px #a5a5a5;
  border-top: none;
  visibility: hidden;
  padding: 0px 2px 0px 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 200px;
  position: absolute;
  margin: 0px 0px 0px 0px;
  padding: 2px 2px 2px 2px;
}

.wsinner a {
  display: block;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #000000;
}

.wsinner a:hover {
  background-color: #f99930;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #ffffff;
}

.wsinner a.separated {
  margin: 0px 0px 0px 0px;
  border-bottom: 1px solid #858585;
  text-decoration: none;
  color: #000000;
}

.wsinner a.separated:hover {
  background-color: #f99930;
  margin: 0px 0px 0px 0px;
  text-decoration: none;
  color: #ffffff;
}

#wstooltip {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-style: italic;
  color: #383838;
  position: absolute;
  visibility: hidden;
  margin: 0px;
  background-color: #ffffc5;
  padding: 2px 4px 2px 4px;
  border: 1px dashed #000000;
}

#wzhelp {
  position: absolute;
  display: none;
}

#wzHelpFrame {
  width: 800px;
  min-width: 200px;
  max-width: 400px;
}

.subpageTableFirstRow {
  background-color: #dcdcdc;
  border: none;
  border-bottom: 2px dashed #c0c0c0;
}

/* Styles for collapsable sections */

.sectionContainer {
  border: 1px solid #c0c0c0;
}

.sectionTop {
  display: block;
  background-color: #c0c0c0;
  color: #404040;
  font-weight: bold;
  text-align: right;
  padding: 5px;
}

.sectionTitle {
}

.sectionControls {
  vertical-align: middle;
}

.relative {
    position: relative;
}

.sectionControls a {
  font-weight: bold;
  color: #404040;
  text-decoration: none;
}

.sectionControls img {
  border: none;
}

.sectionBody {
  padding: 5px;
}

/* Palette component */
.palette {
    background-color: transparent;
    display: inline-block;
    vertical-align: middle;
    padding: 2px 0px 2px 0px;
}

.palette a {
    text-decoration: none;
    display: block;
}

.active-palette {
    position: absolute;
    display: none;
    padding: 1px 5px 2px 5px;
    background-color: transparent;
}

.active-palette > * {
    vertical-align: middle;
}

.palette-component-icon {
    margin: 0px;
    padding: 2px;
    background-color: #c0c0c0;
}