/* Copyright (c) 2001-2019 Hewlett Packard Enterprise Development LP
   This material contains trade secrets and confidential information of Aruba
   Networks, Inc.
   Any use, reproduction, disclosure or dissemination is strictly prohibited
   without the explicit written permission of Aruba Networks, Inc.
   All rights reserved.
*/
img {
    border: 0;
}

.hide {
  display: none;
}

body.contentPage {
  margin-left: 0.5em;
  margin-right: 0em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0px;
  background-repeat: no-repeat;
  background-color: #ffffff;
}

a.shortcuts:link, a.shortcuts:active, a.shortcuts:visited, a.shortcuts:hover {
  color: #444;
  text-decoration: none;
}

.pseudolink, a:link, a:active, a:visited {
  color: #408CB3;
  text-decoration: none;
}

.pseudolink:hover, a:hover {
  text-decoration: underline;
  cursor: pointer;
}

a.hiddenlink, a.hiddenlink:visited {
  text-decoration: none;
  color: black;
}

a.hiddenlink .errorstatus, .configerror {
  text-decoration: none;
  color: #CC0033;
}

a.hiddenlink:hover {
  text-decoration: underline;
  color: #0F4A6C;
}

a.underline {
  text-decoration: underline;
}

.headerFrame { color: #0F4A6C; }

.grace_period { color: red; }

small { font-size: 8pt; }

/* Input fields */

.longSelectBox {
  width: 17em;
}

.autoSelectBox {
  width: auto;
}

.shortSelectBox {
  width: 8em;
}

.selectBox {
  min-width: 14em;
  max-width: 50%;
}
.IEselectBox {
  width: auto;
}

.widget_cell .selectBox {
  max-width: 100%;
  width: 100%;
}

select, .selectBox, .notesDialog, .longSelectBox, .autoSelectBox {
  font-size: 8pt;
}

.notesDialog {
  width: 99%;
}

.macACL {
  font-family: monospace;
}

.fieldName .fieldMidName {
  color: #515151;
}

.thinFieldName {
  width: 1%;
}

.indexPage .fieldName .fieldMidName {
  color: #333333;
  font-size: smaller;
}

.monitorValue {
  text-align: left;
}

INPUT.inputField {
  text-align: left;
}

.defaultSubmitButton {
  width: 9em;
  font-size: 8pt;
}

.longButton {
  width: 13em;
  font-size: 8pt;
}

.extralongButton {
  width: 15em;
  font-size: 8pt;
}

.freeButton {
  font-size: 8pt;
}

.iconButton {
  background-color: transparent;
  background: transparent;
  border: 0px;
}

/* Text formatting */

.ok, .ignored_ok {
  color: #009900;
  font-weight: bold;
}

.ok a {
  color: #009900;
}

.acknowledge_link {
  font-size: 8px;
  font-weight: normal;
  font-style: italic;
}

.acknowledge_link a {
  color: #000099;
}

.error, .error a, .ignored_error, .column_order_error {
  color: #990000;
  font-weight: bold;
}

.ignored_error, .ignored_ok, .ignored_nomismatch {
  font-style: italic;
}

.errorstatus, .configerror {
  color: #990000;
}

a.errorstatus {
  color: #990000;
}

a.errorstatus:visited {
  color: #990000;
}

.sectionTitle {
  font-weight: bold;
  text-align: center;
  background-color: #EBEFF9;
  vertical-align: baseline;
  line-height: 1.5rem;
}

P.sectionTitle {
  margin: 0px;
}

.helpDeskDetail {
  width: 482px;
}

.subTitle {
  font-weight: bold;
}

.search-page {
  margin: 5px 0px;
}

.info {
  color: #515151;
  font-size: 8pt;
  white-space: normal;
  font-weight: normal;
}

.beta {
  color: #990000;
  font-size: 8pt;
  font-style: italic;
  font-weight: bold;
  white-space: normal;
  padding-top: .05em;
  vertical-align: top;
}

.search_info {
  border: none !important;
  padding: 4px;
}

.search_explanation {
  border: none !important;
  padding: 5px;
}

.warninfo {
  color: #7f030d;
  font-size: 12pt;
}

/* Lists */

.list_edit {
  min-height: 3em;
}

.unbreakable_block {
  page-break-inside: avoid;
  margin-top: 0.2em;
}

.unbreakable_block .panel {
  overflow: hidden;
}

.awms_table .inputField {
  line-height: 2.5rem;
}

th {
  font-weight: bold;
  text-align: left;
}

.new_rogue_found { background-color: #FF6666; }

.highlightClass, ul.column_order_list li.ui-sortable-helper {
  background-color: #F4F4AF;
}

.active_row { background-color: #c0eec0; }

.active_row_even { background-color: #ddffdd; }

.eventLogLine td {
  vertical-align: baseline;
  padding-right: 1em;
  white-space: nowrap;
}

.manage_state_ro, .manage_state_rw {
  padding-left: 25px;
}
.manage_state_ro {
  background-image: url("/images/lock.gif");
  background-position: center left;
  background-repeat: no-repeat;
}

.change_sort img {
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
}

.tableHeader th, .tableHeaderHeader th, .tableHeader td, table.report th {
  padding-left: .25em;
  font-size: 8pt;
  padding-right: 1em;
  font-weight: bold;
  vertical-align: baseline;
  background-color: #EBEFF9;
  color: black;
  padding-bottom: .125em;
}

.tableHeader th, .tableHeaderHeader th {
  white-space: nowrap;
  border-color: #D9D9D9;
  border-width: 0 .1em 0 0;
  border-style: solid;
  padding-top: .125em;
  font-size: 8.5pt;
}

.tableHeaderHeader th { text-align: center; }

th.selected {
  background-color: #E0E0C2;
  padding-right: 0em;
}

th.spacer {
  border-width: 0em;
}

.balancedTable tr td {
  padding: .25em;
}

table.data tr td, .listAsTable tr td, table.report td {
  padding-right: 1em;
}

table.data td, .fieldName, .thinFieldName {
  white-space: nowrap;
  vertical-align: top;
}

.balancedTable tr td, table.report td, .noPaddingTable tr td, .graphTable tr td {
  vertical-align: baseline;
}

table.data, .balancedTable, .tableTwoColumn, .noPaddingTable, .tableWideTwoColumn, .graphTable {
  margin-bottom: 1.2em;
  border-collapse: collapse;
}

table {
  page-break-inside: avoid;
}

.innerCompactTable {
  margin-bottom: 0;
}

.table_finder + table.data {
  margin-bottom: 0px;
}

.graphTable {
  margin-bottom: 0em;
}

.tableTwoColumn {
  width: 42em;
}

.unwidthedTableDiv {
  float: left;
  margin-right: 1em;
}

.frontPageTableDiv {
  width: 487px;
  float: left;
  margin-right: 1em;
}

.twoColumnTableDiv {
  float: left;
  margin-right: 1em;
}

.manageButtons {
  text-align: center;
  padding-top: 1em;
}

.datarates tr td {
  padding-left: 4px;
  text-align: right;
}

.rightAlign {
  text-align: right;
}

.row_count {
  font-size: 8pt;
  color: #515151;
  display: inline-block;
  padding: 3px;
}

/* Misc. */

.reportDisclaimer {
  text-align: left;
  font-size: 8pt;
  margin-left: auto;
  margin-right: auto;
}

#explain_hidden_options .toggler:after {
  color: #408CB3;
  content: "(Show)";
  cursor: pointer;
}

#explain_hidden_options.expand .toggler:after {
  color: #408CB3;
  content: "(Hide)";
  cursor: pointer;
}

.helpLink {
  border: none !important;
  font-size: 10pt;
  text-align: right;
  float: right;
  padding: 5px;
}

.widget_cell {
  vertical-align: top;
}

.widget_cell table.data {
  width: 100%;
}

.widget_cell table.data table {
  margin: 0 0 0 0;
  border: 0;
  width: 100%;
}

.widget_cell table.data table.data {
  margin: 1em 0 0 0;
}

.widget_filler {
  width: 240px;
  height: 120px;
}

.widget_cell table.data > tbody > tr > td {
  padding: 0;
}

.unauthed_client, .disabled_rule {
  font-weight: normal;
  font-style: italic;
  color: #515151;
}

.editing_item {
  font-weight: bold;
}

.authed_client {
  font-weight: normal;
  font-style: normal;
}

.emptySpace {
  background-color: #FFFF77;
}

.total_row {
  border-top: 1px solid #d9d9d9;
}

.inforow {
  border-top: 1px solid #d9d9d9;
}

p.clear {
  clear: both;
}

.variableUsed {
  color: #7ea788
}

.variableUnused {

}

.pagenav {
  /* font-size: 8pt; */
}

a.navlink, a.navlink:visited {
  text-decoration: none;
}

.reportTable {
  width: 25em;
}

tbody.reportbody {
  height: 10.1em;
  overflow: auto;
}

.wideReport {
  width: 90em;
  height: 20em;
  overflow: auto;
}

tbody.widereportbody {
  height: 10em;
  overflow: auto;
}

.report_chart_title {
  margin-bottom: 10px;
  font-weight:bold;
  text-align: center;
}

.report_chart_table {
  border: none;
  background-color: white;
}

.report_chart_table tr {
  background-color: white;
}

.report_chart_table td {
  width: 210px;
  text-align: center;
}
.reportbox {
  float: left;
  margin-left: 2.5em;
}

.infotableleft {
  width: 14em;
  float: left;
  margin-right: 3em;
}

.infotableright {
  width: 14em;
  float: left;
}

.infotable {
  width: 14em;
}

td.param {
  width: 50%;
  font-weight: bold;
} 

#Group + tr td.param {
  width: 20%;
  font-weight: bold;
}

.wider_grid .checkbox-grid li {
  width:100%;
}

.checkbox-grid li{
  display: inline-flex;
  width:50%;
  float:left;
  min-height: 15px;
}

td.info {
  background-color: #EBEBEB;
  width: 23em;
  padding: .5em;
  text-align: left;
  float: left;
  vertical-align: top;
}


td.info2col {
  background-color: #EBEBEB;
  padding: .5em;
}

td.wideInputField, td.inputFieldIndented {
  background-color: #CCCCCC;
  text-align: left;
  padding-left: .5em;
  padding-right: .5em;
}

td.inputFieldWithTable {
  /* background-color: #CCCCCC; */
  text-align: left;
  padding-left: .25em;
  padding-right: .5em;
}

td.inputFieldIndented {
  padding-left: 2em;
}

td.withList {
  background-color: #FFFFFF;
}

.textInputLong {
  width: 16em;
}
.textInputShort {
  width: 4em;
}

table.grpstatustable {
  border: 0;
}
table.grpstatustable td {
  white-space: normal !important;
}

td.grpstatusicon, td.grpstatustext {
  text-align: left;
  white-space: nowrap;
}

td.grpstatusicon {
  padding-left: 1em;
  padding-right: .25em;
}

.reportHelp {float: right; text-align: left; width: 150px;}
#reportEmailForm {display: none;}
.reportHelp .textInputLong { width: 10em }

span.param {
  text-align: left;
  float: left;
  white-space: nowrap;
}

span.inputField {
  text-align: right;
  white-space: nowrap;
}

td.guestUserField {
  text-align: right;
  padding-right: 5px;
  padding-top: 5px;
}

td.guestUserValue {
  text-align: left;
  font-size: 11pt;
}

input.uparrow, input.downarrow {
  background: transparent url("/images/arrow-up.png") no-repeat center;
  overflow: hidden;
  color: #04669C;
  width: 16px;
  height: 14px;
  font-size: 0px;
  border: none;
  cursor: pointer;
}
input.downarrow {
  background: transparent url("/images/arrow-down.png") no-repeat center;
}

div.aosReferenceContainer {
  position: relative;
  padding-right: 20px;
  white-space: nowrap;
  line-height:30px;
}

.draggingRow, ul.column_order_list li.ui-sortable-helper {
  color: blue;
  border: 1px solid blue;
}

* html .column_order { /*ie6 target*/
  width: 200px;
}

.column_order, .column_order_roles, .client_field_hints {
  position: absolute;
  z-index: 11;
  background: #ffffff;
  padding-right: 1px;
}

.client_field_hints {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 80%;
  width: 35%;
  display: none;
  white-space: nowrap;
}

.client_field_hints ul {
  margin: 0px; /*needed for ie6*/
  padding: 1px 1px 1px 1px;
  left: 0px;
  list-style: none;
}

.column_order {
  max-width: 200px;
}

ul.column_order_list, .column_order_roles ul {
  padding: 10px 1px 1px 1px;
}

ul.column_order_list {
  max-height: 14.3em;
  width: 14.3em;
}

ul.column_order_list, .column_order_roles ul {
  margin: 0px; /*needed for ie6*/
  padding: 1px 1px 1px 1px;
  left: 0px;
  list-style: none;
  /*
    overflow:auto is strictly to fix a jQuery UI Sortable issue where
      draggy-things in a draggy-list have their ui-sortable-helper show
      up in the wrong place if you're scrolled down the page.
    If jQuery UI 1.9 ever comes out, this might be fixed and the 'overflow'
      can be removed. See http://bit.ly/p3bS5C (should be a StackOverflow page)
  */
  overflow: auto;
}

ul.column_order_list li {
  cursor: move;
  position: relative;
  padding-right: 20px;
}

ul.column_order_list li input[type=checkbox] {
  float: none;
  vertical-align: middle;
}

ul.column_order_list li input {
  cursor: auto;
}

ul.column_order_list li img {
  position: absolute;
  right: 1px;
  top: 4px;
}

tr td.dragHandle { /* extra specificity is to disambiguate from "table.data tr td" rule */
  padding-right: 0em;
  padding-left: 0em;
  background-position: center center;
  background-repeat: no-repeat;
  background-image: url("/images/grab.png");
  width: 20px;
}

ul.no_list_style {
  margin: 0;
  padding: 0;
}

ul.no_list_style li {
  list-style-type: none;
}

.ajax_error {
  position: absolute;
  top: 2px;
  left: 50px;
  background-color: #FB7373;
  padding: 2px 5px 2px 5px;
  font-weight: bold;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#airespace_mobility_picker {
  background-color: #EBEBEB;
  width: 40%;
}

div.waiting_row {
  padding: 20px 50px;
  font-weight: bolder;
  font-size: 1.2em;
  background-image: url('/images/ajax-loader2.gif');
  background-repeat: no-repeat;
  background-position: left center;
}

td.no_rows_found {
  padding: 5px 25px;
}

div.stacktrace {
  border:2px solid black;
  width: 90%;
  padding: 1em;
  margin-left: 10px;
  word-wrap: break-word;
}

div.empty_log_message {
  font-weight: bold;
  font-size: 1em;
  padding: 10px 0;
}

/* Use this when you want to wrap an annoying large column in a table */
div.fixed_wrap {
  white-space: normal;
  width: 20em;
  margin-bottom: 5px;
}

/* Use this when you want to wrap an annoying medium sized column in a table */
div.mid_wrap {
  white-space: normal;
  width: 10em;
}

div.sectionTitle h1 {
  margin: 0;
  font-size: 100%;
}

a.tooltip {
  outline: none;
  color: #408CB3;
  float: left;
  position: relative;
}
a.tooltip:hover {
  text-decoration: none;
} 
a.tooltip span {
  display: none; 
  width: 265px; 
  line-height: 16px;
}
a.tooltip:hover span{
  display: inline; 
  position: absolute;
  color: #000;
  border: 1px solid #D9D9D9;
  border-radius: 4px;
  background: #FFF;
}

table.home_overview {
  padding-left: .5em;
  min-width: 1000px;
  width: 100%;
}

#site_thumbnail > img:first-child{
  height: 100%;
  width: 100%;
}

.system_logs {
   overflow: auto;
}

tr.tableHeader th a:link {
  color: #646569;
}


#aos_content {
  min-height: 100%;
  position: relative;
}

.leftpane {
  min-height: 100%;
  left: 0px;
  top: 0px;
}

.rightpane {
  min-height: 100%;
  padding-top: 1px;
}

.rightpane .name input {
  height: 1.5rem;
}

.rightpane table.data input[type=checkbox] {
  margin-right: 0px;
}

.rightpane table.data tr td {
  padding-left: 0.625rem;
}


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 */

/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }


/*
 * jQuery UI CSS Framework 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Theming/API
 *
 * To view and modify this theme, visit http://jqueryui.com/themeroller/?ctl=themeroller&ctl=themeroller&ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=CCCC99&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=05_inset_soft.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px
 */


/* Component containers
----------------------------------*/
.ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; }
.ui-widget .ui-widget { font-size: 1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; }
.ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url(css/jqui/images/ui-bg_flat_75_ffffff_40x100.png) 50% 50% repeat-x; color: #222222; }
.ui-widget-content a { color: #222222; }
.ui-widget-header { border: 1px solid #aaaaaa; background: #cccc99 url(css/jqui/images/ui-bg_highlight-soft_75_cccc99_1x100.png) 50% 50% repeat-x; color: #222222; font-weight: bold; }
.ui-widget-header a { color: #222222; }

/* Interaction states
----------------------------------*/
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url(css/jqui/images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #555555; }
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; }
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #999999; background: #dadada url(css/jqui/images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; }
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url(css/jqui/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x; font-weight: normal; color: #212121; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; }
.ui-widget :active { outline: none; }

/* Interaction Cues
----------------------------------*/
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight  {border: 1px solid #fcefa1; background: #fbf9ee url(css/jqui/images/ui-bg_glass_55_fbf9ee_1x400.png) 50% 50% repeat-x; color: #363636; }
.ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; }
.ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(css/jqui/images/ui-bg_inset-soft_95_fef1ec_1x100.png) 50% bottom repeat-x; color: #cd0a0a; }
.ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #cd0a0a; }
.ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; }
.ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; }
.ui-priority-secondary, .ui-widget-content .ui-priority-secondary,  .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; }
.ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; }

/* Icons
----------------------------------*/

/* states and images */
.ui-icon { width: 16px; height: 16px; background-image: url(css/jqui/images/ui-icons_222222_256x240.png); }
.ui-widget-content .ui-icon {background-image: url(css/jqui/images/ui-icons_222222_256x240.png); }
.ui-widget-header .ui-icon {background-image: url(css/jqui/images/ui-icons_222222_256x240.png); }
.ui-state-default .ui-icon { background-image: url(css/jqui/images/ui-icons_888888_256x240.png); }
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(css/jqui/images/ui-icons_454545_256x240.png); }
.ui-state-active .ui-icon {background-image: url(css/jqui/images/ui-icons_454545_256x240.png); }
.ui-state-highlight .ui-icon {background-image: url(css/jqui/images/ui-icons_2e83ff_256x240.png); }
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(css/jqui/images/ui-icons_cd0a0a_256x240.png); }

/* positioning */
.ui-icon-carat-1-n { background-position: 0 0; }
.ui-icon-carat-1-ne { background-position: -16px 0; }
.ui-icon-carat-1-e { background-position: -32px 0; }
.ui-icon-carat-1-se { background-position: -48px 0; }
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-carat-1-sw { background-position: -80px 0; }
.ui-icon-carat-1-w { background-position: -96px 0; }
.ui-icon-carat-1-nw { background-position: -112px 0; }
.ui-icon-carat-2-n-s { background-position: -128px 0; }
.ui-icon-carat-2-e-w { background-position: -144px 0; }
.ui-icon-triangle-1-n { background-position: 0 -16px; }
.ui-icon-triangle-1-ne { background-position: -16px -16px; }
.ui-icon-triangle-1-e { background-position: -32px -16px; }
.ui-icon-triangle-1-se { background-position: -48px -16px; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-triangle-1-sw { background-position: -80px -16px; }
.ui-icon-triangle-1-w { background-position: -96px -16px; }
.ui-icon-triangle-1-nw { background-position: -112px -16px; }
.ui-icon-triangle-2-n-s { background-position: -128px -16px; }
.ui-icon-triangle-2-e-w { background-position: -144px -16px; }
.ui-icon-arrow-1-n { background-position: 0 -32px; }
.ui-icon-arrow-1-ne { background-position: -16px -32px; }
.ui-icon-arrow-1-e { background-position: -32px -32px; }
.ui-icon-arrow-1-se { background-position: -48px -32px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrow-1-sw { background-position: -80px -32px; }
.ui-icon-arrow-1-w { background-position: -96px -32px; }
.ui-icon-arrow-1-nw { background-position: -112px -32px; }
.ui-icon-arrow-2-n-s { background-position: -128px -32px; }
.ui-icon-arrow-2-ne-sw { background-position: -144px -32px; }
.ui-icon-arrow-2-e-w { background-position: -160px -32px; }
.ui-icon-arrow-2-se-nw { background-position: -176px -32px; }
.ui-icon-arrowstop-1-n { background-position: -192px -32px; }
.ui-icon-arrowstop-1-e { background-position: -208px -32px; }
.ui-icon-arrowstop-1-s { background-position: -224px -32px; }
.ui-icon-arrowstop-1-w { background-position: -240px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-arrowthick-1-ne { background-position: -16px -48px; }
.ui-icon-arrowthick-1-e { background-position: -32px -48px; }
.ui-icon-arrowthick-1-se { background-position: -48px -48px; }
.ui-icon-arrowthick-1-s { background-position: -64px -48px; }
.ui-icon-arrowthick-1-sw { background-position: -80px -48px; }
.ui-icon-arrowthick-1-w { background-position: -96px -48px; }
.ui-icon-arrowthick-1-nw { background-position: -112px -48px; }
.ui-icon-arrowthick-2-n-s { background-position: -128px -48px; }
.ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; }
.ui-icon-arrowthick-2-e-w { background-position: -160px -48px; }
.ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; }
.ui-icon-arrowthickstop-1-n { background-position: -192px -48px; }
.ui-icon-arrowthickstop-1-e { background-position: -208px -48px; }
.ui-icon-arrowthickstop-1-s { background-position: -224px -48px; }
.ui-icon-arrowthickstop-1-w { background-position: -240px -48px; }
.ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; }
.ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; }
.ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; }
.ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; }
.ui-icon-arrowreturn-1-w { background-position: -64px -64px; }
.ui-icon-arrowreturn-1-n { background-position: -80px -64px; }
.ui-icon-arrowreturn-1-e { background-position: -96px -64px; }
.ui-icon-arrowreturn-1-s { background-position: -112px -64px; }
.ui-icon-arrowrefresh-1-w { background-position: -128px -64px; }
.ui-icon-arrowrefresh-1-n { background-position: -144px -64px; }
.ui-icon-arrowrefresh-1-e { background-position: -160px -64px; }
.ui-icon-arrowrefresh-1-s { background-position: -176px -64px; }
.ui-icon-arrow-4 { background-position: 0 -80px; }
.ui-icon-arrow-4-diag { background-position: -16px -80px; }
.ui-icon-extlink { background-position: -32px -80px; }
.ui-icon-newwin { background-position: -48px -80px; }
.ui-icon-refresh { background-position: -64px -80px; }
.ui-icon-shuffle { background-position: -80px -80px; }
.ui-icon-transfer-e-w { background-position: -96px -80px; }
.ui-icon-transferthick-e-w { background-position: -112px -80px; }
.ui-icon-folder-collapsed { background-position: 0 -96px; }
.ui-icon-folder-open { background-position: -16px -96px; }
.ui-icon-document { background-position: -32px -96px; }
.ui-icon-document-b { background-position: -48px -96px; }
.ui-icon-note { background-position: -64px -96px; }
.ui-icon-mail-closed { background-position: -80px -96px; }
.ui-icon-mail-open { background-position: -96px -96px; }
.ui-icon-suitcase { background-position: -112px -96px; }
.ui-icon-comment { background-position: -128px -96px; }
.ui-icon-person { background-position: -144px -96px; }
.ui-icon-print { background-position: -160px -96px; }
.ui-icon-trash { background-position: -176px -96px; }
.ui-icon-locked { background-position: -192px -96px; }
.ui-icon-unlocked { background-position: -208px -96px; }
.ui-icon-bookmark { background-position: -224px -96px; }
.ui-icon-tag { background-position: -240px -96px; }
.ui-icon-home { background-position: 0 -112px; }
.ui-icon-flag { background-position: -16px -112px; }
.ui-icon-calendar { background-position: -32px -112px; }
.ui-icon-cart { background-position: -48px -112px; }
.ui-icon-pencil { background-position: -64px -112px; }
.ui-icon-clock { background-position: -80px -112px; }
.ui-icon-disk { background-position: -96px -112px; }
.ui-icon-calculator { background-position: -112px -112px; }
.ui-icon-zoomin { background-position: -128px -112px; }
.ui-icon-zoomout { background-position: -144px -112px; }
.ui-icon-search { background-position: -160px -112px; }
.ui-icon-wrench { background-position: -176px -112px; }
.ui-icon-gear { background-position: -192px -112px; }
.ui-icon-heart { background-position: -208px -112px; }
.ui-icon-star { background-position: -224px -112px; }
.ui-icon-link { background-position: -240px -112px; }
.ui-icon-cancel { background-position: 0 -128px; }
.ui-icon-plus { background-position: -16px -128px; }
.ui-icon-plusthick { background-position: -32px -128px; }
.ui-icon-minus { background-position: -48px -128px; }
.ui-icon-minusthick { background-position: -64px -128px; }
.ui-icon-close { background-position: -80px -128px; }
.ui-icon-closethick { background-position: -96px -128px; }
.ui-icon-key { background-position: -112px -128px; }
.ui-icon-lightbulb { background-position: -128px -128px; }
.ui-icon-scissors { background-position: -144px -128px; }
.ui-icon-clipboard { background-position: -160px -128px; }
.ui-icon-copy { background-position: -176px -128px; }
.ui-icon-contact { background-position: -192px -128px; }
.ui-icon-image { background-position: -208px -128px; }
.ui-icon-video { background-position: -224px -128px; }
.ui-icon-script { background-position: -240px -128px; }
.ui-icon-alert { background-position: 0 -144px; }
.ui-icon-info { background-position: -16px -144px; }
.ui-icon-notice { background-position: -32px -144px; }
.ui-icon-help { background-position: -48px -144px; }
.ui-icon-check { background-position: -64px -144px; }
.ui-icon-bullet { background-position: -80px -144px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }
.ui-icon-pin-w { background-position: -128px -144px; }
.ui-icon-pin-s { background-position: -144px -144px; }
.ui-icon-play { background-position: 0 -160px; }
.ui-icon-pause { background-position: -16px -160px; }
.ui-icon-seek-next { background-position: -32px -160px; }
.ui-icon-seek-prev { background-position: -48px -160px; }
.ui-icon-seek-end { background-position: -64px -160px; }
.ui-icon-seek-start { background-position: -80px -160px; }
/* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
.ui-icon-seek-first { background-position: -80px -160px; }
.ui-icon-stop { background-position: -96px -160px; }
.ui-icon-eject { background-position: -112px -160px; }
.ui-icon-volume-off { background-position: -128px -160px; }
.ui-icon-volume-on { background-position: -144px -160px; }
.ui-icon-power { background-position: 0 -176px; }
.ui-icon-signal-diag { background-position: -16px -176px; }
.ui-icon-signal { background-position: -32px -176px; }
.ui-icon-battery-0 { background-position: -48px -176px; }
.ui-icon-battery-1 { background-position: -64px -176px; }
.ui-icon-battery-2 { background-position: -80px -176px; }
.ui-icon-battery-3 { background-position: -96px -176px; }
.ui-icon-circle-plus { background-position: 0 -192px; }
.ui-icon-circle-minus { background-position: -16px -192px; }
.ui-icon-circle-close { background-position: -32px -192px; }
.ui-icon-circle-triangle-e { background-position: -48px -192px; }
.ui-icon-circle-triangle-s { background-position: -64px -192px; }
.ui-icon-circle-triangle-w { background-position: -80px -192px; }
.ui-icon-circle-triangle-n { background-position: -96px -192px; }
.ui-icon-circle-arrow-e { background-position: -112px -192px; }
.ui-icon-circle-arrow-s { background-position: -128px -192px; }
.ui-icon-circle-arrow-w { background-position: -144px -192px; }
.ui-icon-circle-arrow-n { background-position: -160px -192px; }
.ui-icon-circle-zoomin { background-position: -176px -192px; }
.ui-icon-circle-zoomout { background-position: -192px -192px; }
.ui-icon-circle-check { background-position: -208px -192px; }
.ui-icon-circlesmall-plus { background-position: 0 -208px; }
.ui-icon-circlesmall-minus { background-position: -16px -208px; }
.ui-icon-circlesmall-close { background-position: -32px -208px; }
.ui-icon-squaresmall-plus { background-position: -48px -208px; }
.ui-icon-squaresmall-minus { background-position: -64px -208px; }
.ui-icon-squaresmall-close { background-position: -80px -208px; }
.ui-icon-grip-dotted-vertical { background-position: 0 -224px; }
.ui-icon-grip-dotted-horizontal { background-position: -16px -224px; }
.ui-icon-grip-solid-vertical { background-position: -32px -224px; }
.ui-icon-grip-solid-horizontal { background-position: -48px -224px; }
.ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; }
.ui-icon-grip-diagonal-se { background-position: -80px -224px; }


/* Misc visuals
----------------------------------*/

/* Corner radius */
.ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; }
.ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; }
.ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-right {  -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; }
.ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; }
.ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }

/* Overlays */
.ui-widget-overlay { background: #aaaaaa url(css/jqui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); }
.ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url(css/jqui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*
 * jQuery UI Tabs 1.8.11
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 1em 1.4em; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }


.ui-widget-header a { color: #222222; font-weight: bold; }



.custom_options div {
  width: 400px;
  height: 100%;
}

.custom_options ul {
  left: 0px;
  list-style: none;
  margin: 0px;
  padding: 1px 1px 1px 5px;
}

#selected_options span {
  padding-left: 10px;
  cursor: pointer;
}

#available_options {
  background-color: #EEEEEE; 
}

#selected_options {
  background-color: #FFFFFF;
}

.expandable {
  background: url(/images/treeview-gray.gif) -48px -47px no-repeat;
}

.collapsable {
  background: url(/images/treeview-gray.gif) -16px -91px no-repeat;
}

.report_name span {
  font-weight: bold;
  cursor: default;
  padding-left: 18px;
}

.widget_name span {
  font-weight: normal;
  padding-left: 30px;
  cursor: pointer;
}


#dashboard_wrapper {
  position: relative;
  height: 940px;
}

#dashboard_available_options {
  width: 200px;
  height: 900px;
  position: absolute;
  left: 0;
  top: 0;
  border-color: #D9D9D9;
  border-width: 1px;
  border-style: solid;
  padding-bottom: 10px;
  z-index: 5; /*needed for ie6/7 z-index bug */
}

#dashboard_grid {
  position: absolute;
  left: 210px;
  top: 0;
  width: 700px;
  padding-bottom: 10px;
  z-index: 0; /*needed for ie6/7 z-index bug */
}

.dashboard_header_text{
  text-align: center;
  padding-bottom: 8px;
  line-height: 1.2rem;
  font-weight: bold;
  font-size: 0.8rem;
  width: 900px;
  color: #646569;
}

.dashboard_cell {
  float: left;
  margin: 0px 0px 0px 0px;
  border-color: #D9D9D9;
  width: 170px;
  height: 150px;
  border-width: 1px;
  border-style: dashed;
}

.dashboard_available_option {
  border-color: #D9D9D9;
  border-width: 0;
  border-style: solid;
  z-index: 10;
  cursor: move;
  border-width: 1px;
  -moz-border-radius: 5px;
}

.dashboard_widget_available {
  z-index: 11;
}

.dashboard_widget_available .dashboard_widget_header, .dashboard_available_option {
  background-color: #EBEEF2;
  color: black;
  box-sizing: border-box;
  line-height: 1.25rem;
}

.dashboard_available_option.ui-draggable {
  font-family: opensans, helvetica, arial, sans-serif;
  font-size: 0.75rem;
  padding-left: 0.2rem;
}

.dashboard_widget_used {
  z-index: 10;
}

.dashboard_widget_used .dashboard_widget_header {
  background-color: #C3C5C8;
  height: 1.4rem;
}

.dashboard_widget_error {
  z-index: 12;
}
.dashboard_widget_error .dashboard_widget_header {
  background-color: #FF8300;
}

.dashboard_widget_header {
  position: relative;
  background-color: #68CCF1;
  width: 100%;
  height: 1.4rem;
  overflow: hidden;
  cursor: default;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}

.dashboard_widget_header_text {
  width: 150px;
  padding-left: .2rem;
  overflow: hidden;
  line-height: 1.4rem;
  font-family: opensans, helvetica, arial, sans-serif;
  font-size: 0.75rem;
  font-weight: bold;
  color: #646569;
}

.dashboard_close {
  position: absolute;
  width: 14px;
  height: 1.4rem;
  right: 2px;
  top: 0px;
  background-image: url("/images/X1.png");
  background-position: center left;
  background-repeat: no-repeat;
  cursor: pointer;
}

.ui-draggable-dragging {
  z-index: 15 !important;
  cursor: move;
}

.dashboard_widget_error, .dashboard_widget_available, .dashboard_widget_used {
  border-color: #D9D9D9;
  border-width: 0;
  border-style: solid;
  border-width: 1px;
  background-color: #FFFFCC;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: move;
}

.dashboard_header_text ~ .manageButtons {
  width: 900px;
  text-align: right;
}

.dashboard_header_text ~ .manageButtons form {
  padding-right: 0.5rem;
}

.dashboard_widget_header .icon_close {
  line-height: 1.4rem;
  position: absolute;
  top: 0;
  right: 20px;
}

.dashboard_header_text .icon_close {
  vertical-align: top;
  width: 23px;
  display: inline-block;
  right: 0.5rem;
}

.dashboard_header_text .icon_close:before, #dashboard_available_options .icon_close:before {
  font-size: 1.1rem;
  font-weight: bold;
  color: #646569;
}



ul.menu {
  padding-left: 0px;
  margin-left: 10px;
}

ul.menu li {
  float: left;
  height: 100%;
}

ul.menu li a {
  display: block;
  padding-top: 3px;
  text-decoration: none;
  margin-right: 0px;
  height: 20px;
  width: 75px;
  text-align: center;
}

ul.menu li a.active {
  background-repeat: no-repeat;
}

ul.menu li span.ribbontab {
  display: block;
  padding-top: 3px;
  padding-bottom: 3px;
  margin-right: 10px;
  margin-top: 5px;
  
  height: 100%;
  width: 80px;
  text-align: center;
  color: #ccc;
  cursor: pointer;

  font-size: 12px;
 
}

ul.menu li span.ribbontab:hover {
  color: black;
}

ul.menu li span.ribbontab.active,
ul.menu li span.ribbontab.active:hover {
  background-repeat: no-repeat;
  color: #4E81C8;
  text-decoration: none;
  background-color: #D9E3F3;
}

ul.menu .submenu {
  display: block;
  position: absolute;
  left: 0px;
  width: 100%;
  height: 80px;
  border: 0px;
  background-repeat: repeat-x;
  margin-left: -1px;
  z-index: 0;
  border-top: 1px solid #cccc99;
  border-bottom: 1px solid #ccc;
}

ul.menu .submenu li {
  height: 100%;
}

ul.menu li ul li div {
  text-align: bottom;
  vertical-align: center;
  float: left;
}

ul.menu div.activated {
  background-color: #ddd;
}

div.ribbon-list {
  padding: 5px;
  height: 100%;
  vertical-align: top;
  text-align: center;
}

div.titled-ribbon-list {
  padding: 5px 5px 5px 5px;
  height: 1.5em !important;
  text-align: left;
}

div.ribbon-list div {
  padding: 0px;
  text-align: left;
  margin: 0px;
  line-height: 18px;
  float: none;
}

div.ribbon-list input {
  margin-right: 3px;
  vertical-align: text-bottom;
}

div.ribbon-list div img {
  float: left;
  padding: 2px;
  padding-right: 3px;
}

div.ribbon-list ul {
  background-color: #fff;
  position: absolute;
  margin-left: -1px;
  border: 1px solid #8492A6;
}

div.ribbon-list ul li {
  background-repeat: repeat-y;
  margin: 0px;
  border: 0px;
  height: auto;
  padding: 1px;
  padding-left: 30px;
}

div.ribbon-list ul li:hover {
  background-repeat: repeat-x;
  border: 1px solid #FFB700;
  padding: 0px;
  padding-left: 29px;
}

ul.menu li ul li div img {
  padding-top: 5px;
  display: block;
  margin: 0px auto;
}

ul.menu li li {
  padding: 0px 10px 0px 10px;
  border-right: 1px solid #ccc;
}

h2.ribbonSectionHeading {
  vertical-align: sub;
  color: #4E81C8;
  font-family: Tahoma;
  font-size: 11px;
  font-weight: normal;
  margin: 0px auto;
  left: 0;
  right: 0;
  text-align: center;
  line-height: 1rem;
}

#customsignal input {
  width: 25px;
  margin-top: 0px;
}

li#imagebar img.menubutton {
  margin-right: 3em;
}

li#imagebar {
  float: right;
  margin-top: .5em;
}

div.mainContainer {
  width: 100%;
  height: 100px;
  margin-bottom: 10px;
  padding: 0px;
  position: relative;
  width: 100%;
}

.mainContainer, .mainContainer td {
  font-size: 0.8em;
}


div.mainContainer ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
}

ul.mainContainer a {
  outline: none;
}

div.mainContainer:after {
  clear: both;
}

div.button_container {
  margin: 2px;
  padding: 3px;
  cursor: pointer;
  text-align: center;
}

ul.submenu li {
  height: 100%;
}

object#QuickView {
  overflow: hidden;
  outline: none !important;
  -moz-outline-style: none;
}

div.vrf_checkbox_widget {
  white-space: nowrap;
}

.mainContainer img, .mainContainer input, .mainContainer label {
  vertical-align: middle;
}