/* @public main_color #30307A */
/* @public background_color #FFFFFF */

/* @public weak_main_color  #BABAE4 */

/* @public quiet_text_color  #7172A9 */

/* @public no_surround  border: 0; margin: 0; padding: 0 */

/* @public font_size 11px */
/* @public ie5_font_size 11px */
/* @public proportional_font Verdana, Arial, Helvetica, sans-serif */

/* @public link_color #30307A */
/* @public link_visited_color #30307A */
/* @public link_hover_color #FF7F01 */
/* @public link_unavailable_color #BDBDD1 */

/* for links that should use a separate visited color, because
they represent static content, not functions */
/* @public static_link_color #151ADD */
/* @public static_link_visited_color  #676CB3 */

/* @public body_font Verdana, Arial, Helvetica, sans-serif */


/* @public error_color #BF4F4F */
/* @public warning_color #CC7272 */
/* @public notify_color #E8A400 */

/* @public active_input_color #EDEEFF */

/* @private paragraph_vertical_margin 1.5ex */

body
{ 
  background-color: #FFFFFF
;
}

body, p, h1, h2, h3, h4, h5, h6, a, var
{ 
  color: #30307A
;
  background-color: transparent;
}


body
{ 
   border: 0; margin: 0; padding: 0
;
}

/* all the elements that have to have the size specified */
/* @private font_sized_elements   body, table, p, form, select, input, code */

  body, table, p, form, select, input, code
{ 
  font-family: Verdana, Arial, Helvetica, sans-serif

; 
}

/* Set for MacIE5, which has the IE5Win parsing bug, but also has the 
   keywords interpreted right. */
  body, table, p, form, select, input, code
{ 
  font-size: 11px
;
}

/* Hide from Mac IE, set for Win IE5, then reset for good browsers */
  body, table, p, form, select, input, code
{
  /* IE5 sees this but not the next one */
  font-size: 11px
;
  voice-family: "\"}\"",inherit;
  /* fix for good browsers (MacIE5 doesn't see this))*/
  font-size: 11px
;
}

/* @private monospace_font "Courier New", Courier, sans-serif */

code
{ 
  font-family: "Courier New", Courier, sans-serif;
}

var
{ 
   border: 0; margin: 0; padding: 0
;
  line-height: 100%;
  font-style: normal;
  font-weight: normal;
}

div
{ 
   border: 0; margin: 0; padding: 0
;
}


h1
{
   border: 0; margin: 0; padding: 0
;
  font-weight: bold; 
  font-size: 130%;
  margin-top: 10px;
  margin-bottom: 10px;
}               

h2
{
   border: 0; margin: 0; padding: 0
;
  margin-bottom: 10px;
  font-weight: bold; 
  font-size: 120%;
}

h3 
{
   border: 0; margin: 0; padding: 0
;
  margin: 10px 0px;
  font-weight: bold; 
  font-size: 110%;
}

h4
{
   border: 0; margin: 0; padding: 0
;
  margin: 5px 0px;
  font-weight: bold; 
  font-size: 100%;
}


a
{ 
  color: #30307A

;
  font-weight: bold;
  margin: 0;
  padding: 0;
}


a:visited
{ 
  color: #30307A


;
  font-weight: bold;
}


a:hover
{ 
  color: #FF7F01
;
  font-weight: bold;
}



/* turn off anything marked as all-hidden since it should never show */
.all-hidden, html body .hidden
{
  display: none;
}


.disabled, .disabled *
{ 
  color:  #BABAE4
;
}

fieldset
{ 
   border: 0; margin: 0; padding: 0
;
  border-width: 0px;
}

input.text
{ 
  border-color: #FFF;
}

html input.text-focused, html textarea.text-focused
{ 
  border-color: #2C8E4A;
  background-color: #EDEEFF
;
}

input.standard-button
{ 
  width: 60px;
}


input.wide-button
{ 
  width: 100px;
  padding-top: 1px;
  padding-bottom: 1px;
}

div.breadcrumb
{ 
   border: 0; margin: 0; padding: 0
;
  height: 12px;
}

ol.breadcrumb
{ 
   border: 0; margin: 0; padding: 0
;
  display: inline;
  list-style: none inside;
}

ol.breadcrumb li
{ 
   border: 0; margin: 0; padding: 0
;
  display: inline;
}

div.breadcrumb a, div.breadcrumb a:hover,  div.breadcrumb a:visited
{ 
  color: #30307A
;
  font-weight: normal;
  white-space: nowrap;
}

div.breadcrumb a:hover
{ 
  color: #FF7F01
;
}

div.breadcrumb span.sep
{ 
  padding: 0;
}

div.breadcrumb span.current
{ 
  font-weight: bold;
  white-space: nowrap;
}




ul.children
{ 
  margin-left: 0em;
}

ul.children li
{ 
  padding-left: 0em;
  margin-left: 0em;
}

ul.contents li, ul.children li
{ 
  list-style-type: none;
  list-style-position: outside;
}


div.section_nav a.previous
{ 
  display: block;
  float: left;
  padding-left: 14px;
  margin-right: 14px;
  background: url("../images/left_arrow.png");
  background-repeat: no-repeat;
  background-position: 3px left;
}

div.section_nav a.next
{ 
  display: block;
  float: right;
  padding-right: 14px;
  margin-left: 14px;
  background: url("../images/right_arrow.png");
  background-repeat: no-repeat;
  background-position: 3px right;
}

div.section_nav a.up
{ 
  display: block;
  float: right;
  padding-right: 14px;
  background: url("../images/up_arrow.png");
  background-repeat: no-repeat;
  background-position: 3px right;
}

div.section_nav a:hover
{ 
  background-position: -13px right;
}

div.section_nav a.previous:hover
{ 
  background-position: -13px left;
}




img 
{
  /* default is to not have any extra space around images */
   border: 0; margin: 0; padding: 0
;
} 

/* some browsers add padding around a form element */
form
{ 
   border: 0; margin: 0; padding: 0
;
}

p
{ 
   border: 0; margin: 0; padding: 0
;
  line-height: 125%;
  margin: 1.5ex 0px;
}

em
{ 
  font-style: italic;
  font-weight: normal;
}

strong
{ 
  font-style: normal;
  font-weight: bolder;
}

INPUT, select, textarea
{ 
  color: #30307A
;
}

select
{ 
  line-height: 100%;
}

ul, ol
{ 
   border: 0; margin: 0; padding: 0
;

  margin-left: 2em;
  margin-top: 1.5ex;
  margin-bottom: 1.5ex;

}


li
{ 
   border: 0; margin: 0; padding: 0
;
  margin-top: 1ex;
  margin-bottom: 1ex;
  list-style-position: inside;
}


dl
{ 
  margin-top: 1.5ex;
  margin-bottom: 1.5ex;
}

dt
{ 
  display: list-item;
  list-style-type: disc;
  list-style-position: inside;
}


th
{ 
  text-align: left;
}


.error
{ 
  color: #BF4F4F
;
}


p.error, td.error, span.error, var.error
{ 
  font-weight: bolder;
}


strong var
{
  font-weight: bold;
}

.warning
{ 
  color: #CC7272
;
}

p.warning, span.warning
{ 
  font-weight: bolder;
}

.notify
{ 
  color: #E8A400
;
}

h2.notify
{ 
  color: #DE9D00;
}

p.notify, span.notify
{ 
  font-weight: bolder;
}

h1.error
{ 
  color: #BF4F4F
;
}



.wrap 
{ 
  clear: both;
}


br.wrap
{ 
   border: 0; margin: 0; padding: 0
;
  /* IE6 needs this line */
  font-size: 1px;
  line-height: 1px;
  height: 1px;
}


iframe
{
   border: 0; margin: 0; padding: 0
;
  color: #30307A
;
  border: 1px solid #30307A
;
  /* this keeps the iframe from flashing black while it loads
  its source. */
  background-color: #FFFFFF
;
}


table.report-selection 
{ 
   border: 0; margin: 0; padding: 0
;
  margin-bottom: 20px;
}


table.report-selection th
{ 
   border: 0; margin: 0; padding: 0
;
  font-weight: bold;
  font-style: none;
  text-align: left;
  padding-top: 2ex;
}


table.report-selection td
{ 
   border: 0; margin: 0; padding: 0
;
  height: 4ex;
}

table.report-selection td.radio
{ 
   border: 0; margin: 0; padding: 0
;
  width: 30px;
  height: auto;
  text-align: left;
  vertical-align: middle;
}


table.preferences th
{ 
  font-weight: normal;
  text-align: left;
  width: 10em;  
}

table.preferences th, table.preferences td
{ 
  padding-bottom: 2ex;
}



/* @public manila_color #F5F2EB */

html
{ 
   border: 0; margin: 0; padding: 0
;
  height: 100%;
}

/* @public workspace_bg_color #ECECF1; */

body.main
{ 
   border: 0; margin: 0; padding: 0
;  
  background-image: url(../images/workspace_bg.gif);

  background-repeat: repeat;
  background-attachment: fixed;
  background-color: #ECECF1;;
  height: 100%;
 
}

/* @private header_top_bottom_padding 3px */
/* @private internal_header_height 35px */
/* @private external_header_height 41px */

/* @private header_bg_color #50528E */
/* @private header_border_color #50528E */
/*#989CA8*/
/* @private header_border_width 2px */
/* @private footer_height 30px */

/* @private header_footer_left_padding 10px */

div#page
{ 
  height: 100%;
  position: relative;
  width: 100%;
}


body.popup
{ 
   border: 0; margin: 0; padding: 0
;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
  height: 100%;

  background: #FCFBF8;
  position: relative;
}

table.popup
{ 
  width: 100%;
  height: 100%;
  position: relative;
}

table td#popup_container
{
  padding-top: 10px;
  padding-left: 10px;
}

table td#popup-page
{ 
  text-align: left;
}

td.layout
{ 
   border: 0; margin: 0; padding: 0
;
}

table td.no-centering
{ 
/*  padding: 10px;*/
}


table.content
{ 
  height: 100%;
  width: 100%;
}

table.content td
{ 
   border: 0; margin: 0; padding: 0
;
}



div.header
{ 
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #50528E; 
  width: 100%;
  z-index: 100;
  background-image: url("../images/header_bg.gif");
  background-repeat: repeat;

  color: white;

  padding: 3px 0px;
}

/* @private header_text_color #EFEFFF */
/* @private header_link_hover_color #FF8625 */

/* @private footer_text_color #EFEFFF */
/* @private footer_link_hover_color #FF8625 */

div.footer
{ 
  position: absolute;
  /* IE seems to need a negative value here */
  bottom: -1px;
  background-color: #50528E; 
  width: 100%;
  height: 30px;
  z-index: 100;

  background-image: url("../images/header_bg.gif");
  background-repeat: repeat;
}

div.footer p
{ 
  padding-left: 10px;
  color: #EFEFFF;
}

div.header 
{ 
  color: #EFEFFF;
}

div.header a
{ 
  color: #EFEFFF;
}

div.header a:visited
{ 
  color: #EFEFFF;
}

div.header a:hover
{ 
  color: #FF8625;
}


div.footer a
{ 
  color: #EFEFFF;
}

div.footer a:visited
{ 
  color: #EFEFFF;
}

div.footer a:hover
{ 
  color: #FF8625;
}

html>body div.footer, html>body div.header
{ 
  position: fixed;
}


table.header
{ 
   border: 0; margin: 0; padding: 0
;
  width: 100%;
}

table.header td
{ 
   border: 0; margin: 0; padding: 0
;
  color: white;
}

div#page h1
{ 
   border: 0; margin: 0; padding: 0
;
  position: relative;
  height: 35px;
  padding-left: 10px;
  color: white;
}

div#page span.version
{ 
  font-size: 10px;
  color: white;
}

div#page h1 img
{ 
   border: 0; margin: 0; padding: 0
;
}

/* @private panel_top_padding 10px */
/* @private panel_lr_padding 10px */

div.sidepanel-wrapper
{ 
   border: 0; margin: 0; padding: 0
;
  padding-top: 44px;
}

div.sidepanel-button
{ 
  height: 15px;
  position: relative;
}

div.sidepanel-button input
{ 
  position: absolute; 
  right: 2px; 
  top: 2px;
}

div.sidepanel
{ 
   border: 0; margin: 0; padding: 0
;
  padding-top: 10px;
}

div.mainpanel
{  
  padding-top: 51px;
}

div.sidepanel, div.mainpanel 
{ 
  color: #30307A
;
  padding-bottom: 30px;
  padding-left: 10px;
  padding-right: 10px;
}

div.pane
{ 
  padding: 0px;
  margin-bottom: 10px;
  border-bottom: 1px solid black;
  border-right: 1px solid black;
}

/* @private pane_header_tb_padding 3px */

div.pane h3
{ 
  background: #D5D5E3;
  margin: 0px;
  padding: 3px 10px;
  padding-right: 24px;
  border: 1px solid #5C5D94;
  height: 14px;
  position: relative; 
  -moz-user-select: none;
  cursor: default;
}

div.pane h3 input
{ 
  position: absolute; 
  right: 2px; 
  top: 2px;
}

div.pane div.pane-inner
{ 
  background: #F3F3F7;
  padding: 10px;
  border: 1px solid #5C5D94;
  border-top: 0px;
}

div.pane ul
{ 
   border: 0; margin: 0; padding: 0
;
}

div.pane ul li
{ 
  display: block;
  list-style: none outside;
}



div.filters-pane li
{ 
   border: 0; margin: 0; padding: 0
;
  margin-left: 10px;
}

table.content td.mainpanel
{ 
  width: 100%;
}

ul.account
{ 
   border: 0; margin: 0; padding: 0
;
  padding-top: 1ex;
  padding-right: 1em;
  list-style: none inside;
}

ul.account li
{ 
   border: 0; margin: 0; padding: 0
;
  display: inline;
}

ul.account span.item
{ 
   border: 0; margin: 0; padding: 0
;
}

ul.account span.emphasized
{ 
  font-weight: bold;
}

ul.account a
{ 
   border: 0; margin: 0; padding: 0
;
  white-space: nowrap;
  text-decoration: underline;
  font-weight: bold;
}




/* @private tasks_bg_color #50528E */
/*#F2F4EA*/
/* @private tasks_fg_color #30307A */
/* @private tasks_fg_hover_color #FF7F01 */

table.content td.sidepanel
{
   border: 0; margin: 0; padding: 0
;
  border-right: 2px solid #50528E;
  background: #9E9FC0 url(../images/sidepanel_bg.png) repeat;
}


ul.subpanels
{   
   border: 0; margin: 0; padding: 0
;
  padding-right: 10px;
}

ul.subpanels li
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;
  position: relative;
  list-style-position: outside;
  list-style-type: none;
  white-space: nowrap;
}


* html ul.subpanels li
{ 
  /* this useless height is needed so 
     IE doesn't add a lot of extra vertical space.  Only IE matches 
     elements that have an html child, so good browsers don't see this. */
  height: 1px;
}

ul.subpanels ul, p.task
{   
   border: 0; margin: 0; padding: 0
;
  padding-left: 10px;
}


ul.subpanels li li
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;

  list-style-position: outside;
  list-style-type: none;
  white-space: nowrap;
}

ul.subpanels li.link
{ 
   border: 0; margin: 0; padding: 0
;

  margin-bottom: 2px;
  /* this hack hides the 4px padding from IE5.0, which mysteriously adds extra padding */
  margin-bottom/**/: 4px;
}


ul.subpanels li.separator
{ 
   border: 0; margin: 0; padding: 0
;
  font-size: 1px;
  height: 4px;
  display: none;
}


a.static
{
  color: #151ADD
;
}

a.static:visited
{
  color:  #676CB3
;
}

a.task, a.task:visited
{
   border: 0; margin: 0; padding: 0
;

  display: block;
  padding-left: 8px;

  background: url("../images/task_right_arrow.gif");
  background-repeat: no-repeat;
  background-position: center left;

  text-decoration: none;
  text-decoration: none;
  color: #30307A
;
}

* html a.task, * html a.task:visited
{ 
  /* this is here because IE adds extra space otherwise */
  height: 1px;
}

a.task:hover
{ 
  color: #FF7F01;
  text-decoration: underline;
}




ul.subpanels ul.tasks
{ 
  padding-top: 0px;
  padding-bottom: 0px;
  /* this hacks hide the extra padding from IE5.0, which mysteriously adds extra padding */
  padding-bottom/**/: 2px;
  padding-top/**/: 2px;

  margin-bottom: 0px;
}



table#page td.main
{ 
  border-top: 2px solid #50528E;
  height: 80%;
}

table.main
{ 
  height: 100%;
}


div.workspace
{ 
   border: 0; margin: 0; padding: 0
;
  width: 100%;
}



table.login-page
{ 
  height: 100%;
  width: 100%;
}


table.login
{ 
  margin-top: 10px;
  padding: 0;
  width: 250px;
}


table.login th
{ 
  padding-right: 2em;
}

table.login th, table.login td
{ 
  padding-bottom: 5px;
  padding-top: 5px;
}

table.login td.login-button
{ 
  padding-top: 1ex;  
}


table.login .separator-top
{ 
  padding-top: 10px;
  border-top: 1px solid  #BABAE4
;
}


table.login .separator-bottom
{ 
  padding-bottom: 10px;
}

table td.sign-in-options 
{ 
  padding: 0 10px 0 20px;
}

table td.sign-in-options div
{ 
  background-color: #F6F6F6;
  border: 1px solid #30307A
;
  padding: 10px;
  padding-bottom: 0;
}

table td.sign-in-options p
{ 
  margin: 0;
  padding-bottom: 8px;
}

td.sign-in-options h3
{ 
  margin-top: 0;
  font-size: 100%;
  font-weight: bold;
}

table td.login-table-cell
{ 
  border-top: 1px solid  #BABAE4
;
}

div.disabled
{ 
  border: 1px solid red;

}

div.disabled h3
{ 
  color: red;
}
/* defines window_innerbar_bg_color and window_lr_padding for us */
/* a manila-looking color */
/* @public window_innerbar_bg_color #F5F2EB */
/* @public window_innerbar_border_color #CCC */
/* @public window_lr_padding 10px */



/* @private shadow_width 1px */


/* @public window_border_color #9596C5 */


/* @private window_header_bg_color  #D7D7E4 */
/* @private window_header_fg_color #4A4C5D */
/* @private window_shadow_color #000 */

/* @private window_bg_color #FFFFFF */


/* @public subwindow_header_avg_color #51528F */

/* *****************
 * the content box *
 ***************** */
table.window 
{
   border: 0; margin: 0; padding: 0
;
  margin: 10px 0px;
  padding-right: 10px;
  text-align: left;
}


table.login-window
{ 
  width: 550px;
}

table.email-command-window
{ 
  width: 700px;
}


table.constrained
{ 
  width: 400px;
}

/* for IE only */
* html table.constrained
{ 
  width: 400px;
}

table.text-width
{ 
  width: 50em;
}

/* for IE only */
* html table.text-width
{ 
  width: 50em;
}

table.window tr, table.window tbody
{ 
   border: 0; margin: 0; padding: 0
;
}


/* adds the shadowed border */
table.window td.outer-content
{ 
   border: 0; margin: 0; padding: 0
;
  border-right: 1px solid #000;
  border-bottom: 1px solid #000;
  background-color: #FFFFFF
;
}

/* adds the inner border all around */

table.window .inner-content
{ 
  margin: 0;
  border: 1px solid #9596C5;
  clear: both;
}

* html table.window .inner-content
{ 
  /* IE5 needs this height for some reason, otherwise margins on
     interior elements extend the inner block underneath this border, so
     the border no longer contains the content. */
  height: 100%;
}

table.window div.padded-content
{ 
  padding: 10px 10px;
}

table.window div.left-top-padded-content
{ 
  padding: 10px 0px 0px 10px;
}


table.window div.unpadded-content
{ 
  padding: 0;
}



table.window td.outer-heading
{ 
   border: 0; margin: 0; padding: 0
;
  /* this has to be transparent so that the rounded corner shows
     what is beneath it, so we can't fill with the average color of the image */

  background-color: transparent;

  background-image: url("../images/rounded_corners_ul.gif");
  background-position: top left;
  background-repeat: no-repeat;
}

table.window div.inner-heading
{ 
  /* also has to be transparent */
  background-color: transparent;

  background-image: url("../images/rounded_corners_ur.gif");
  background-position: top right;
  background-repeat: no-repeat;

  height: 100%;
}

table.window h2.window
{ 
   border: 0; margin: 0; padding: 0
;
  /* one extra pixel because the left border of this comes from the background
     image and is not a CSS border. Thus we need one more pixel.*/
  margin: 0px 11px;

  /* this does not have to be transparent since it's a rectangle.  Thus
     we use the average color of the image so there's less flashing when the image
     comes in. */
  background-color:  #D7D7E4;
  background-image: url("../images/rounded_corners_fill.gif");
  background-position: top left;
  background-repeat: repeat-x;
}

table.window td.window-icon
{ 
  vertical-align: bottom;
  padding-top: 0px;
  padding-bottom: 1px;
  padding-right: 5px;
}

table.window td.window-help-icon
{ 
  padding-right: 0px;
}

table.window td.window-title
{ 
  vertical-align: baseline;
  padding-top: 6px;
  padding-bottom: 4px;
  font-weight: bold;
  font-size: 140%;
  width: 100%;
}




table.subwindow 
{ 
  margin-right: 10px;
  margin-bottom: 10px;
}

table.subwindow-float
{ 
  float: left;
  position: relative;
}


table.subwindow-constrained
{ 
  width: 400px;
}

table.subwindow td.subwindow-outer-header
{ 
  margin: 0px;
  padding: 0;
  background: transparent url(../images/subwindow_left.png) no-repeat left top;
}

table.subwindow div.subwindow-inner-header
{ 
  margin: 0px;
  background: url(../images/subwindow_right.png) no-repeat right top;
  height: 100%;
}

/* @public subwindow_bg_color #ECECF1 */

table.subwindow td.subwindow-content
{ 
  border: 1px solid #30307A
;
  background-color: #ECECF1;
/*  border-top-width: 0px;*/
}

table.subwindow div.subwindow-inner-bg
{ 
  margin: 0px;
  margin-left: 10px;
  margin-right: 10px;

  background: #51528F url(../images/subwindow_mid.png) repeat left top;

  height: 100%;
}


table.subwindow h3.subwindow
{ 
  padding: 4px 0px 4px 0px;
  float: left;
  position: relative;
  height: 100%;

  margin: 0px;

  color: white;
  text-align: left;
}


table.subwindow a.help-icon
{ 
  margin-top: 2px;
  display: block;
  float: right;
  border-bottom: 0px;
}


/* @public statusbar_text_color #1C7C2E */
/* @private message_icon_width 16px */

table.window p.status
{ 
  border-top: 1px solid #CCC;
  margin: 0px; 
  padding: 5px 10px 5px 31px;

  color: #1C7C2E;
}

table.window p.feedback-normal
{ 
  background: url(../images/icons/Feedback.png) no-repeat 10px center;
}

table.window p.feedback-warning
{ 
  background: url(../images/icons/WarningFeedback.png) no-repeat 10px center;
}

table.window p.status
{ 
  background-color:  #F5F2EB;
}

table.window span.message

{ 
  font-weight: bold;
}

iframe.popup-dialog
{ 
   border: 0; margin: 0; padding: 0
;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 20000;
  background-color: white;
}

div.popup-dialog 
{ 
  border: 2px solid #30307A
;
}

div.popup-dialog h2
{ 
  font-size: 125%;
  color: white;
  background-color: #51528F;
  margin: 0px;
  padding: 3px 10px 3px 10px;
  -moz-user-select: none;
  cursor: default;
}




div.preferences-section
{ 
  clear: both;
  border-bottom: 1px solid #9596C5;
  padding-bottom: 10px;
}

div.preferences-section.last
{ 
  border-width: 0px;
}


div.preferences-section h2
{ 
  margin-top: 10px;
}


div.section
{ 
  clear: both;
  border-bottom: 1px solid #9596C5;
  padding-bottom: 10px;
}

div.section.last
{ 
  border-width: 0px;
}


div.section h2
{ 
  margin-top: 10px;
}

dl.preferences a
{ 
  font-size: larger;
}



dl.preferences dt
{ 
  list-style-type: none;
  list-style-position: outside;
  text-indent: 0;
  padding: 0;
  margin: 0;
  margin-bottom: 5px;
}


dl.preferences dd
{ 
  list-style-type: none;
  list-style-position: outside;
  padding: 0px;
  margin: 0px;
  margin-bottom: 20px;
}

table.edit-item td.label
{ 
  padding: 5px 0px;
  padding-right: 20px;
}

table.edit-item td.value
{ 
  height: 20px;
  font-weight: bold;
}

table.edit-item input
{ 

  font-weight: normal;
}




table.mockup td.label
{ 
  padding: 5px 0px;
  padding-right: 10px;
}

table.mockup td.value
{ 
  height: 20px;
  font-weight: bold;
}

table.activation
{ 
  height: 250px;
  width: 600px;
}


table.activation th
{ 
  width: 55%;
}


table.user-setup 
{ 
  height: 270px;
  width: 550px;
}

table.user-setup th
{ 
  width: 50%;
}

table.wizard
{ 
  clear: both;
}

table.wizard th
{ 
   border: 0; margin: 0; padding: 0
;

  padding-top: 10px;
  font-size: larger;
}

table.wizard table.edit-item
{ 
  width: 100%;
}

table.wizard td
{ 
  margin: 0;
  line-height: 150%;
}

table.wizard td.guide
{ 
  padding-top: 10px;
  padding-bottom: 20px;
  border-top: 1px solid #BDBDD1
;
}

table.wizard td.buttons
{ 
  padding-top: 10px;
  vertical-align: bottom;

  margin: auto;
}

table.wizard td.last-row
{ 
  border-bottom: 1px solid #BDBDD1
;
  padding-bottom: 10px;
}



table.email input.entry
{ 
  font-size: larger;
}

table.email td.buttons
{ 
  padding-top: 10px;
  padding-right: 10px;
  vertical-align: bottom;
  margin: auto;
}

table.email td.buttons input
{ 
  width: 60px;
}


table.new-password
{ 
  float: left;

}


table.new-password
{ 
}


table.new-password td
{ 
}


ul.progress
{ 
   border: 0; margin: 0; padding: 0
;
  list-style-type: none;
  height: 20px;
}

ul.progress li
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;
  float: left;
  position: relative;
}

ul.progress span.delim
{ 
  font-weight: normal;
  padding: 0px 10px;
}

ul.progress span, ul.progress a
{ 
  height: 1px;
}


ul.progress li.present
{ 
  font-weight: bold;
}

ul.progress li.future
{ 
  color: #BDBDD1
;
}

ul.progress a, ul.progress a:hover,  ul.progress a:visited
{ 
  font-weight: normal;
}




ul.password-hints
{ 
   border: 0; margin: 0; padding: 0
;
  background-color: #FFFFE1;
  float: left;
  border: 1px solid #30307A
;
  margin: 0px 10px 10px 10px;
  font-size: 90%;
  padding: 10px;
}


div.hints
{ 
   border: 0; margin: 0; padding: 0
;
  background-color: #FFFFE1;
  float: left;
  border: 1px solid #30307A
;
  margin: 0px 10px 10px 10px;
  padding: 10px;
}


table.wizard div.hints
{ 
  float: none;
}

div.hints p, div.hints ul
{ 
   border: 0; margin: 0; padding: 0
;
  font-size: 90%;
}


div.hints ul
{ 
  padding-bottom: 5px;
}

div.hints li, div.hints p 
{ 
   border: 0; margin: 0; padding: 0
;
  padding: 0px 0px;

}


table.settings 
{ 
  margin: 10px;
}

table.settings td.settings
{ 
  vertical-align: baseline;
}

table.settings td.settings-label
{ 
  width: 1%;
}


table.settings td.settings-intro
{ 
  padding-bottom: 15px;
}

table.settings div.settings-intro
{ 
  padding-bottom: 5px;
  border-bottom: 1px solid #30307A
;
}



table.settings td.settings-intro img
{ 
  margin-right: 10px;
}

table.settings td.settings-input
{ 
  width: 1%;
}

table.settings td.settings-nested
{ 
  padding-top: 2px;
}

table.settings td.settings-line
{ 
  padding-top: 4px;
}

table.settings td.settings-label
{ 
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
  text-align: right;
}

table td.settings
{ 
  padding-top: 2px;
  padding-bottom: 2px;
}

table.settings h3
{ 
  margin-bottom: 0px;
}

h3.section
{ 
  padding-bottom: 2px;
  border-bottom: 1px solid #30307A
;
  margin-top: 20px;
  margin-bottom: 0px;
}

h3.first-section
{ 
  margin-top: 0px;
}



/* @public help_text_color #15AB2A */
/* @public visited_help_text_color #65BF72 */
/* @public hover_help_text_color #20D239 */

body.help
{ 
  background-color: white;
  padding: 0px;
}

div.help-window
{ 
  margin: 0;
  background-color: #FFFFF5;
  padding: 10px;
  line-height: 150%;
  border: 1px solid #30307A
;
  width: 440px;
}

body.help div.breadcrumb
{ 
  margin: 0px;
  padding: 5px;
  padding-left: 40px;
  background: #E5E7DB url(../images/icons/help_med.png) no-repeat 10px 50%;
  border: 1px solid #30307A
;
  border-bottom: 0px solid #30307A
;
  height: 20px;
  line-height: 20px;
}

body.help div.breadcrumb span, body.help div.breadcrumb a, body.help div.breadcrumb a:visited
{ 
  font-size: 150%;
  color: #30307A
;
}

body.help table td#popup_container
{ 
  padding: 10px;
}

a.help-link
{ 
  text-decoration: none;
  border-bottom: 1px dotted #15AB2A;
  color: #15AB2A;
  cursor: help;
}

* html a.help-link
{ 
  text-decoration: underline;
  border-bottom-width: 0px;
}

a.help-link:visited
{ 
  color: #65BF72;
}

a.help-link:hover
{ 
  color: #20D239;
}

a.help-icon
{ 
  border-bottom-width: 0px;
}

a.block-help-link
{ 
  display: block;
  padding-left: 20px;
  line-height: 16px;
  padding-top: 2px;
  padding-bottom: 2px;
  background: url(../images/icons/help_small.png) no-repeat left center;
}

body.help h2
{ 
  margin-top: 10px;
  border-bottom: 1px solid #30307A
;
}

body.help h3
{ 
  font-size: 100%;
  padding-bottom: 0px;
  margin-bottom: 5px;
}

body.help p
{ 
}



div.buttons
{ 
  clear: both;
  padding: 5px 10px;
  background: #ECECF1;
}


div.dialog
{ 
  padding: 10px;
  margin: 0px;
  background: #ECECF1;
}

/* this is necessary to get IE to contain the floated buttons properly */
* html div.dialog
{ 
  position: relative;
  height: 1%;
}

div.dialog-workspace
{ 
  /* used so things can be absolutely positioned to the dialog box */
  position: relative;

  clear: both;
  border: 1px solid #30307A
;
  background: white;
}

div.dialog-workspace-top-margin
{ 
  margin-top: 10px;
}

div.dialog-workspace-bottom-margin
{ 
  margin-bottom: 10px;
}

div.dialog-workspace-padded
{ 
  padding: 10px;
}

/* this is needed to prevent IE hover problems */
* html div.dialog-workspace
{ 
  height: 1%;
}


div.dialog div.buttons
{ 
  position: relative;
  padding: 0px;
  padding-top: 10px;
  background: #ECECF1;
  float: right;
}


/* @private icon_width 16px */
/* @private icon_section_height 32px */
/* @private icon_offset_top -6px */
/* @private icon_offset_left 2px */

/* @private icon_normal_offset -6px */
/* @private icon_hovered_offset -38px */

/* @private set_icon_hover_bg_light #FFF */
/* @private set_icon_hover_bg_dark #C2B69A */
/* @private set_icon_bg #EBE3D7 */
/*
div.icon-button 
{ 
  float: left;
  position: relative;
  height: 22px;
  border: 1px solid red;
}
*/


a.icon-button
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;

  float: left;
  height: 22px;
  padding-left: 20px;
  padding-right: 4px;

  line-height: 22px;
  position: relative;

  cursor: default;
  border: 1px solid white;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: 2px -6px;
}

.toolbar a.icon-button
{ 
  border: 1px solid #F5F2EB
;
}

a.icon-only
{ 
  padding-left: 0px;
  /* this kludge compensates for IE's broken box model */
  width: 22px;
  w\idth: 16px;
}


a.add-icon
{ 
  background-image: url(../images/buttons/Add.png);
}

.toolbar a.add-icon
{ 
  background-image: url(../images/buttons/Menu_Add.png);
}

a.delete-icon
{ 
  background-image: url(../images/buttons/Delete.png);
}

a.undo-icon
{ 
  background-image: url(../images/buttons/Undo.png);
}

.toolbar a.star-icon
{ 
  background-image: url(../images/buttons/Menu_Star.png);
}

.toolbar a.alarm-icon
{ 
  background-image: url(../images/buttons/Menu_Alarm.png);
}


.toolbar a.highlighted-toggle-button
{ 
  background-position: 2px -38px;
  border-width: 1px;
  border-style: solid;
  border-top-color: #FFF;
  border-left-color: #FFF;
  border-bottom-color: #C2B69A;
  border-right-color: #C2B69A;
}

div a.highlighted-icon-button
{ 
  background-position: 2px -38px;
  border: 1px solid #C2B69A;
}

/* @private icon_set_offset -102px */

div a.pushed-icon-button, .toolbar a.pushed-toggle-button
{ 
  background-position: 3px -101px;
  background-color: #EBE3D7;
  border-top: 1px solid #C2B69A;
  border-left: 1px solid #C2B69A;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
}

a.set-toggle-button, .toolbar a.set-toggle-button
{ 
  background-position: 3px -101px;
  border-top: 1px solid #C2B69A;
  border-left: 1px solid #C2B69A;
  border-bottom: 1px solid #FFF;
  border-right: 1px solid #FFF;
  background-color: #EBE3D7;
}

a.pushed-set-toggle-button, .toolbar a.pushed-set-toggle-button
{ 
  background-position: 4px -100px;
}

/*

div.icon-button a.disabled 
{ 
  background-position: 2px -70px;
}
*/

p.welcome
{ 
  margin: 0px;
  background-color: white; 
  padding: 10px;
}

p.welcome span
{ 
  color: #D97805; 
  font-weight: bold; 
  font-size: 110%;
}


table.simple-list tr.hovered
{ 
  cursor: pointer;
}

* html table.simple-list tr.hovered
{ 
  cursor: hand;
}


/* @private checklistHeight 18px */

ul.checklist
{
  height: 120px;
  overflow: auto;	
  border: 1px solid #30307A
;
  padding: 0px;
  padding-right: 20px;
  margin: 0px;
  float: left;
  -moz-user-select:none;
}

.disabled ul.checklist
{ 
  border: 1px solid  #BABAE4
;
}

ul.checklist li
{
  display: block;
  clear: both;
  height: 18px;
  list-style: none outside;
  padding: 0px;
  margin: 0px;
}

ul.checklist label
{
  padding: 2px;
  margin: 0px;
  cursor: default;
}

ul.checklist li.checked label
{
  background-color: #5659C0;
  color: #FFF;
}


.disabled ul.checklist li.checked label
{
  background-color: #EEE;
}


ul.checklist li.selected label
{
  background-color: #CCC;
}

.disabled ul.checklist li.selected label
{
  background-color: #EEE;
}


ul.checklist label, ul.checklist input
{
  display: block;
  float: left;
}




fieldset.status p
{ 
  /* this is necessary */
   border: 0; margin: 0; padding: 0
;
  height: 20px;
}

html div fieldset
{ 
   border: 0; margin: 0; padding: 0
;
}


fieldset.status-mutex p
{ 
  display: none;
}

fieldset.status-mutex p.active
{ 
  display: block;
}

fieldset.disabled p,
fieldset.disabled-status-mutex p.active
{ 
  display: none;
}


.help-window h2 img
{ 
  margin-right: 5px;
  position: relative;
  bottom: -3px;
}

.help-window p
{ 
  line-height: 150%;
}

dl.option-description 
{ 
  padding-bottom: 10px;
  list-style-type: disc;
  list-style-position: inside;
}

dl.option-description dt
{ 
  font-weight: bold;
  font-style: italic;
  list-style-type: disc;
  list-style-position: inside;
}

dl.option-description dd
{ 
  font-weight: normal;
  margin: 0px;
  padding: 0px;
  margin-bottom: 10px;
}



/* @private message_icon_width 5px */

.help-window div.status p
{ 
  color: #1C7C2E;
}

.help-window div.status
{ 
  border: 1px solid #CCC;
  margin: 0px; 
  padding: 5px;
/*
  padding: 5px 10px 5px 20px;
*/
/*
  background: url(../images/icons/Feedback.png) no-repeat 10px 50%;
*/
  background-color:  #FFF;
}

span.literal
{ 
  font-style: italic;
  font-weight: bold;
  white-space: nowrap;
}

.help-window p.summary
{ 
  padding-top: 0px;
  margin-top: 0px;
  margin-bottom: 5px;
}


.help-window span.message
{ 
  font-weight: bold;
}


table.button-help th
{ 
  padding-right: 10px;
}

table.button-help th, table.button-help td
{ 
  padding-bottom: 10px;
}

p.maint-filter-preface
{ 
  margin-top: 0; 
  margin-bottom: 0; 
  font-style: italic;
}

ul.maint-filter 
{ 
  padding-bottom: 10px;
}

ul.maint-filter li
{ 
  margin: 0px;
  margin-left: 10px;
}

/* @private contrast_color #CB6419 */

.news h2
{ 
  color: #CB6419;
  font-size: 150%;
  border-bottom: 1px solid  #BABAE4
;
  margin-bottom: 0px;
  margin-top: 20px;
}

.news h4
{ 
  float: left;
  margin: 0px;
  font-size: 100%;
  line-height: 150%;
  padding-right: 10px;
}

.news p
{ 
  line-height: 150%;
}

.news p.posted-date
{ 
   border: 0; margin: 0; padding: 0
;
  margin-bottom: 10px;

  float: right;
  color: #30307A
;
}

.news img.float-right
{ 
  display: block;
  float: right;
  margin-left: 10px;
  margin-bottom: 10px;
}



/* @private text_window_width 600px */
.text-window
{ 
  width: 600px;
}

/******************  data-table  *************************/

/* @protected datatable_header_bg_color #F5F2EB */
/* @protected datatable_left_padding 10px */



/* all the elements that have to have the size specified */
/* @private font_sized_elements  table.data-table td, table.data-table th, table.data-table input, table.data-table select */

/* @private table_font_size 10px */
/* @private ie5_table_font_size 10px */

/* @private main_light_color #BDBDD1 */

/* Set for MacIE5 */
 table.data-table td, table.data-table th, table.data-table input, table.data-table select
{ 
  font-size: 10px;
}

/* Hide from Mac IE, set for Win IE5, then reset for good browsers */
 table.data-table td, table.data-table th, table.data-table input, table.data-table select
{
   font-size: 10px;
   voice-family: "\"}\"",inherit;
   font-size: 10px;
}

/* give IE5 a chance to recover from the parsing bug above */
.test { }

p.datatable-preview
{ 
  margin: 0px;
  padding: 20px;
  font-size: 150%;
  font-style: italic;
  text-align: center;
}


table.data-table
{ 
   border: 0; margin: 0; padding: 0
;
  text-align: left;
  width: 100%;
  z-index: 0;
}

/* this padding is for the edge of the table */
table.data-table td.left, table.data-table th.left
{ 
}
table.data-table td.right, table.data-table th.right
{ 
}

table.data-table td .dt-numeric
{ 
  /*
  text-align: right;*/
}


/* this is inter-cell padding (top right  bottom left) */
/* @private table_tb_padding 1px */
/* @private table_left_padding 0.5em */
/* @private table_right_padding 1em */

table.data-table th
{ 
   border: 0; margin: 0; padding: 0
;
  border-bottom: 1px solid #BDBDD1
;
  padding: 1px;
  padding-left: 0.5em ;
  padding-right: 5px;
  background-color: #F5F2EB;
  font-weight: bold;
}

/* @private cell_height 19px */

table.data-table td
{ 
   border: 0; margin: 0; padding: 0
;

  padding: 1px;
  padding-left: 0.5em ;
  padding-right: 1em;

  line-height: 100%;
  cursor: default;
  white-space: nowrap;


  /* temporary */
  height: 19px;
}

table.data-table td img
{ 
  // force these so the browser knows the size before it loads the image
  width: 14px;
  height: 14px;

  margin-left: 2px;
}

table.data-table-nowrap td, table.data-table-nowrap th
{ 
  white-space: nowrap;
}

/* a kludge for IE5, which can only make links non-selectable */
table.data-table td a, table.data-table td a:hover, table.data-table td a:visited
{ 
  color: #30307A
;
  font-weight: normal;
  text-decoration: none;
  display: block;
  position: relative;
  cursor: default;
  height: 100%;
  /* IE has a broken box model that includes the padding in the height,
     so we have to subtract it here */
  line-height: 17px;
}

table.data-table td
{  
  /* prevents users from selecting the row data */
  -moz-user-select: none;
}

table.data-table.editing td
{  
  /* allows selections */
  -moz-user-select: text;
}


.busy-wait table.data-table *, .busy-wait table.data-table a, .busy-wait .menu a
{ 
  cursor: wait ! important;
}


/* @private active_filter_bg #EEEDA6 */
table.data-table select.dt-active, input.dt-active
{ 
  background-color: #EEEDA6;
}

table.data-table input.dt-active
{ 
  border: 1px solid #A5ACB2;
  padding: 2px;
}

table.data-table td input
{ 
  margin: 2px 0px;
  padding: 2px 4px;
}

/* @private icon_width 16px */
/* @private icon_section_height 32px */
/* @private icon_offset_top -8px */
/* @private icon_offset_left 1px */

/* @private icon_normal_offset -8px */
/* @private icon_hovered_offset -40px */
/* @private icon_set_offset -104px */

th.dt-filter  a.icon-button
{ 
  /* this kludge compensates for IE's broken box model */
  width: 20px;
  w\idth: 14px;
  height: 19px;
  he\ight: 17px;
  background-position: 1px -8px;
}

th.dt-filter  a.highlighted-icon-button
{ 
  background-position: 1px -40px
}

th.dt-filter a.set-toggle-button
{ 
  background-position: 1px -104px;
}

th.dt-filter a.pushed-icon-button
{ 
  background-position: 2px -103px;
}

th.dt-filter a.pushed-set-toggle-button
{ 
  background-position: 2px -103px;
}

th.dt-filter  a.pushed-icon-button, th.dt-filter a.set-toggle-button
{ 
  background-color: #EEEDA6;
}

th.dt-filter a.monitor-icon
{ 
  background-image: url(../images/buttons/Filter_Star.png);
}

th.dt-filter a.exception-icon
{ 
  background-image: url(../images/buttons/Filter_Alarm.png);
}

th.dt-filter a.auditdetail-icon
{ 
  background-image: url(../images/buttons/Filter_AuditDetail.png);
}


span.search-label
{ 
  margin-right: 1em;
  font-weight: bold;
}


table.data-table select
{ 
  font-weight: normal;

}

table.data-table tr td.dt-empty
{ 
  cursor: auto;
}

table.data-table tr div.image-filler
{ 
  width: 16px;
  height: 16px;
}




/***** sorting links *****/
/* the link must be enclosed in a div with a given height,
or IE 6 ignores the padding below whenever any class changes
on the document. This is a kludge but it works. */
* html th.dt-title div
{ 
  height: 1px;
}

table.data-table th.dt-title a, table.data-table th.dt-title a:visited
{ 
  display: block;
  float: left;
  text-decoration: none;
}

table.data-table th.dt-sortable a, table.data-table th.dt-sortable a:visited
{ 
  padding-right: 10px;
}


table.data-table th.dt-title span.title-icon
{ 
  display: block;
  height: 16px;
  width: 18px;
  background-repeat: no-repeat;
  background-position: 2px -8px;
}

table.data-table th.dt-sortable a:hover span.title-icon
{ 
  background-repeat: no-repeat;
  background-position: 2px -72px;
}

th.dt-sortable a:hover span
{ 
  cursor: pointer;
}

* html th.dt-sortable a:hover span
{ 
  cursor: hand;
}

table.data-table th.dt-title span.title-text
{ 
  display: block;
  padding-bottom: 2px;
}

table.data-table th.dt-title a, table.data-table th.dt-title a:visited,
table.data-table th.dt-title a:hover
{ 
  color: #30307A
;
  cursor: default;
}

table.data-table th.dt-sortable a:hover
{ 
  color: #FF7F01
;
}

table.data-table th.dt-ascending a
{ 
  background-image: url(../images/sort_asc.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

table.data-table th.dt-ascending a:hover
{ 
  background-image: url(../images/sort_asc_hover.gif);
}

table.data-table th.dt-descending a
{ 

  background-image: url(../images/sort_desc.gif);
  background-repeat: no-repeat;
  background-position: center right;
}

table.data-table th.dt-descending a:hover
{ 
  background-image: url(../images/sort_desc_hover.gif);
}


.dt-filter a.icon-button
{
  /* the default of position: relative confuses IE6 for some reason */
  position: static;
}


/* @private scroll_button_width 16px */
/* @private scroll_button_height 17px */
/* @private scroll_button_border_width 0px */

/* @private elevator_initial_height 20px */


div.dt-scrollbar
{ 
  position: absolute;
  top: 0px;
  right: 0px;
  height: 110px;
  width: 16px;
  border-left: 0px solid #BDBDD1
;
}


div.dt-elevator-container
{ 
  position: absolute;
  top: 17px;
  left: 0px;
  width: 16px;
  height: 100%;
  background-color:  #F3F4F8;
  background-image: url("../images/elements/scrollbar_bg.png");
  background-repeat: repeat-y;
  background-position: top left;
}


div.dt-page-top
{ 
  position: absolute;

  right: 0px;
  top: 0px;
}

div.dt-page-bottom
{ 
  position: absolute;

  right: 0px;
  bottom: 0px;
}

/* @private endpoint_height 2px */

div.dt-elevator
{ 
  position: absolute;
  top: 17px;
  left: 0px;
  top: 0px;
  height: 20px;
  margin-bottom: 2px;
  width: 16px;
  background-image: url("../images/elements/elevator_top.png");
  background-repeat: no-repeat;
  background-position: 0px 0px;

}

div div.dt-elevator-drag
{ 
  background-position: -16px 0px;
}

div.dt-elevator-mid
{ 
  background-image: url("../images/elements/elevator_grip.png");
  background-repeat: no-repeat;
  background-position: 0% 50%;
  margin-bottom: 2px;
  height: 20px;
}

div.dt-elevator-drag div.dt-elevator-mid
{ 
  background-image: url("../images/elements/elevator_grip.png");
  background-repeat: no-repeat;
  background-position:  -16px 50%;
  height: 20px;
}

div.dt-elevator-bottom
{ 
  margin-top: 2px;
  background-image: url("../images/elements/elevator_bottom.png");
  background-repeat: no-repeat;
  background-position: 0px 100%;
  height: 20px;
}


div.dt-elevator-drag div.dt-elevator-bottom
{ 
  background-position: -16px 100%;
}


div.dt-scrollbar-wrapper
{ 
   border: 0; margin: 0; padding: 0
;
  position: relative;
  /* this is for absolutely positioned buttons */
  padding-right: 17px;
}

div.dt-status-bar
{ 
  border-top: 1px solid #BDBDD1
;

  width: 100%;
  padding: 2px 0px;
  position: relative;
}

div.dt-status-bar input
{ 
  margin-right: 10px;
}

table.dt-status-bar
{ 
   border: 0; margin: 0; padding: 0
;
  float: left;
  position: relative;
}

table.dt-status-bar td
{ 
  padding: 2px 5px 1px 5px;
  white-space: nowrap;
}

table.dt-status-bar td.dynamic
{ 
  border-right: 1px solid #BDBDD1
;
  padding-right: 10px;
}

table.dt-status-bar td.nopadding
{ 
  padding-top: 0px;
  padding-bottom: 0px;
}


table.dt-status-bar td.no-separator-left
{ 
  padding-left: 0px;
  border-left-width: 0px;
}

table.dt-status-bar td.no-separator-right
{ 
  padding-right: 0px;
  border-right-width: 0px;
}

.dt-scrollbar a
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;
  height: 17px;
  width: 16px;
  text-decoration: none;
  background-repeat: no-repeat;
  background-position: center left;
  background-image: url("../images/scroll_buttons.png");
  cursor: default;
}

.dt-scrollbar a.scroll-prev-page
{ 
  background-position: -32px 0px;
}

.dt-scrollbar a.scroll-prev-row
{ 
  background-position: 0px 0px;
}

.dt-scrollbar a.scroll-next-row
{ 
  background-position: -16px 0px;
  margin-bottom: 1px;
}

.dt-scrollbar a.scroll-next-page
{ 
  background-position: -48px 0px;
}


/* @private active_offset -17px */

.dt-scrollbar a.scroll-prev-page-active
{ 
  background-position: -32px -17px;
}

.dt-scrollbar a.scroll-prev-row-active
{ 
  background-position: 0px -17px;
}

.dt-scrollbar a.scroll-next-row-active
{ 
  background-position: -16px -17px;
  margin-bottom: 1px;
}

.dt-scrollbar a.scroll-next-page-active
{ 
  background-position: -48px -17px;
}


/* @private disabled_offset -34px */

.dt-scrollbar a.scroll-prev-page-disabled, .dt-scrollbar a.scroll-prev-page-disabled:hover
{ 
  background-position: -32px -34px;
}

.dt-scrollbar a.scroll-prev-row-disabled, .dt-scrollbar a.scroll-prev-row-disabled:hover
{ 
  background-position: 0px -34px;
}

.dt-scrollbar a.scroll-next-row-disabled, .dt-scrollbar a.scroll-next-row-disabled:hover
{ 
  background-position: -16px -34px;
  margin-bottom: 1px;
}

.dt-scrollbar a.scroll-next-page-disabled, .dt-scrollbar a.scroll-next-page-disabled:hover
{ 
  background-position: -48px -34px;
}

ul.dt-select-columns
{ 
  min-width: 200px;
}

* html ul.dt-select-columns
{ 
  width: 200px;
}


table.data-table em
{ 
  font-weight: bold;
  font-style: normal;
}


/* @private data_table_heading_bg_color white */

div.data-table
{ 
  background-color: white;

  /* overflow: auto is what makes the table scroll: the div doesn't grow to hold its contents. 
     Instead, it uses a scrollbar. */
  overflow: auto;

  /* this is currently an IE-only solution to hide the y scrollbar, which we don't use
     because the table should grow long enough to accomodate all rows, and if that's too much for your
     screen then the *window* scrollbar appears.  This is here because IE unnecessarily 
     adds a vertical scrollbar if it adds a horizontal scrollbar.
     overflow-y is in the proposed CSS3 standard to act like IE does now, so we don't
     try to hide this from other browsers.  */
  overflow-y: hidden;


  width: 100%;
  padding-bottom: 2px;
  padding-bottom: 20px;
}

* html div.data-table
{ 
  /* adds extra space so that when IE's horizontal scrollbar appears it doesn't
     overlap the last row. */
}

div.data-table-container
{ 
   border: 0; margin: 0; padding: 0
;
  background-color: #F5F2EB;
}

/* @public blue_row0_bg_color #F0F0F6 */
/* @public blue_row_selected #C6C7F2 */
/* @public blue_row_current #5659C0 */

/* @public green_row0_bg_color #EFFBF1 */
/* @public green_row_selected #8FEBA0 */
/* @public green_row_current #4C8E58 */

/* @public orange_row0_bg_color #FCF8EE */
/* @public orange_row_selected #F8D88C */
/* @public orange_row_current #B78D27 */

/* @private violet_row0_bg_color #F7EEFC */
/* @private violet_row_selected #E2BDF5 */
/* @private violet_row_current #8A4FA9 */

/* @private magenta_row0_bg_color #FCEEF7 */
/* @private magenta_row_selected #F3ABD9 */
/* @private magenta_row_current #B3458B */

/* @private cyan_row0_bg_color #F0FAFA */
/* @private cyan_row_selected #A9E5E4 */
/* @private cyan_row_current #429291 */

/* @private yellow_row0_bg_color #FCFBE4 */
/* @private yellow_row_selected #EDEC85 */
/* @private yellow_row_current #A3A109 */

/* @private gray_row0_bg_color #F0F0F0 */
/* @private gray_row_selected #C4C4C4 */
/* @private gray_row_current #F8D88C */

/* @private red_row0_bg_color #FEEFEE */
/* @private red_row_selected #F48C8C */
/* @private red_row_current #A04444 */

/* @private default_row0_bg_color #F0F0F6 */
/* @private default_row1_bg_color #FFFFFF */

tr.row-0
{ 
  background-color: #F0F0F6;
}

tr.row-1
{ 
  background-color: #FFFFFF;
}

table.blue-list tr.row-0
{  
  background-color: #F0F0F6;
}
table.green-list tr.row-0
{  
  background-color: #EFFBF1;
}
table.orange-list tr.row-0
{  
  background-color: #FCF8EE;
}
table.violet-list tr.row-0
{  
  background-color: #F7EEFC;
}
table.magenta-list tr.row-0
{  
  background-color: #FCEEF7;
}
table.cyan-list tr.row-0
{  
  background-color: #F0FAFA;
}
table.yellow-list tr.row-0
{  
  background-color: #FCFBE4;
}
table.gray-list tr.row-0
{  
  background-color: #F0F0F0;
}
table.red-list tr.row-0
{  
  background-color: #FEEFEE;
}

table.data-table tr.dt-row-deleted td, table.data-table tr.dt-row-deleted input, table.data-table tr.dt-row-deleted a, 
table.data-table tr.dt-row-deleted a:visited, table.data-table tr.dt-row-deleted a:hover
{ 
  text-decoration: line-through;
}




table.selectable tr.dt-row-selected
{ 
  background-color: #C6C7F2;
}

table.selectable tr.dt-row-current td, table.selectable tr.dt-row-current td  a,  tr.dt-row-current td  a:visited
{ 
  color: #FFF;
}


html div table.selectable tr.dt-row-reference td
{ 
  /* for some stupid reason, IE6 doesn't see this smaller
     padding, so the reference row is bigger than
     the other rows. 
 disabled indefinitely due to IE bugs and confusions on what the indicator means
  padding-top: 0px;
  padding-bottom: 0px;

  border-top: 1px dashed black;
  border-bottom: 1px dashed black;
*/
}



/* 
For IE, we have to use a separate class for each selectable color, since IE does not properly match
multiple classes.
*/

table.blue-list-selectable tr.dt-row-selected
{ 
  background-color: #C6C7F2;
}
table.green-list-selectable tr.dt-row-selected
{ 
  background-color: #8FEBA0;
}
table.orange-list-selectable tr.dt-row-selected
{ 
  background-color: #F8D88C;
}
table.violet-list-selectable tr.dt-row-selected
{ 
  background-color: #E2BDF5;
}
table.magenta-list-selectable tr.dt-row-selected
{ 
  background-color: #F3ABD9;
}
table.cyan-list-selectable tr.dt-row-selected
{ 
  background-color: #A9E5E4;
}
table.yellow-list-selectable tr.dt-row-selected
{ 
  background-color: #EDEC85;
}
table.gray-list-selectable tr.dt-row-selected
{ 
  background-color: #C4C4C4;
}
table.red-list-selectable tr.dt-row-selected
{ 
  background-color: #F48C8C;
}


table.blue-list-selectable tr.dt-row-current
{ 
  background-color: #5659C0;
}
table.green-list-selectable tr.dt-row-current
{ 
  background-color: #4C8E58;
}
table.orange-list-selectable tr.dt-row-current
{ 
  background-color: #B78D27;
}
table.violet-list-selectable tr.dt-row-current
{ 
  background-color: #8A4FA9;
}
table.magenta-list-selectable tr.dt-row-current
{ 
  background-color: #B3458B;
}
table.cyan-list-selectable tr.dt-row-current
{ 
  background-color: #429291;
}
table.yellow-list-selectable tr.dt-row-current
{ 
  background-color: #A3A109;
}
table.gray-list-selectable tr.dt-row-current
{ 
  background-color: #F8D88C;
}
table.red-list-selectable tr.dt-row-current
{ 
  background-color: #A04444;
}



/********************************** listitem **************************************/


/* @protected list_bg_color #F5F2EB */


/* @private button_hover_color #30307A */

/* @private button_bg #F5F2EB */
/* @private button_fg #30307A */
/* @private button_bg_hover_color #E5DED3 */
/* @private button_border_hover_color #DED2B6 */

/* @public menu_bg_color #F5F2EB */
/* @public menu_bg_hover_color #D4E9CB */
/* @public heading_font Verdana, Arial, Helvetica, sans-serif */
/* this is intended to be used by other stylesheets */
/* @public content_inner_width 500px */
/* @public content_width 500px */







/********************* show/view styles *************************/
table.show-item 
{ 
   border: 0; margin: 0; padding: 0
;
}

div.show-item 
{ 
  padding: 0 10px 10px 10px;
}

table.show-item td
{ 
   border: 0; margin: 0; padding: 0
;
  padding: 5px 0;
}

table.show-item td.left
{ 
  text-align: right;
  font-weight: bold;
}


/* @private list_fg_color #272799 */

table.show-item td.right
{ 
  padding-left: 1em;
}


table.show-item textarea, table.show-item input, table.show-item select
{ 
  color: #272799;
}

table.show-item em
{ 
  font-weight: bold;
  font-style: normal;
}

table.show-item div.body
{ 
   border: 0; margin: 0; padding: 0
;
  border: 1px solid #30307A
;
  padding: 10px;
}


table.show-item input.content-type
{ 
   border: 0; margin: 0; padding: 0
;
}


table.show-item input.checkbox
{ 
  border: inherit;
}

table.show-item span.content-type
{ 
   border: 0; margin: 0; padding: 0
;
  padding-right: 20px;
}

/* @private button_height 20px */
/* @private button_border 1px */
/* @private button_internal_height 18px */


/* @private button_items 5.0 */
/* @private button_lr_pad 5px */
/* @private button_tb_pad 3px */
/* @private button_width =100px; */

input.fixed-width-button
{ 
  margin-top: 10px;
  margin-left: 20px;
  width: 50px;
}


a.button, a.button:visited
{
   border: 0; margin: 0; padding: 0
;

  padding: 3px 5px;

  margin: 0px 1px;
  
/*
  border:  1px solid #30307A
;
  border-bottom: 0;
  border-top: 0;
*/

  background-color: #F5F2EB;

  border: 1px solid #F5F2EB;

  text-align: center;
  text-decoration: none;
  color: #30307A
;

  font-weight: normal;
  display: block;
  float: left;

  position: relative;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.button:hover
{
  color: #30307A
;
  background-color: #E5DED3;
  border: 1px solid #DED2B6;
  font-weight: normal;
}

div.button-row
{ 
   border: 0; margin: 0; padding: 0
;
  height: 20px;
  line-height: 12px;
  background-color: #F5F2EB;
  /* for IE6 */
  position: relative;
  width: 100%;
  padding: 3px 0px;
}

div.button-row.top
{ 
  border-top: 1px solid #30307A
;
  border-bottom: 1px solid #30307A
;
}

div.button-row.bottom
{ 
  border-top: 1px solid #30307A
;
}





















/*------Basic style------*/
/* @private menu_height 23px */

div.menu-row 
{
  display: block;
  height: 23px;

  position: relative;
  z-index: 1;
  width: 100%;
}


ul.topmenu
{
  position: relative;
}

ul.menu
{
   border: 0; margin: 0; padding: 0
;
  position: relative;
  z-index: 2;
  list-style-type: none;
  list-style-position: outside;
}

ul.menu li 
{
   border: 0; margin: 0; padding: 0
;
  float: left;
  position: relative;
  list-style-type: none;
  list-style-position: outside;
  text-align: left;
  z-index: 2;
}

ul.menu a
{
   border: 0; margin: 0; padding: 0
;
  float: none;
  display: block;
  position: relative;
}

/*------ width --------*/
/* @private menu_width 130px */
/* @private wide_menu_width  260px */

ul.submenu, ul.submenu li
{
  width: 130px;
}

ul.submenu-wide, ul.submenu-wide li.submenu-wide
{
  width:  260px;
}



/*------ positioning --------*/
/* @private first_submenu_top 23px */

/* submenus are below the menu row */
ul.topmenu ul, iframe.submenu
{
  position: absolute;
  top: 23px;
  left: 2px;
}

iframe.submenu
{ 
}

/* sub-submenus are to the right */
ul.submenu ul 
{
  top: -3px;
  left: 127px;
}

div ul.submenu-wide ul
{
  top: -3px;
  left: 257px;
}


/*------ visibility --------*/
ul.submenu
{ 
  visibility: hidden;
}

ul.submenu-shown
{
  visibility: visible;
}


iframe.submenu
{ 
  display: none;
}

iframe.submenu-shown
{
  display: block;
  visibility: visible;
}




/*------   Make-up--------*/

/* @private topmenu_bg_color #F5F2EB */
/* @private submenu_bg_color #fff */
/* @public menu_border_color #CCC; */


/*  #F8F7F4*/

div.menu-row
{
   border: 0; margin: 0; padding: 0
;
  background-color: #F5F2EB;
  padding: 2px 0px;
  border-bottom: 1px solid #CCC;;
}

iframe.submenu
{ 
   border: 0; margin: 0; padding: 0
;
}

ul.menu a, ul.menu a:visited, ul.menu a:hover, ul.menu span
{
  margin: 0px 2px;

  cursor: default;
  font-weight: normal;
  color: #30307A
;
  font-size: 11px
;
  text-decoration: none;
}

/* @private menu_item_padding 5px */
/* @private submenu_right_padding 13px */

/*------  padding --------*/
ul.menu a, ul.menu span
{
  padding: 5px;
}

ul.menu span
{
  padding-left: 0px;
  padding-right: 0px;
}

ul.menu a
{
  border: 1px solid #F5F2EB;
}

ul.submenu-condensed a
{
  padding: 2px 5px;
}


/* submenus have a down icon */
ul.menu a.submenu, ul.menu a.submenu:visited, ul.menu a.submenu:hover
{
  padding-right: 13px;
  background-image: url(../images/elements/submenu_down.png);
  background-repeat: no-repeat;
  background-position: right center;
}

/* submenus below the top do not have a down icon */
ul.submenu a, ul.submenu a:visited, ul.submenu a:hover,
{ 
  background: transparent;
}


ul.topmenu a.submenu, ul.topmenu a.submenu:visited, ul.topmenu a.submenu:hover
{ 
  border: 1px solid #F5F2EB;
}

ul.submenu li a, ul.submenu li a:visited, ul.submenu li a:hover
{ 
  border: 1px solid #fff;
}


/* @private topmenu_hover_bg_color #F8F7F6 */

ul.topmenu a.highlight,  ul.topmenu a.highlight:visited, ul.topmenu a.highlight:hover
{ 
  color: #FF7F01
;
  background-color: #F8F7F6;
  border: 1px solid #CCC;;
}

ul.menu a.highlight,  ul.menu a.highlight:visited, ul.menu a.highlight:hover,
ul.submenu a.highlight, ul.submenu a.highlight:visited, ul.submenu a.highlight:hover
{ 
  color: #30307A
;
  background-color:  #F7F7FA;
  border-color: #B2B4BF;
}



ul.menu a.emphasized, ul.menu a.emphasized:visited, ul.menu a.emphasized:hover
{ 
  font-weight: bold;
}


ul.topmenu a.disabled, ul.topmenu a.disabled:visited, ul.topmenu a.disabled:hover
{
  color: #BDBDD1
;
  background-color:  #F5F2EB;
  border-color: #F5F2EB;
}

ul.submenu a.disabled, ul.submenu a.disabled:visited, ul.submenu a.disabled:hover
{
  color: #BDBDD1
;
  background-color: #fff;
  border-color: #fff;
}


/*------  submenu style --------*/
ul.submenu
{
  background-color: #fff;
  padding-bottom: 2px;
  padding-top: 2px;
  border: 1px solid #CCC;;
}


ul.submenu a.submenu
{
  padding-right: 10px;
  background-image: url(../images/elements/subsubmenu_right.png);
  background-repeat: no-repeat;
  background-position: right center;
}



/* @private icon_width 16px */
/* @private icon_section_height 32px */
/* @private icon_offset_top -4px */
/* @private icon_offset_left 4px */

ul.menu a.icon, ul.menu a.icon:visited, ul.menu a.icon:hover
{ 
  padding-left: 22px;
  background-repeat: no-repeat;
  background-position: 4px -4px;
}

ul.menu a.no-text, ul.menu a.no-text:visited, ul.menu a.no-text:hover
{ 
  padding-left: 14px;
  margin-left: 0px;
  margin-right: 0px;
}



ul.menu a.highlight-icon, ul.menu a.highlight-icon:visited, ul.menu a.highlight-icon:hover
{ 
  background-position: 4px -36px;
}

ul.menu a.disabled, ul.menu a.disabled:visited, ul.menu a.disabled:hover
{ 
  background-position: 4px -68px;
}


div span.menu-separator
{ 
  display: block;
  float: left;
  position: relative;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 5px;
  margin-top: 2px;
  border-right: 1px solid #BDBDD1
;
  padding-left: 2px;
  padding-right: 0px;
  margin-right: 4px;
}

div span.menu-space
{ 
  display: block;
  float: left;
  position: relative;
  padding: 5px;
  padding-top: 2px;
  padding-bottom: 5px;
  margin-top: 2px;

  padding-left: 0px;
  padding-right: 0px;
  margin-right: 0px;
}


ul.submenu  span.menu-separator
{ 
   border: 0; margin: 0; padding: 0
;
  display: block;
  float: none;

  padding-top: 2px;
  margin-bottom: 2px;

  margin-left: 5px;
  margin-right: 5px;
  line-height: 1px;
  font-size: 1px;
  border-bottom: 1px solid #BDBDD1
;
}


table.overview
{ 
   border: 0; margin: 0; padding: 0
;
}

table.overview td
{ 
   border: 0; margin: 0; padding: 0
;
  padding: 1ex 1em 1ex 0;
}