div#idle-spinner {
  position: absolute;
  z-index: 10000;
  padding: 0;
  padding-top: 50px;
  top: 14em;
  width: 176px;
  height: 63px;
  left: 50%;
  text-align: center;
  background-color: white;
  margin-left: -90px;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}

span#login-area {
  font-size: 80%;
  color: gray;
}

span#authenticated-user-display {
  font-size: 80%;
}

div .slider {
    height:18px;
}

div .slider-bar-horizontal {
    width: 60px;
    background-image: url('/images/scaler_slider_track.gif');
    background-repeat: repeat-x;
    background-position: center left;
    height:18px;
    /* chris */
    margin-left: 10px;
}

div .slider-bar-vertical {
    width: 18px;
    background-image: url('/images/scaler_slider_track_vertical.gif');
    background-repeat: repeat-x;
    background-position: center left;
    height:40px;
}

div .slider-handle {
    width: 18px;
    height: 18px;
    margin: 0;
}

div .scale-image {
  padding: 10px; 
  overflow: hidden;
  /* chris */
  position: relative;
  height: 15em;
}

.img-container,
.img-container-no-hover {
  float: left;
  width:190px;
  text-align:center;
  font-family:'Arial', Helvetica, Arial, Geneva;
  font-size:7pt;
  margin: auto;
  /*overflow: hidden;*/
}

.ms-window .action-bar {
  margin-top: 1px;
  margin-right: 8px;
/*  padding-left: 5px;
  padding-right: 5px;
*/  border-style: solid none none none; 
  border-width: 1px; 
  border-color: #ccc;
  background-color: #fff;
  white-space: nowrap;
  font-size: 12px;
}

/* chris */

/* chris */
.ms-window .top-bar {
  border-width: 1px; 
  border-color: #ccc;
  background-color: #fff;
  white-space: nowrap;
  font-size: 12px;
  margin-top:-5px;
}

/* chris */
.top-bar .tag {
  color: black;
}

.container-selected {
  background-color: #ccc;
}

.img-container-overlay {
  background-color: #C0C0C0;
  color: white;
  position: absolute;
  top: 0px;
  left: 0px;
}


.img-container-open {
  border-bottom: 1px dotted white;
}

.img-container {
  position:relative;
  cursor: pointer;
}

.image-frame {
  border:1px solid #ccc;
  position: absolute;
  left: 0;
  bottom: 6em;
}

/* chris */
.white-link {
  display: block;
  margin-top: 11em;
}

.white-link {
  color: white;
  text-decoration: none;
}

.action-link {
  text-decoration: none;
  color: black;
  padding-right: 5px;
  white-space: nowrap;
}

.item-image-name {
  text-align:left;
  font-family:'Arial', Helvetica, Arial, Geneva;
  font-size:20pt;
}
.item-image-description {
  text-align:left;
  font-family:'Arial', Helvetica, Arial, Geneva;
  font-size:20pt;
}

#live-search-results {
  position:absolute;
  background-color: #fff;
  color: #000;
  padding: 5px;
  width: 200px;
  border-style: none solid solid solid;
  border-color: #fff;
  border-width: 2px;
}

div.td {
  display:inline
}

#mysites-path {
  color: blue;
  width: 120px;
  overflow: hidden;
  display: inline;
}

#permalink {
  font-size: 0.8em;
}

#permalink a {
  color: red;
  text-decoration: none; 
}

#ax-url {
  display: inline;
  overflow: hidden;
}

.ax-path {
  padding-right: 10px;
  white-space: nowrap;
}

body {
font-family: Verdana;
  height: 100%;
}

html{
  height:100%;
}

body{  
  font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}

h1{
  font-size:0.9em;
}

a{
  color:red;
}

.rss a {
  text-decoration: none; 
  color: white;
}

.listview th,
.ax-thumbs th {
  background-color: #ebeadb;
  padding-left: 3px;
  padding-bottom: 1px;
  cursor: default;
  font-weight: normal;
  text-align: left;
  white-space: nowrap;
}

.listview {
  white-space: nowrap;
}

.listview .top {
  border-style: none solid none none;
  border-color: rgb(208, 208, 208);
  border-width: 1px;
}

.listview tr  {
  background-color: white;
}

.listview tr:hover,
.listview tr.even:hover {
  background-color: #e2f3fc;
}

.listview tr.even {
  background-color: #fcfaf6;
}

.listview tr.nohighlight {
  background-color: transparent;
}

.ax-thumbs th:hover,
.listview th:hover {
  background-color: #f6f6f6;
}

.ax-thumbs .increation input {
  font-size: 0.6em;
}

.listview th:hover .bevel,
.ax-thumbs th:hover .bevel  {
  background-color: #ffcc33;
}

.ax-thumbs .bevel,
.listview .bevel {
  background-color: rgb(208, 208, 208);
  height: 3px;
  font-size: 0pt;
  padding-left: 0px;
}

.listview td {
  border-style: none solid solid none;
  border-color: rgb(241, 239, 226);
  border-width: 1px;
  padding: 2px 2px 2px 6px;
  vertical-align: middle;
}


.ax-thumbs .upper-left-cell,
.listview .upper-left-cell {
  width: 20px;
  border-style: none solid solid none;
  border-color: white;
  background-color: #e2e0cb;
  border-width: 1px;
}

.listview .count {
  background-color: rgb(241, 239, 226);
  vertical-align: middle;
  text-align: right;
  padding: 2px 2px 2px 6px;
  border-width: 1px;
  overflow: hidden;
}

.listview .tag,
.item .tooltip .tag {
  color: blue;
  text-decoration: none;
}


.service-header {
  border-style: none none none solid;
  border-width: 10px;
  border-color: white;
  padding: 5px;
  background-color: white;
}

.ms-window .frame {
  overflow: auto;
  /* Otherwise content of this element will spill out of it if it's
   * relatively positioned. See
   * http://www.quirksmode.org/bugreports/archives/2005/09/positionrelative_breaks_out_of_overflow_constraint.html
   */
  position: relative; 
  background-color: #fff;
}

.ms-window .item-display-area {
  text-align:center;
  /*width: 100%;
    height: 100%;*/
}

.item-display-area .item {
  max-width: 100%;
  max-height: 90%;
}

.item-display-area .article-display {
  max-width: 100%;
  max-height: 90%;
  padding: 5px;
  overflow: auto;
  text-align: left;
}

.item-display-area .article-header {
  font-size: 1.7em;
  text-align: center;
  background-color: #ddd;
  margin-bottom: 10px;
}


.ax-window .header {
  position: relative;
  margin: 0 auto;
  background-color: #fff;
  vertical-align: middle;
  height: 24px;
}

.ax-window .header .title {
  float: left;
}

.ax-window .header .close {
  float: right;
}

.ax-window .close a {
  text-decoration: none; 
}

.ax-window .close img {
  border: 0px;
}

.ms-window .header {
    background-color: #fff;
}

.ms-window .close a {
    text-decoration: none; 
}

.ms-window .close img {
    border: 0px;
}

.transcendent-background {
  position: fixed;
  top: 0px;
  left: 0px;
  /*z-index: 80;*/
  width: 100%;
  height: 100%;
  background-color: #aaa;
  filter:alpha(opacity=80);
  -moz-opacity: 0.80;
  opacity: 0.80;
}

.tooltip .arrow { 
  background-repeat:no-repeat;
  z-index:20;
  height:26px;
  opacity: 0.9;
}


div#selection-list-content  {
  overflow: hidden;
  width: 10em;
  margin: 4px;
  border: 1px solid #000;
}

div#debug-messages,
div#news-messages  {
  font-size: 0.7em;
  margin: 4px;
  border: 1px solid #000;
  height: 8em;
  overflow-y: scroll;
}

div#quicklinks-content {
  margin: 4px;
  border: 1px solid #000;
}

div#badge {
  margin: 4px;
}

div#tune {
  margin: 4px;
  border: 1px solid #000;
}

div#tune .action-bar {
  white-space: nowrap;
}


.bar-widget  {
  margin: 4px;
  border: 1px solid #000;
}

#left-bar-placeholder {
  vertical-align: top; 
}

#left-bar, 
#main-content {
 margin: 5px;
}

.inline-edit .description {
  vertical-align: top; 
  white-space: nowrap;
}

#title-bar-main,
#title-bar-left {
  vertical-align: center; 
  white-space: nowrap;
}

#right-bar {
  vertical-align: top; 
  margin-left: 5px;
  border: 1px solid #ccc;
}

#main-content-layout {
  vertical-align: top; 
}

.tooltip .content { 
  background-color: white; 
  z-index:20;
  opacity: 0.9;
  border: 1px solid #000;
  padding: 2px;
}

.tooltip-collapsing {
  position: absolute;
  z-index: 20;
  padding: 0;
  font-size: 11px;
}

.item-selecting {
  position: absolute;
  z-index: 21;
  padding: 0;
}

.result-display-icon {
  border: 1px solid #FFF;
}

.editable-iframe {
  position: absolute;
  z-index: 25;
  background-color: white;
}

.drop-down {
  background-color: white;
  border: 1px solid #888;
  list-style-type: none;
  z-index: 30;
  margin: 0px;
  padding: 5px;
}

.drop-down li.selected {
  color: white;
  background-color: #4169E1;
  z-index: 30;
  margin-left: -5px;
  padding-left: 5px;
  margin-right: -5px;
  padding-right: 5px;
}

.code-editor-footer {
  margin-top: 5px;
  font-size: 0.8em;
  overflow: hidden;
}

.code-editor-footer .completion-term {
  padding-right: 3px;
}

.code-editor-footer .selected {
  background-color: red;
  color: white;
}

.tab-list {
}

.tab-list .active {
  background-color: blue;
  color: white;
}

.tab-list .hidden {
  color: black;
}

.tab-list .entry {
  border-right: 1px solid #888;
  text-decoration: none;
  padding-right: 2px;
  padding-left: 2px;
  font-size: 0.8em;
}

.code-editor-help {
  font-size: 0.75em;
  margin-top: 10px;
  color: #444;
}

#centered-widget-window-error .table_window, 
#centered-widget-window-error .dialog_content td {
  background-color: #888;
  color: white;
  text-align: center;
  white-space: nowrap;
  padding: 4px;
}

#centered-widget-window-error div,
#centered-widget-window-error td {
  font-size:   13px;
  line-height: 18px;
}

#centered-widget-window-error a { color: #000; }
#centered-widget-window-error a:visited { color: #666; }
#centered-widget-window-error a:hover { color: #fff; background-color:#000; }

#overlay_modal {
  background-color: #eee;
  filter:alpha(opacity=80);
  -moz-opacity: 0.8;
  opacity: 0.8;
}