/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}


* {
  font-family:Verdana, Arial, sans-serif;
  font-size:12px;
}

body {
  background-color:#a6a6a6;
  /*background-image:url(/images/diagonal_stripes.gif);*/
  /*	background-repeat:repeat-x; */
}

body.mceContentBody {
  background:#ffffff;
}

p {
  margin:0px;
  line-height:16px;
}

strong, b {
  font-weight:bold;
}

ul, ol {
  list-style-position:outside;
  list-style-type:disc;
  margin:25px;
  margin-top:2px;
  margin-bottom:2px;
  line-height:18px;
}

li {
  list-style-position:outside;
}

a {
  text-decoration:none;
}

a:hover {
  text-decoration:underline;
}

#spinner {
  position:absolute;
  top:90px;
  right:10px;
  z-index:1000;
  width:80px;
  height:80px;
  background-image:url(/images/spinner_bg.gif);
}

#notice_dialog {
  background-color:#00ff00;
  border-bottom:solid 1px #000000;
  padding:5px;
}

#notice_dialog .title {
  color:#004900;
}

#notice_dialog ul {
  color:#004900;
  list-style-type:disc;
}

#error_dialog {
  background-color:#ff0000;
  border-bottom:solid 1px #000000;
  padding:5px;
}

#error_dialog .title {
  color:#ffffff;
}

#error_dialog ul {
  color:#ffffff;
  list-style-type:disc;
}

textarea {
  font-size:12px;
  height:50px;
}

.toolbar {
  border:none;
  border-bottom:solid 1px #393536;
  margin:0px;
  width:100%;
  height:50px;
  background-color:#ffffff;
}

.toolbar_table {
  background-color:white;
  border:solid 1px #555555;
  border-width:0px 0px 1px 0px;
  padding:0px;
  font-size:10px;
  display:block;
}

.toggle_div_visibility_link {
  color:#0000ff;
  text-decoration:underline;
  padding:3px;
  font-size:14px;
  cursor:hand;
  cursor:pointer;
}

.upload_table {
  border:none 0px;
  width:100%;
}

.upload_table td {
  border:none 0px;
  vertical-align:top;
  text-align:right;
}

.image_preview_layout_table {
  border:none;
  display:inline;
}

.image_preview_layout_table td {
  border:none;
  font-size:10px;
  padding:0px;
}

.form_table {
  width:100%;
}

.form_buttons {
  text-align:right;
}

h1 {
  font-size:24px;
  color:#575757;
  margin:0px;
  margin-top:0px;
  margin-bottom:10px;
}

h2 {
  font-size:20px;
  color:#575757;
  margin:0px;
  margin-top:0px;
  margin-bottom:10px;
}

h3 {
  font-size:18px;
  color:#575757;
  margin:0px;
  margin-top:0px;
  margin-bottom:10px;
}

.list_title {
  font-size:18px;
  color:#ffffff;
  margin:5px;
  display:block;
  padding-right:100px;
}

.icon_button {
  cursor:hand;
  cursor:pointer;
  padding:2px;
  margin:2px 3px 2px 3px;
  border:solid 1px #ffffff;
  text-align:center;
  position:relative;
  font-size:12px;
  float:left;
}

.icon_button_mouse_over {
  cursor:hand;
  cursor:pointer;
  padding:2px;
  margin:2px 3px 2px 3px;
  border:solid 1px #0055ff;
  background-color:#00ccff;
  text-align:center;
  position:relative;
  font-size:12px;
  float:left;
}

.icon_button img, .icon_button_mouse_over img {
  padding-bottom:3px;
}

.new {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -3px;
  background-repeat:no-repeat;
}

.myedit, .edit {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -37px;
  background-repeat:no-repeat;
}

.remove {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -77px;
  background-repeat:no-repeat;
}

.copy {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -117px;
  background-repeat:no-repeat;
}

.cut {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -157px;
  background-repeat:no-repeat;
}

.paste {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -197px;
  background-repeat:no-repeat;
}

.move {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -237px;
  background-repeat:no-repeat;
}

.sort_asc {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -437px;
  background-repeat:no-repeat;
}

.sort_desc {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -477px;
  background-repeat:no-repeat;
}

.hide_column {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -517px;
  background-repeat:no-repeat;
}

.move_right {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -557px;
  background-repeat:no-repeat;
}

.move_left {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -597px;
  background-repeat:no-repeat;
}

.open {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -637px;
  background-repeat:no-repeat;
}

.groups {
  background-image:url(/images/sprite.png) !important;
  background-position:-3px -677px;
  background-repeat:no-repeat;
}

/* Fix for IE problem in context menus */
*html .new, .myedit, .edit, .remove, .copy, .cut, .paste, .move, .sort_asc, .sort_desc, .hide_column, .move_right, .move_left, .open, .groups {
  background-image:none;
}

.ok_green {
  background-color:#c6efce;
}

.nok_red {
  background-color:#ffc7ce;
}

.tooltip {
  background-color:#fdfcb0;
  z-index:100;
}

input, select, textarea {
  border:solid 1px #00a8c9;
  border:solid 1px #226673;
  background-image:url(/images/shadow_bg.gif);
  padding:3px;

}

#edit_columns_div {
  border:solid 1px #646464;
  padding:2px 5px 3px 5px;
  background-color:#e2e2e2;
  z-index:200;
  position:absolute;
  top:200px;
  left:400px;
  display:none;
}

#column_editor_div {
  height:100%;
  width:100%;
  background-color:#ffffff;
}

.login_dialog {
  width:340px;
}

.login_dialog table {
  background-color:#ffffff;
  /* border:solid 1px #000000; */
  padding:2px;

}

.login_dialog .title {
  background-color:#00a8c9;
  color:#ffffff;
}

.login_dialog th {
  text-align:left;
  color:#555555;
  font-weight:bold;
  font-size:14px;
  padding:5px;
}

.login_dialog td {
  padding:1px;
}

.login_dialog input {
  margin:2px;
  font-size:13px;
}

.mouse_over_menu {
  width:150px;
  position:absolute;
  z-index:1000;
}

.mouse_over_menu_table {
  font-family:Verdana, Arial, sans-serif;
  background-color:white;
  background-image:url(/images/dialog_bg.gif);
  border:solid 1px #555555;
  width:100%;
  z-index:1000;
}

.mouse_over_menu_table table {
  border-collapse:collapse;
  padding:0px;
}

.mouse_over_menu_table tr {
  font-size:14px;
  color:#000000;
  font-weight:bold;
  cursor:pointer;
}

.mouse_over_menu_table tr.highlighted {
  background-color:#316ac5;
  color:white;
}

.public {
  background-color: #c6efce;
}

.private {
  background-color: #ffc7ce;
}

.internal {
  background-color: #95b3d7;
}

.authenticated {
  background-color: #ffeb9c;
}

.odd {
  background-color:#ffffff;
}

.even {
  background-color:#d5d5d5;
}

.toolbar a {
  color:black;
}

/* workflow state styles */

.order_unfinished {
  background-color:#c6efce;
}

.order_received {
  background-color:yellow;
}

.order_accepted {
  background-color:#ffc7ce;
}

.order_ready {
  color:#c9c9c9;
}

.data_grid {
  background-color:#ffffff;
  border:solid 0px #555555;
}

.data_grid p {
  display:inline;
}

.data_grid table {
  border:solid 0px #828282;
  border-collapse:collapse;
  padding:0px;
}

.data_grid tr {
  color:#000000;
}

.data_grid tr td a {
  color:#000000;
}

.data_grid th {
  background-color:#4d4d4d;
  font-size:12px;
  border-bottom:solid 1px #000000;
  color:#fff;
  text-align:left;
  font-weight:bold;
  padding:3px;
}

.data_grid td {
  vertical-align:top;
  font-size:13px;
  color:#333;
  border-spacing:0px;
  padding:0px;
  font-size:13px;
  border-right:dotted 1px #c9c9c9;
  border-bottom:dotted 1px #333333;
}

.data_grid td a {
  color:inherit;
}

.data_grid td a nobr {
  color:inherit;
}

.data_grid td ul {
  list-style-position:outside;
  margin:15px;
  margin-top:2px;
  margin-bottom:2px;
}

.data_grid td li {
  list-style-position:outside;
}

.data_grid input {
  padding:1px;
  border:solid 1px #00525f;
  background-color:#ffffff;
  background-image:url(/images/find_15x15.gif);
  background-repeat:no-repeat;
  font-size:12px;
  width:98%;
  overflow:hidden;
}

#order_editor_menu_bar {
  width:100%;
  height:30px;
}

input.invalid {
    background: #E4B7B7;
}

/*--------------------------------------------------------------------------------------------------
  
   Simply Buttons, version 1.0
   (c) 2007-2008 Kevin Miller

   This script is freely distributable under the terms of an MIT-style license.

   BUTTON DEFINITIONS 
  
   Edit below at your own risk, everything done here is for a reason for cross browser
   compatibility so that the buttons will appear identical in the tested browsers.
   
   Tested on: IE6 IE7 FF(PC/MAC) Safari SafariMobile Opera(PC/MAC)
   
--------------------------------------------------------------------------------------------------*/

button,
a.button,
a.button:link,
a.button:visited {
  /*
      Strip down the button and link elements to a base we can work with.
  */
  padding: 0 0 0 0;
  margin: 0 3px 0 3px;
  border: none;
  display: block;
  float: left;
  cursor: pointer;
  text-decoration: none;
  outline: none;
  white-space: nowrap;
  overflow: visible;
}

  * html a.button,
  * html a.button:link,
  * html a.button:visited {
    /*
        IE6 fix to make link fit text.
    */
    width: 1%;
  }

  button, x:-moz-any-link {
    /*
        FF fix to make button spacing even across browsers.
    */
    margin: 0 0 0 0;
  }

  *:first-child+html button {
    /*
        Reset IE7 back to what it was for previous fix.
    */
    margin: 0 3px 0 3px;
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /*
        Set the span tags to display: block, as they will work our background-image magic.
    */
    display: block;
  }

/*--------------------------------------------------------------------------------------------------
  
   CUSTOMIZATIONS 
  
   Edit below to change the look and feel of the buttons and even add more classes for
   different looks and feels.
   
--------------------------------------------------------------------------------------------------*/

button,
a.button,
a.button:link,
a.button:visited {
  /* 
      HEIGHT - Total height of button. 
  */
  height: 26px; 

  /*
      NOTE - You must define the font here otherwise your buttons and links could end up diffrent.
  */
	font-family: "Helvetica Neue", Helvetica, clean, sans-serif;

  font-size: 13px;
  color: #444444;
  background-color: #ffffff;
}

  button.button_active,
  a.button_active {
  }

  button span,
  a.button span,
  a.button:link span,
  a.button:visited span {
    /* 
        Right side padding for button (default). 
    */
    padding: 0 14px 0 0;

    /* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(/images/buttons/bg_button_right.gif) top right;
  }

  button span span,
  a.button span span,
  a.button:link span span,
  a.button:visited span span {
    /* 
        Left side padding for button (default). 
    */
    padding: 0 0 0 13px;

    /* 
        SPAN HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT).
    */
    height: 24px;

    /* 
        SPAN LINE-HEIGHT - This should be 1px smaller than the height set on the button (see HEIGHT) and will 
                            center the text vertcailly.
    */
    line-height: 24px;

    /*
        We define our background top left and use the 'Sliding Doors' Technique for some fast loading buttons.
    */
    background: url(/images/buttons/bg_button_left.gif) top left;
  }

  button:hover,
  a.button:hover {
    color: #000000;
  }

  button.submit span,
  a.submit span,
  a.submit:link span,
  a.submit:visited span {
  }

  button.submit span span,
  a.submit span span,
  a.submit:link span span,
  a.submit:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(/images/buttons/bg_button_left_submit.gif);
  }

  button.submit:hover,
  a.submit:hover {
  }

  button.cancel span,
  a.cancel span,
  a.cancel:link span,
  a.cancel:visited span {
  }

  button.cancel span span,
  a.cancel span span,
  a.cancel:link span span,
  a.cancel:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(/images/buttons/bg_button_left_cancel.gif);
  }

  button.cancel:hover,
  a.cancel:hover {
  }

/* jhe: my stuff */

  button.next span,
  a.next span,
  a.next:link span,
  a.next:visited span {
  }

  button.next span span,
  a.next span span,
  a.next:link span span,
  a.next:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(/images/buttons/bg_button_left_next.gif);
  }

  button.previous:hover,
  a.previous:hover {
  }

  button.previous span,
  a.previous span,
  a.previous:link span,
  a.previous:visited span {
  }

  button.previous span span,
  a.previous span span,
  a.previous:link span span,
  a.previous:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(/images/buttons/bg_button_left_previous.gif);
  }

  button.previous:hover,
  a.previous:hover {
  }




  button.add:hover,
  a.add:hover {
  }

  button.add span,
  a.add span,
  a.add:link span,
  a.add:visited span {
  }

  button.add span span,
  a.add span span,
  a.add:link span span,
  a.add:visited span span {
    /*
        Give some extra space for the icon.
    */
    padding-left: 26px;

    /*
        Add in a left side piece with an icon.
    */
    background-image: url(/images/buttons/bg_button_left_add.gif);
  }

  button.add:hover,
  a.add:hover {
  }





  button:active span,
  a:active:active span,
  /*
      'button_active' is the class used by buttons.js to create the button states in IE.
  */
  button.button_active span,
  a.button_active:active span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom right;
  }

  button:active span span,
  a:active:active span span,
  /*
      'button_active' is the class used by buttons.js to create the button states in IE.
  */
  button.button_active span span,
  a.button_active:active span span {
    /*
        Using the 'Sliding Doors' Technique we 'slide' the new button state into view.
    */
    background-position: bottom left;
  }

#calendar .day_col_header {
    height:36px;
    vertical-align:middle;
    text-align:center;
    border-color:#666666;
    border-top-style:solid;
    border-width:1px;
    border-bottom:solid 2px #666666;
    margin-bottom:2px;
}

#calendar .day_col_header.first_day {
    border-left-style:solid;
}

#calendar .day_col_header.last_day {
    border-right-style:solid;
}

#calendar .day_col_header_date {
    font-size:11px;
    color:#555555;
    display:block;
}

#calendar .day_col_header_day_name {
    font-size:11px;
    font-weight:bold;
    color:#777777;
    display:block;
}

#calendar .time_col, .day_col {
    width:80px;
    border:none;
    float:left;
    margin:0px;
}

#calendar .time_col {
    width:60px;
}

/* blank area on top left corner */
#calendar .time_col_header {
    height:41px;
}

#calendar .day_col {
    background-color:#ffffff;
}

#calendar .time_div, .hour_div {
    border-top:solid 1px #c9c9c9;
    border:solid 1px #a9a9a9;
}

#calendar .quarter {
    height:15px;
    border:dotted 1px #c9c9c9;
}

#calendar .quarter_highlighted {
    background-color:#c6efce;
    cursor:pointer;
    border:dotted 1px #c9c9c9;
}

/*
* Used to illustrate allowed slots

#calendar .quarter_target {
background-color:#00f9ff;
border:dotted 0px #ffffff;
}

#calendar .quarter_target_select {
background-color:#316ac5;
color:#ffffff;
border:none;
}
*/

#calendar .q00 {
    border:none;
    border-bottom:dotted 1px #c9c9c9;
}

#calendar .q15 {
    border:none;
    border-bottom:solid 1px #c9c9c9;
}

#calendar .q30 {
    border:none;
    /* no bottom border if 30 minute slots
    border-bottom:dotted 1px #c9c9c9;
    */
}

#calendar .q45 {
    border:none;
    border-bottom:none;
}

#calendar .weekend {
    background-color:#f3f3f3;
}

#calendar .today {
    background-color:#fffdc7;
}

#calendar .quarter_allowed {
    background-color:#4fed99;
    cursor:pointer;

}

#calendar .time_quarter {
    text-align:right;
    padding-right:2px;
    border-color:transparent;
    background-image:url(/images/vertical_gradient_bg.gif);
    background-repeat:repeat-y;
    background-position:-20px 0px;
    font-weight:bold;
    font-size:12px;
    color:#797979;
}

.calendar_event {
    position:absolute;
    border:solid 1px #000eb7;
    background-color:#00c9ff;
    font-size:9px;
    overflow:hidden;
}

.calendar_slot {
    position:absolute;
    border:solid 1px #ffffff;
    background-color:#ff0000;
    font-size:10px;
    color:#ffffff;
}

.calendar_item_selected {
    background-color:#316AC5;
    color:#ffffff;
    border-color:#ffffff;
}

.calendar_item_highlighted {
    border-color:#00ff00;
}

.month th {
    background-color:#ffffff;
    font-size:11px;
    text-align:right;
    border:none;
}

.month td {
    background-color:#ffffff;
    font-size:11px;
    text-align:right;
    border:solid 1px #c9c9c9;
    border-left:none;
    border-top:none;
    padding:2px;
}

.month .weekend {
    background-color:#f3f3f3;
}

.month .current_week {
    background-color:#9aecff;
}

.month .today {
    background-color:#fffdc7;
}

.month a:hover {
    text-decoration:underline;
}

.month .week_number {
    color:#c9c9c9;
    width:25px;
    border:solid 1px #c9c9c9;
}

.month .day_allowed {
    background-color:#4fed99;
}

/* The main calendar widget.  DIV containing a table. */

div.calendar { position: relative; border: solid 5px #4d4d4d; }

.calendar, .calendar table {
  border: 1px solid #556;
  font-size: 11px;
  color: #000;
  cursor: default;
  background: #fff;
  font-family: tahoma,verdana,sans-serif;
}

/* Header part -- contains navigation buttons and day names. */

.calendar .button { /* "<<", "<", ">", ">>" buttons have this class */
  text-align: center;    /* They are the navigation buttons */
  padding: 2px;          /* Make the buttons seem like they're pressing */
}

.calendar .nav {
  background: inherit url(menuarrow.gif) no-repeat 100% 100%;
}

.calendar thead .title { /* This holds the current "month, year" */
  font-weight: bold;      /* Pressing it will take you to the current date */
  text-align: center;
  background: #fff;
  color: #000;
  padding: 2px;
}

.calendar thead .headrow { /* Row <TR> containing navigation buttons */
  background: #4d4d4d;
  color: #fff;
}

.calendar thead .daynames { /* Row <TR> containing the day names */
  background: #a6a6a6;
}

.calendar thead .name { /* Cells <TD> containing the day names */
  /*border-bottom: 1px solid #556;*/
  padding: 2px;
  text-align: center;
  color: #000;
}

.calendar thead .weekend { /* How a weekend day name shows in header */
  color: #a66;
}

.calendar thead .hilite { /* How do the buttons in header appear when hover */
  background: #4d4d4d;
  color: #fff;
  cursor: pointer;
  /*border: 1px solid #04f;*/
  /*padding: 1px;*/
}

.calendar thead .active { /* Active (pressed) buttons in header */
  background-color: #a6a6a6;
  padding: 2px 0px 0px 2px;
}

/* The body part -- contains all the days in month. */

.calendar tbody .day { /* Cells <TD> containing month days dates */
  width: 2em;
  color: #000;
  text-align: right;
  padding: 2px 4px 2px 2px;
}
.calendar tbody .day.othermonth {
  font-size: 80%;
  color: #bbb;
}
.calendar tbody .day.othermonth.oweekend {
  color: #fbb;
}

.calendar table .wn {
  padding: 2px 3px 2px 2px;
  /*border-right: 1px solid #000;*/
  background: #a6a6a6;
}

.calendar tbody .rowhilite td {
  background: #f9ec31;
}

.calendar tbody .rowhilite td.wn {
  background: #f9ec31;
}

.calendar tbody td.hilite { /* Hovered cells <TD> */
  background: #4d4d4d;
  color: #fff;
  cursor: pointer;
  padding: 2px 4px 2px 2px;
  /*border: 1px solid #bbb;*/
}

.calendar tbody td.active { /* Active (pressed) cells <TD> */
  background: #a6a6a6;
  padding: 2px 2px 0px 2px;
}

.calendar tbody td.selected { /* Cell showing today date */
  font-weight: bold;
  padding: 1px 3px 1px 1px;
  background: #a6a6a6;
  color: #fff;
}

.calendar tbody td.weekend { /* Cells showing weekend days */
  color: #f00;
}

.calendar tbody td.today { /* Cell showing selected date */
  font-weight: bold;
  color: #000;
}

.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) */
  text-align: center;
  background: #556;
  color: #fff;
}

.calendar tfoot .ttip { /* Tooltip (status bar) cell <TD> */
  background: #fff;
  color: #445;
  /*border-top: 1px solid #556;*/
  padding: 1px;
}

.calendar tfoot .hilite { /* Hover style for buttons in footer */
  background: #aaf;
  /*border: 1px solid #04f;*/
  color: #000;
  padding: 1px;
}

.calendar tfoot .active { /* Active (pressed) style for buttons in footer */
  background: #a6a6a6;
  padding: 2px 0px 0px 2px;
}

/* Combo boxes (menus that display months/years for direct selection) */

.calendar .combo {
  position: absolute;
  display: none;
  top: 0px;
  left: 0px;
  width: 4em;
  cursor: default;
  /*border: 1px solid #655;*/
  background: #def;
  color: #000;
  font-size: 90%;
  z-index: 100;
}

.calendar .combo .label,
.calendar .combo .label-IEfix {
  text-align: center;
  padding: 1px;
}

.calendar .combo .label-IEfix {
  width: 4em;
}

.calendar .combo .hilite {
  background: #acf;
}

.calendar .combo .active {
  border-top: 1px solid #46a;
  border-bottom: 1px solid #46a;
  background: #eef;
  font-weight: bold;
}

.calendar td.time {
  border-top: 1px solid #000;
  text-align: center;
  background-color: #4d4d4d;
  color: #fff;
  padding: 3px 0;
}

.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm {
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

.calendar td.time .ampm {
  text-align: center;
}

.calendar td.time .colon {
  padding: 0px 2px 0px 3px;
  font-weight: bold;
}

.calendar td.time span.hilite {
  background-color: #f9ec31;
  color: #000;
}

.calendar td.time span.active {
  background-color: #f9ec31;
  color: #f00;
}


/* GENERAL STYLES */

div.contextmenu {
  position:absolute;
  top:0;
  left:0;
  z-index:9999;
}

div.contextmenu a {
  display: block;
  text-decoration: none;
  cursor: default;
  outline: none;
  font-size: 11px;
}

.contextmenu .separator {
  height: 1px;
  padding: 0;
  overflow: hidden;
  display: block;
  font-size: 1px;
}

.contextmenu ul, .contextmenu li {
  margin:0;
  padding:0px;
  list-style:none;
}

.contextmenu li {
  list-style-position: outside;
}


/* FIREFOX STYLES */

.contextmenu.firefox {
  width: 12em;
  background: #F4F5EB;
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  padding: 2px 0;
}
.contextmenu.firefox a {
  color: #555;
  padding: 4px 15px;
  margin: 0 2px;
}
.contextmenu.firefox a:hover {
  background: #006;
  color: #fff;
}
.contextmenu.firefox a.disabled {
  color: #bbb;
}
.contextmenu.firefox a.disabled:hover {
  background: #F4F5EB;
  color: #bbb;
}
.contextmenu.firefox .separator {
  border-bottom: 1px solid #fff;
  background: #999;
  margin: 2px 4px;
}

/* GOOGLE STYLES */

.contextmenu.google {
  width: 10.5em;
  background: #fff;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
  border-bottom: 1px solid #676767;
  border-right: 1px solid #676767;
}
.contextmenu.google a {
  color: #00c;
  text-decoration: none;
  padding: 2px 5px;
  cursor: pointer;
  font-size: 12px;
}
.contextmenu.google a:hover {
  background: #D3E3FE;
}
.contextmenu.google a.disabled {
  color: #bbb;
}
.contextmenu.google a.disabled:hover {
  background: #fff;
  color: #bbb;
}
.contextmenu.google .separator {
  background: #ccc;
}

/* DESKTOP STYLES */

.contextmenu.desktop {
  width:14em;
  background:#f9f8f7;
  border:2px solid #0f5463;
  padding:5px;
  /* background-image:url(/images/drop_down_menu_bg.gif);
  background-repeat:repeat-x; */
}
.contextmenu.desktop ul, .contextmenu.desktop li {
  margin:0;
  padding:0;
}
.contextmenu.desktop li.separator {
  height:1px;
}
.contextmenu.desktop a {
  color:#0f5463;
  padding:3px 0 3px 25px;
  margin:0px;
  border:0px solid #f9f8f7;
  line-height:20px;
  font-weight:bold;
}
.contextmenu.desktop a.disabled {
  opacity:0.25;
  filter:alpha(opacity=25);
  zoom:1;
}
.contextmenu.desktop li.separator {
  border-bottom: 1px solid #fff;
  background: #aaa;
  margin: 1px 1px 0 1px;
  line-height: 1px !important;
}
/* we need explicit enabled class to overcome css deficiences (without creating unnecessary markup) */
.contextmenu.desktop a.enabled:hover {
  background-color: #0A246A;
  color: #fff;
}

.data_table p {
  display:inline;
}

.data_table {
  border:solid 0px #828282;
  border-collapse:collapse;
  padding:0px;
}

.data_table_div {
  margin:5px;
  width:auto;
}

.data_table {
  background-color:white;
  border:solid 0px #555555;
}

.data_table tr {
  color:#000000;
}

.data_table tr.data_table_header {
  background-color:#4d4d4d;
}

.data_table tr.highlighted {
  background-color:#f9ec31;
  cursor:pointer;
}

.data_table tr.selected {
  background-color:#316ac5;
  cursor:pointer;
  color:#ffffff;
}

.data_table tr.selected td a {
  background-color:#316ac5;
  cursor:pointer;
  color:#ffffff;
}

.data_table .header {
  padding:2px;
  padding-right:15px;
  font-size:12px;
  border:none;
  color:#fff;
  text-align:left;
  font-weight:bold;
}

.data_table .header nobr {
  cursor:pointer;
}

.data_table td {
  vertical-align:top;
  font-size: 13px;
  color: #333;
  border-spacing:0px;
  padding: 3px;
  font-size: 13px;
  border-right:dotted 1px #c9c9c9;
  border-bottom:dotted 1px #454545;
}

.data_table td.last_row {
  border-bottom:none;
}

.data_table td.last_td {
  border-right:none;
}


.data_table td a {
  color:inherit;
}

.data_table td a {
  color:#000000;
}

.data_table td a nobr {
  color:inherit;
}

.data_table td .image {
  padding:0px;
}

.data_table td.filter_th {

  border:none;
  border-bottom:solid 2px #444444;
}

.data_table input {
  padding:1px;
  border:solid 1px #00525f;
  background-color:#ffffff;
  background-image:url(/images/find_15x15.gif);
  background-repeat:no-repeat;
  font-size:12px;
  width:98%;
  overflow:hidden;
}

.data_table input.filter_focused {
  background-color:#9affd1 !important;
  background-image:none;
}

.data_table input.filter_active, .filter_active {
  background-color:#ffff00;
  background-image:none;
}


.data_table .sortable {
  overflow:visible;
  width:1px;
}

.data_table .sortup {
  background-image:url(/images/sorted_up.gif);
  background-position:center right;
  background-repeat:no-repeat;
  background-color:#F4C975;
  color:#000;
}

.data_table .sortdown {
  background-image:url(/images/sorted_down.gif);
  background-position:center right;
  background-repeat:no-repeat;
  background-color:#F4C975;
  color:#000;
}

.pagination {
  padding:3px;
}

.pagination_table {
  width:100%;
  border:none;
  font-size:12px;
}

.pagination_table td {
  border-width:0px;
  border:none;
}

.pagination_table tr {
  border:none;
}

.pagination_table .links {
  text-align:right;
  padding:1px;
}

.pagination_table .row_count {
  text-align:left;
  color:#f00;
}

.pagination_table .rows_per_page {
  color:#fff;
}

.pagination_table .links a {
  font-weight:normal;
  border:solid 1px #000000;
  text-decoration:none;
  padding:3px;
  padding-bottom:0px;
  padding-top:0px;
  background-color:#ffffff;
}

.pagination_table .links a:hover {
  background-color:rgb(210,220,255);
}

.pagination_table .disabled {
  font-weight: normal;
  border:solid 1px #a9a9a9;
  text-decoration: none;
  padding: 3px;
  padding-bottom: 0px;
  padding-top: 0px;
  background-color:#fff;
  color:#c9c9c9;
}

.data_table .button {
  width:100px;
}

#table_tools_top {
  margin-top:10px;
  margin-bottom:5px;
}

#table_tools_bottom {
  margin-top:5px;
}

.showcase {
  /* cursor:pointer; */
  background-color:#ffffff;
  position:relative;
  float:left;
  width:380px;
  margin-left:10px;
  margin-bottom:10px;
  margin-top:3px;
}

.show_case_on {
  /* cursor:pointer; */
  background-color:#ffffff;
  position:relative;
  float:left;
  width:380px;
  margin-left:10px;
  margin-bottom:10px;
  background-image:url(/images/contextmenu_bg.gif);
}

.datatable_filter {
  display: none;
  position: absolute;
  top: 100%;
  left: 0;
  width: 620px;
}

body.frozen {
    height: 100% !important;
    overflow: hidden !important;
}

.aava_gui_dialog {
    display: inline-block;
    position: absolute;
    left: 50%;
    top: 50%;
}

#aava_gui_dialogs_modal {
    z-index: 10001;
}

#aava_gui_dialogs_modal_mask {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 10000;
    opacity: .8;
    -moz-opacity: .8;
    -khtml-opacity: .8;
    filter: alpha(opacity=80);
    background: #000;
}

.aava_gui_dialog h1 {
    margin: 0;
    padding: 0 4px 4px 4px;
    background: #4d4d4d;
    color: #fff;
    font-size: 100%;
}

#aava_gui_dialogs_modal .aava_gui_dialog_body {
    padding: 10px;
    font-size: 90%;
}

#aava_gui_dialogs_modal .buttons {
    padding-top: 10px;
    text-align: right;
}

#aava_gui_dialogs_modal .round_corner_box {
   width: 400px;
}

/**
 * Context menu {
 */
.aava_gui_dialog.contextmenu {
    top: 0;
    left: 0;
    z-index: 10001;
    position: absolute !important;
}

.aava_gui_dialog.contextmenu h1 {
    display: none;
}

.aava_gui_dialog.contextmenu li {
    list-style: none;
}

.aava_gui_dialog.contextmenu li.separator {
    border-bottom: solid 1px #4d4d4d;
    height: 1px;
    font-size: 1px;
    margin: 3px 0;
    line-height: 1px;
}

.aava_gui_dialog.contextmenu a {
    display: block;
    font-size: 10px;
    font-weight: normal;
    line-height: 24px;
    height: 24px;    
    padding: 0 6px 0 6px;
    color: #000;
}

/* IE7 fix */
*:first-child+html .aava_gui_dialog.contextmenu .round_corner_box {
    width: 222px;
}

/* IE7 fix */
*:first-child+html .aava_gui_dialog.contextmenu a {
    width: 200px;
}

.aava_gui_dialog.contextmenu a span {
    display: block;
    padding-left: 20px;
    white-space: nowrap;
}

.aava_gui_dialog.contextmenu a:hover {
    background-color: #f9ec31;
    text-decoration: none;
}

#left_panel {
  width:575px;
  margin-left:8px;
  margin:3px;
  border:none;
  position:relative;
  float:left;
  overflow:visible;
}

#right_panel {
  margin:3px;
  width:415px;
  position:relative;
  float:left;
}

.right_sub_panel {
  margin-bottom:5px;
}

#form_table {
  background-color:white;
  border:none;
}

#form_table a {

}

#form_table th {
  /*
  background-image:url(/images/sprite.png);
  background-position:0px -360px;
  background-repeat:repeat-x;
  border-bottom:solid 1px black;
  */
  background-color:#4d4d4d;
  border-top:solid 1px black;
  font-size:13px;
  padding:3px;
  font-weight:bold;
  text-align:left;
  color:#ffffff;
}

#form_table .top_th {
  border-top:none 0px;
}

#form_table td {
  padding:1px;
}

.form_table input.extension_file_upload_input {
  width:250px;
}

.form_table input {
    width:300px;
}

.form_table textarea {
  width:250px;
}

#form_table select {
  width:300px;
}

#form_table option {
  margin-right:5px;
  margin-left:5px;
}

#form_table .attribute_title {
  font-size:12px;
  padding-left:5px;
  padding-right:10px;
  line-height:24px;
  width:150px;
}

#form_table .address_row {
  line-height:18px;
}

#form_table .grid_table td {
  vertical-align:top;
  font-size: 13px;
  color: #333;
  border-spacing:0px;
  padding: 3px;
  font-size: 13px;
  border-right:dotted 1px #c9c9c9;
  border-bottom:dotted 1px #c9c9c9;
}

div.autocomplete {
  position:absolute;
  background-color:white;
  border:1px solid #888;
  margin:0px;
  padding:0px;
  font-size:10px;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0px;
  margin-top:2px;
  margin-bottom:2px;
  padding:0px;
}
div.autocomplete ul li.selected {
  background-color:#316ac5;
  color:white;
}

div.autocomplete ul li {
  white-space:nowrap;
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:16px;
  cursor:pointer;
}

#lbOverlay { position: fixed; top: 0; left: 0; z-index: 99998; width: 100%; height: 500px; }
#lbOverlay.grey { background-color: #000000; }
#lbOverlay.red { background-color: #330000; }
#lbOverlay.green { background-color: #003300; }
#lbOverlay.blue { background-color: #011D50; }
#lbOverlay.gold { background-color: #666600; }

#lbMain { position: absolute; left: 0; width: 100%; z-index: 99999; text-align: center; line-height: 0; }
#lbMain a img { border: none; }

#lbOuterContainer { position: relative; background-color: #fff; width: 200px; height: 200px; margin: 0 auto; }
#lbOuterContainer.grey { border: 3px solid #888888; }
#lbOuterContainer.red { border: 3px solid #DD0000; }
#lbOuterContainer.green { border: 3px solid #00B000; }
#lbOuterContainer.blue { border: 3px solid #5F89D8; }
#lbOuterContainer.gold { border: 3px solid #B0B000; }

#lbDetailsContainer {	font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; width: 100%; line-height: 1.4em;	overflow: auto; margin: 0 auto; }
#lbDetailsContainer.grey { border: 3px solid #888888; border-top: none; }
#lbDetailsContainer.red { border: 3px solid #DD0000; border-top: none; }
#lbDetailsContainer.green { border: 3px solid #00B000; border-top: none; }
#lbDetailsContainer.blue { border: 3px solid #5F89D8; border-top: none; }
#lbDetailsContainer.gold { border: 3px solid #B0B000; border-top: none; }

#lbImageContainer, #lbIframeContainer { padding: 10px; }
#lbLoading {
    position: absolute; top: 45%; left: 0%; height: 32px; width: 100%; text-align: center; line-height: 0; background: url(/images/loading.gif) center no-repeat;
}

#lbHoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lbImageContainer>#lbHoverNav { left: 0; }
#lbHoverNav a { outline: none; }

#lbPrev { width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block; left: 0; float: left; }
#lbPrev.grey:hover, #lbPrev.grey:visited:hover { background: url(/images/prev_grey.gif) left 15% no-repeat; }
#lbPrev.red:hover, #lbPrev.red:visited:hover { background: url(/images/prev_red.gif) left 15% no-repeat; }
#lbPrev.green:hover, #lbPrev.green:visited:hover { background: url(/images/prev_green.gif) left 15% no-repeat; }
#lbPrev.blue:hover, #lbPrev.blue:visited:hover { background: url(/images/prev_blue.gif) left 15% no-repeat; }
#lbPrev.gold:hover, #lbPrev.gold:visited:hover { background: url(/images/prev_gold.gif) left 15% no-repeat; }

#lbNext { width: 49%; height: 100%; background: transparent url(/images/blank.gif) no-repeat; display: block; right: 0; float: right; }
#lbNext.grey:hover, #lbNext.grey:visited:hover { background: url(/images/next_grey.gif) right 15% no-repeat; }
#lbNext.red:hover, #lbNext.red:visited:hover { background: url(/images/next_red.gif) right 15% no-repeat; }
#lbNext.green:hover, #lbNext.green:visited:hover { background: url(/images/next_green.gif) right 15% no-repeat; }
#lbNext.blue:hover, #lbNext.blue:visited:hover { background: url(/images/next_blue.gif) right 15% no-repeat; }
#lbNext.gold:hover, #lbNext.gold:visited:hover { background: url(/images/next_gold.gif) right 15% no-repeat; }

#lbPrev2, #lbNext2 { text-decoration: none; font-weight: bold; }
#lbPrev2.grey, #lbNext2.grey, #lbSpacer.grey { color: #333333; }
#lbPrev2.red, #lbNext2.red, #lbSpacer.red { color: #620000; }
#lbPrev2.green, #lbNext2.green, #lbSpacer.green { color: #003300; }
#lbPrev2.blue, #lbNext2.blue, #lbSpacer.blue { color: #01379E; }
#lbPrev2.gold, #lbNext2.gold, #lbSpacer.gold { color: #666600; }

#lbPrev2_Off, #lbNext2_Off { font-weight: bold; }
#lbPrev2_Off.grey, #lbNext2_Off.grey { color: #CCCCCC; }
#lbPrev2_Off.red, #lbNext2_Off.red { color: #FFCCCC; }
#lbPrev2_Off.green, #lbNext2_Off.green { color: #82FF82; }
#lbPrev2_Off.blue, #lbNext2_Off.blue { color: #B7CAEE; }
#lbPrev2_Off.gold, #lbNext2_Off.gold { color: #E1E100; }

#lbDetailsData { padding: 0 10px; }
#lbDetailsData.grey { color: #333333; }
#lbDetailsData.red { color: #620000; }
#lbDetailsData.green { color: #003300; }
#lbDetailsData.blue { color: #01379E; }
#lbDetailsData.gold { color: #666600; }

#lbDetails { width: 60%; float: left; text-align: left; }
#lbCaption { display: block; font-weight: bold; }
#lbNumberDisplay { float: left; display: block; padding-bottom: 1.0em; }
#lbNavDisplay { float: left; display: block; padding-bottom: 1.0em; }

#lbClose { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbClose.grey { background: url(/images/close_grey.png) no-repeat; }
#lbClose.red { background: url(/images/close_red.png) no-repeat; }
#lbClose.green { background: url(/images/close_green.png) no-repeat; }
#lbClose.blue { background: url(/images/close_blue.png) no-repeat; }
#lbClose.gold { background: url(/images/close_gold.png) no-repeat; }

#lbPlay { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPlay.grey { background: url(/images/play_grey.png) no-repeat; }
#lbPlay.red { background: url(/images/play_red.png) no-repeat; }
#lbPlay.green { background: url(/images/play_green.png) no-repeat; }
#lbPlay.blue { background: url(/images/play_blue.png) no-repeat; }
#lbPlay.gold { background: url(/images/play_gold.png) no-repeat; }

#lbPause { width: 64px; height: 28px; float: right; margin-bottom: 1px; }
#lbPause.grey { background: url(/images/pause_grey.png) no-repeat; }
#lbPause.red { background: url(/images/pause_red.png) no-repeat; }
#lbPause.green { background: url(/images/pause_green.png) no-repeat; }
#lbPause.blue { background: url(/images/pause_blue.png) no-repeat; }
#lbPause.gold { background: url(/images/pause_gold.png) no-repeat; }

#menu{
  width:100%;
  /*background-image:url(/images/toolbar_bg.png);*/
  background-image:url(/images/main_menu_bg.png);
  height:34px;
}

#menu a{
  display:block;
  border:solid 1px #000000;
  border-top:none;
  white-space:nowrap;
  margin:0;
  padding:2px;
}

#menu span{
  font-size:12px;
  font-weight:bold;
  display:block;
  white-space:nowrap;
  margin:0;
  padding:0px 10px 0px 10px;
  color:#fff;
  background:transparent;
  height:30px;
  line-height:30px;
  /*background-image:url(/images/toolbar_bg.png);*/
}

#menu a{
  font-size:12px;
  background:#ffffff;
  text-decoration:none;
  line-height:24px;
  font-weight:bold;
  padding-left:10px;
}

#menu a, #menu a:visited{
  color:#0f5463;
  background:transparent;
}

#menu a:hover{
  color:#4d4d4d;
  background:#f9ec31;
}

#menu a:active{
  color:#fff;
  background:#ccc;
}

#menu ul{
  list-style:none;
  margin:0;
  padding:0;
  float:left;
  _width:80px;
}

#menu li{
  position:relative;
}

#menu ul ul{
  background-color:#ffffff;
  background-repeat:repeat-x;
  position:absolute;
  z-index:500;
  top:auto;
  display:none;
  width:180px;
}

#menu ul ul ul{
  top:3px;
  left:100px;
  border-top:solid 1px #000000;
}

/* Begin non-anchor hover selectors */

/* Enter the more specific element (div) selector
on non-anchor hovers for IE5.x to comply with the
older version of csshover.htc - V1.21.041022. It
improves IE's performance speed to use the older
file and this method */

div#menu h2:hover{
  background:#000 url(../images/expand.gif) no-repeat -999px -9999px;
}

div#menu li:hover{
  cursor:pointer;
  z-index:100;
}

div#menu li:hover ul ul,
div#menu li li:hover ul ul,
div#menu li li li:hover ul ul,
div#menu li li li li:hover ul ul
{display:none;}

div#menu li:hover ul,
div#menu li li:hover ul,
div#menu li li li:hover ul,
div#menu li li li li:hover ul
{display:block;}

/* End of non-anchor hover selectors */

/* Styling for Expand */


#menu a.x, #menu a.x:visited{
  font-weight:normal;
  color:#000;
  background:#eee url(../images/expand.gif) no-repeat 100% 100%;
}

#menu a.x:hover{
  color:#fff;
  background:#000;
}

#menu a.x:active{
  color:#060;
  background:#ccc;
}

/* http://www.cssplay.co.uk/boxes/snazzy.html */
.round_corner_box {
  background: transparent;
}

.rcb_top, .rcb_bottom {
  display:block;
  background:transparent;
  font-size:1px;
}

.rcb_b1, .rcb_b2, .rcb_b3, .rcb_b4 {
  display:block;
  overflow:hidden;
}

.rcb_b1, .rcb_b2, .rcb_b3 {
  height:1px;
}

.rcb_b2, .rcb_b3, .rcb_b4 {
  background:#4d4d4d;
  border-left:1px solid #4d4d4d;
  border-right:1px solid #4d4d4d;
}

.rcb_b1 {
  margin:0 5px;
  background:#4d4d4d;
}

.rcb_b2 {
  margin:0 3px;
  border-width:0 2px;
}

.rcb_b3 {
  margin:0 2px;
}

.rcb_b4 {
  height:2px;
  margin:0 1px;
}

.rcb_content_container {
  display:block;
  background:#4d4d4d;
  border:0 solid #4d4d4d;
  border-width:0 1px;
  padding:3px;
  padding-top:0px;
  padding-bottom:0px;
}

.rcb_title {
  background-color:#4d4d4d;
  color:#ffffff;
  font-weight:bold;
  padding-bottom:3px;
  font-size:14px;
}

.rcb_content {
  background-color:white;
  border:1px solid #4d4d4d;
}

.treemenu_container {
  position:relative;
  width:200px;
  margin:5px;
  border:none;
}

.treemenu_container .header {
  height:16px;
  line-height:16px;
/*
  background-color:#7d7c7d;
  background-image:url(/images/sprite.png);
  background-position:0px -360px;
  background-repeat:repeat-x;
*/
}

#treemenu_container .body {
  background-color:white;
  border:dotted 1px rgb(30,30,30);
  border-top:solid 1px rgb(80,80,80);
  width:100%;
  height:100%;
}

#treemenu_container .header span {
  padding-left:5px;
  color:black;
  font-size:12px;
  font-weight:bolder;
}

.treemenu {
  font-size:14px;
  padding:5px;
}

.treemenu a {
  text-decoration:none;
  color:rgb(50,50,50);
  font-weight:bold;
  font-size:16px;
  padding-bottom:5px;
}

.treemenu a:hover {
  text-decoration:underline;
  color:rgb(50,50,50);
  background-color:#00eeff;
}

.treemenu .item {
  border:none;
  margin-bottom:4px;
}

.treemenu .item td {
  border:none;
}

.treemenu .s {
  width:10px;
  height:10px;
}

/* spacer last expanded */
.treemenu .s_l_e {
  width:10px;
  height:10px;
  background-image:url(/images/collapse.gif);
/*
  background-image:url(/images/sprite.png);
  background-position:-5px -320px;
*/
  background-position:0px 3px;
  background-repeat:no-repeat;
}

/* spacer last collapsed */
.treemenu .s_l_c {
  width:10px;
  height:10px;
  background-image:url(/images/expand.gif);
/*
  background-image:url(/images/sprite.png);
  background-position:-5px -280px;
*/
  background-position:0px 3px;
  background-repeat:no-repeat;
}

.treemenu .level1 a {
  font-size:14px;
  font-weight:bold;
  color:#272727;
}

.treemenu .level2 a {
  font-size:13px;
  font-weight:bold;
  color:#424242;
}

.treemenu .level3 a {
  font-size:13px;
  font-weight:normal;
  color:#525252;
}

.treemenu .level4 a {
  font-size:13px;
  font-weight:normal;
  color:#525252;
}

.treemenu .level5 a {
  font-size:13px;
  font-weight:normal;
  color:#525252;
}

.treemenu .level6 a {
  font-size:13px;
  font-weight:normal;
  color:#525252;
}

.overlay_dialog {
    background-color: #666666;
    filter:alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

.overlay___invisible__ {
    background-color: #666666;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.dialog_nw {
    width: 9px;
    height: 23px;
    background: transparent url(default/top_left.gif) no-repeat 0 0;		
}

.dialog_n {
    background: transparent url(default/top_mid.gif) repeat-x 0 0;	
    height: 23px;
}

.dialog_ne {
    width: 9px;
    height: 23px;
    background: transparent url(default/top_right.gif) no-repeat 0 0;		
}

.dialog_e {
    width: 2px;
    background: transparent url(default/center_right.gif) repeat-y 0 0;	
}

.dialog_w {
    width: 2px;
    background: transparent url(default/center_left.gif) repeat-y 0 0;		
}

.dialog_sw {
    width: 9px;
    height: 19px;
    background: transparent url(default/bottom_left.gif) no-repeat 0 0;			
}

.dialog_s {
    background: transparent url(default/bottom_mid.gif) repeat-x 0 0;		
    height: 19px;
}

.dialog_se {
    width: 9px;
    height: 19px;
    background: transparent url(default/bottom_right.gif) no-repeat 0 0;			
}

.dialog_sizer {
    width: 9px;
    height: 19px;
    background: transparent url(default/sizer.gif) no-repeat 0 0;	
    cursor:se-resize;	
}

.dialog_close {
    width: 14px;
    height: 14px;
    background: transparent url(default/close.gif) no-repeat 0 0;			
    position:absolute;
    top:5px;
    left:8px;
    cursor:pointer;
    z-index:2000;
}

.dialog_minimize {
    width: 14px;
    height: 15px;
    background: transparent url(default/minimize.gif) no-repeat 0 0;			
    position:absolute;
    top:5px;
    left:28px;
    cursor:pointer;
    z-index:2000;
}

.dialog_maximize {
    width: 14px;
    height: 15px;
    background: transparent url(default/maximize.gif) no-repeat 0 0;			
    position:absolute;
    top:5px;
    left:49px;
    cursor:pointer;
    z-index:2000;
}

.dialog_title {
    float:left;
    height:14px;
    font-family: Tahoma, Arial, sans-serif;
    font-size:12px;
    text-align:center;
    width:100%;
    color:#000;
}

.dialog_content {
    overflow:auto;
    color: #DDD;
    font-family: Tahoma, Arial, sans-serif;
    font-size: 10px;
    background-color:#123;
}

.top_draggable, .bottom_draggable {
    cursor:move;
}

.status_bar {
    font-size:12px;
}
.status_bar input{
    font-size:12px;
}

.wired_frame {
    display: block;
    position: absolute;
    border: 1px #000 dashed;
}

/* DO NOT CHANGE THESE VALUES*/
.dialog {
    display: block;
    position: absolute;
}

.dialog table.table_window  { 
    border-collapse: collapse; 
    border-spacing: 0; 
    width: 100%;
    margin: 0px;
    padding:0px;
}

.dialog table.table_window td , .dialog table.table_window th { 
    /* padding: 0;  */
}

.dialog .title_window {
    -moz-user-select:none;
}                                                    



.overlay___invisible__ {
    background-color: #666;
    filter:alpha(opacity=0);
    -moz-opacity: 0;
    opacity: 0;
}

.top_draggable, .bottom_draggable {
    cursor:move;
}

.status_bar {
    font-size:12px;
}
.status_bar input{
    font-size:12px;
}

.wired_frame {
    display:block;
    position:absolute;
    border:1px #000 dashed;
}

.overlay_greylighting {
    background-color:#000;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
}

.greylighting_wired_frame {
    background:#FFF;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;	
}

.greylighting_nw {
    background:transparent url(/stylesheets/window_theme_images/top-left-grey.png) no-repeat 0 0;			
    width:9px;
    height:28px;
}

.greylighting_n {
    background:transparent url(/stylesheets/window_theme_images/top-middle-grey.png) repeat-x 0 0;			
    height:28px;
}

.greylighting_ne {
    background:transparent url(/stylesheets/window_theme_images/top-right-grey.png) no-repeat 0 0;			
    width:15px;	  
    height:28px;
}

.greylighting_w {
    background:transparent url(/stylesheets/window_theme_images/left-grey.png) repeat-y top left;			
    width:9px;
}

.greylighting_e {
    background:transparent url(/stylesheets/window_theme_images/right-grey.png) repeat-y top right;			
    width:15px;	  
}

.greylighting_sw {
    background:transparent url(/stylesheets/window_theme_images/bottom-left-grey.png) no-repeat 0 0;			
    width:9px;
    height:15px;
}

.greylighting_s {
    background:transparent url(/stylesheets/window_theme_images/bottom-middle-grey.png) repeat-x 0 0;			
    height:15px;
}

.greylighting_se, .greylighting_sizer  {
    background:transparent url(/stylesheets/window_theme_images/bottom-right-grey.png) no-repeat 0 0;			
    width:15px;
    height:15px;
}

.greylighting_sizer {
    cursor:se-resize;	
}

.greylighting_close {
    width:15px;
    height:9px;
    background:transparent url(/stylesheets/window_theme_images/button-close-grey.png) no-repeat 0 0;			
    position:absolute;
    top:11px;
    right:10px;
    cursor:pointer;
    z-index:1000;
}

.greylighting_maximize {
    width:15px;
    height:9px;
    background:transparent url(/stylesheets/window_theme_images/button-maximize-grey.png) no-repeat 0 0;			
    position:absolute;
    top:11px;
    right:25px;
    cursor:pointer;
    z-index:1000;
}

.greylighting_minimize {
    width:15px;
    height:9px;
    background:transparent url(/stylesheets/window_theme_images/button-minimize-grey.png) no-repeat 0 0;			
    position:absolute;
    top:11px;
    right:40px;
    cursor:pointer;
    z-index:1000;
}

.greylighting_title {
    float:left;
    height:14px;
    font-size:14px;
    font-weight:bold;
    font-family:Verdana, Arial, sans-serif;
    text-align:left;
    margin-top:2px;
    width:100%;
    color:#525252;
}

.greylighting_content {
    overflow:auto;
    color:#000;
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    background-color:#ffffff;
    border:solid 1px #999999;
    padding-top:0px;
}

/* For alert/confirm dialog */
.greylighting_window {
    border:1px solid #F00;	
    background:#FFF;
    padding:20px;
    margin-left:auto;
    margin-right:auto;
    width:400px;
}

.greylighting_message {
    font-size:12px;
    text-align:center;
    width:100%;
    padding-bottom:10px;
}

.greylighting_buttons {
    text-align:right;
    width:95%;
}

.greylighting_buttons input {
    border:1px solid #999;
    border-top-color:#CCC;
    border-left-color:#CCC;
    padding:3px;
    background-color:#FFF;
    color:#333;
    background-image:url(/stylesheets/window_theme_images/background_buttons.gif);
    background-repeat:repeat-x;
    font-family:Verdana, Arial, sans-serif;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

.greylighting_progress {
    float:left;
    margin:auto;
    text-align:center;
    width:100%;
    height:16px;
    background:transparent url('/stylesheets/window_theme_images/spinner.gif') no-repeat center center
}

/* FOR IE */
/* Removing "backgroung-image: none; " seems to fix invisible window frames in IE for Linux; probably because filter does not work in linux */
* html .greylighting_nw {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/top-left-grey.png", sizingMethod="crop");
}

* html .greylighting_n {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/top-middle-grey.png", sizingMethod="scale");
}

* html .greylighting_ne {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/top-right-grey.png", sizingMethod="crop");
}

* html .greylighting_w {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/left-grey.png", sizingMethod="scale");
}

* html .greylighting_e {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/right-grey.png", sizingMethod="scale");
}

* html .greylighting_sw {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/bottom-left-grey.png", sizingMethod="crop");
}

* html .greylighting_s {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/bottom-middle-grey.png", sizingMethod="scale");
}

* html greylighting_se, * html .greylighting_sizer {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/bottom-right-grey.png", sizingMethod="crop");
}

* html .greylighting_close {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/button-close-grey.png", sizingMethod="crop");
}

* html .greylighting_minimize {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/button-minimize-grey.png", sizingMethod="crop");
}

* html .greylighting_maximize {
    background-color: transparent;
    background-image: none;
    filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/stylesheets/window_theme_images/button-maximize-grey.png", sizingMethod="crop");
}

* html .greylighting_content {
    background:#ffffff;
}