/* Copyright © 2006-10 Spiceworks, Inc.  All Rights Reserved.  http://www.spiceworks.com */

/* TOOLBAR
 **************************************************************************************************/
div.sui-toolbar {
  margin:0;
  border-color:#dfdfdf;
  border-style:solid;
  border-width: 0 0 1px 0;
  padding:3px 5px 0;
  background-color:#f5f5f5;  
  position:relative;
  height:18px; /* if there are just right links, this height is needed */
}

div.sui-toolbar span.right {
  position:absolute;
  right:3px;
}

div.sui-toolbar a{
  font-size:0.95em;
  text-decoration:none;
  background-position: 0px 50%;
  background-repeat:no-repeat;
  margin-right: 5px;
  padding:0;
  outline:0;
  overflow:visible;
}

div.sui-toolbar a span.icon { 
  background-color:transparent;
  background-position:2px center;
  background-repeat:no-repeat;
  padding-left:20px;
  overflow:visible;  
  text-decoration:none;
  outline:0;
  padding:5px 0 5px 20px; /* Top & Bottom padding needed to Webkit to display correctly */
}

div.sui-toolbar a span.inner {
  outline:0;
}

div.sui-toolbar a:hover {
  text-decoration:none; /* We don't want to underline the icon */
}
div.sui-toolbar a:hover span {
  text-decoration:underline; /* Only underline the text */
}

div.sui-toolbar a.pivot {
  background:transparent url(/images/icons/indicators/pivot.png) no-repeat right 5px;
  padding-right:12px!important; /* for menus without icons, pad the left a little */
  margin-right:7px;
  position:relative;
  text-decoration:none;
}

div.sui-toolbar a.edit span, div.sui-overview li.edit {background-image:url(/images/icons/small/edit.png);}
div.sui-toolbar a.accept span, div.sui-overview li.accept {background-image:url(/images/icons/small/star_orange.png); background-position:0px center;}
div.sui-toolbar a.edit_ticket span, div.sui-overview li.edit_ticket {background-image:url(/images/icons/small/edit.png);}
div.sui-toolbar a.new_ticket span, div.sui-overview li.new_ticket {background-image:url(/images/icons/small/new_ticket.png);}
div.sui-toolbar a.portal span, div.sui-overview li.portal {background-image:url(/images/icons/small/portal.png); ;}
div.sui-toolbar a.setup_helpdesk span, div.sui-overview li.setup_helpdesk {background-image:url(/images/icons/small/helpdesk_setup.png);}
div.sui-toolbar a.check_tickets span, div.sui-overview li.check_tickets {background-image:url(/images/icons/small/refresh.png);}
div.sui-toolbar a.create_ticket span, div.sui-overview li.create_ticket {background-image:url(/images/icons/small/new_ticket.png);}
div.sui-toolbar a.ask_question span, div.sui-overview li.ask_question {background-image:url(/images/icons/small/new_question.png);}
div.sui-toolbar a.add_widget span, div.sui-overview li.add_widget {background-image:url(/images/icons/small/add_content.png);}
div.sui-toolbar a.add span, div.sui-overview li.add {background-image:url(/images/icons/small/add_content.png);}
div.sui-toolbar a.add-extension-list span{background-image:url(/images/icons/small/add_content.png);}
div.sui-toolbar a.new_asset span, div.sui-overview li.new_asset {background-image:url(/images/icons/small/new_asset.png);}
div.sui-toolbar a.remote span, div.sui-overview li.remote {background-image:url(/images/icons/small/remote_control.png);}
div.sui-toolbar a.print span, div.sui-overview li.print {background-image:url(/images/icons/small/print.png);}
div.sui-toolbar a.new-article span, div.sui-overview li.new-article {background-image:url(/images/icons/small/new-article.png);}
div.sui-overview li.user-group {background-image:url(/images/icons/small/groups.png);}
div.sui-overview li.community-help {background-image:url(/images/icons/small/community-help.png);}
div.sui-overview li.webinar {background-image:url(/images/icons/small/webinar.png);}
div.sui-overview li.plugins {background-image:url(/images/icons/small/plugins.png);}
div.sui-toolbar a.refresh span, div.sui-overview li.refresh {background-image:url(/images/icons/small/refresh.png);}
div.sui-overview li.scanning, div.sui-toolbar a.scanning span, div.sui-overview li.scanning {background-image:url(/images/icons/indicators/orange-spinner.gif); text-decoration:none!important; color:#666; cursor:text; }
div.sui-toolbar a.map-legend span{background-image:url(/images/icons/small/map-legend.png);}
div.sui-toolbar a.expand span, div.sui-overview li.expand {background-image:url(/images/icons/small/expand_section.png);}
div.sui-toolbar a.contract span, div.sui-overview li.contract {background-image:url(/images/icons/small/contract_section.png);}
div.sui-toolbar a.pdf span, div.sui-overview li.pdf {background-image:url(/images/icons/export/adobe.png);}
div.sui-toolbar a.csv span, div.sui-overview li.csv {background-image:url(/images/icons/export/csv.png);}
div.sui-toolbar a.excel span, div.sui-overview li.excel {background-image:url(/images/icons/export/excel.png);}
div.sui-toolbar a.export span, div.sui-overview li.export {background-image:url(/images/icons/small/export_report.png);}
div.sui-toolbar a.profile span, div.sui-overview li.profile {background-image:url(/images/icons/small/my_profile.png);}
div.sui-toolbar a.gear span, div.sui-overview li.gear {background-image:url(/images/icons/small/gear.png);}
div.sui-toolbar a.new_report span, div.sui-overview li.new_report {background-image:url(/images/icons/small/create_report.png);}
div.sui-toolbar a.import_report span, div.sui-overview li.import_report {background-image:url(/images/icons/small/import_report.png);}
div.sui-toolbar a.agreement span, div.sui-overview li.agreement {background-image:url(/images/icons/small/it_services_name.png);}
div.sui-toolbar a.new_group span, div.sui-overview li.new_group {background-image:url(/images/icons/small/create_report.png);}
div.sui-toolbar a.back span, div.sui-overview li.back {background-image:url(/images/icons/back_arrow.png); padding-left:27px;}
div.sui-toolbar a.restore span, div.sui-overview li.restore {background-image:url(/images/icons/small/restore.png);}
div.sui-toolbar a.customize span, div.sui-overview li.customize {background-image:url(/images/icons/small/customize.png);}
div.sui-toolbar a.edit_report span, div.sui-overview li.edit_report {background-image:url(/images/icons/small/edit.png); }
div.sui-toolbar a.toggle_scan_link span, div.sui-overview li.toggle_scan_link {background-image:url(/images/icons/small/start_scan.png);}
div.sui-toolbar a.toggle_scan_link.scanning span, div.sui-overview li.toggle_scan_link.scanning {background-image:url(/images/icons/small/stop_scan.png);}
div.sui-toolbar a.compare_devices_button.disabled span, div.sui-overview li.compare_devices_button.disabled {background-image:url(/images/icons/small/compare_devices_disabled.png);}
div.sui-toolbar a.compare span, div.sui-overview li.compare {background-image:url(/images/icons/small/compare_devices.png);}
div.sui-toolbar a.view_profile span, div.sui-overview li.view_profile{background-image:url(/images/icons/small/view_profile.png);}
div.sui-toolbar a.network_map span, div.sui-overview li.network_map{background-image:url(/images/icons/small/map_legend.png);}
div.sui-toolbar a.scan span, div.sui-overview li.scan{background-image:url(/images/icons/small/start_scan.png);}
div.sui-toolbar a.date span { background-image:url(/images/icons/small/agreements/date.png); }
div.sui-overview li.reclassify{ background-image:url(/images/icons/small/reclassify.png); }
div.sui-overview li.offline {background-image:url(/images/icons/indicators/offline_lan.png);}
div.sui-overview li.online {background-image:url(/images/icons/indicators/online_lan.png);}
div.sui-overview li.group {background-image:url(/images/icons/small/groups_16px.png);}
div.sui-toolbar a.it_services_action_delete span, div.sui-overview li.it_services_action_delete {background-image:url(/images/icons/small/trash.png);}
div.sui-toolbar a.delete span, div.sui-overview li.delete {background-image:url(/images/icons/small/trash.png);}
div.sui-toolbar a.close span, div.sui-overview li.close {background-image:url(/images/icons/small/close_w_box.png);}
div.sui-toolbar a.reopen span, div.sui-overview li.reopen {background-image:url(/images/icons/small/restore.png);}
div.sui-toolbar a.timeline_settings span, div.sui-overview li.timeline_settings {background-image:url(/images/icons/small/gear.png);}
div.sui-toolbar a.new-plugin span, div.sui-overview li.plugin_new, a.icon.new-plugin {background-image:url(/images/icons/small/add_content.png);}
div.sui-toolbar a.script_save span, div.sui-overview li.script_save {background-image:url(/images/icons/small/script_save.png);}
div.sui-toolbar a.undo span, div.sui-overview li.undo {background-image:url(/images/icons/small/arrow_undo.png);}
div.sui-toolbar a.redo span, div.sui-overview li.redo {background-image:url(/images/icons/small/arrow_redo.png);}
div.sui-toolbar a.compare, div.sui-overview li.compare{ background-image:url(/images/icons/small/compare_devices.png); }
div.sui-toolbar a.ping, div.sui-overview li.ping{ background-image:url(/images/icons/small/ping.png); }
div.sui-toolbar a.traceroute, div.sui-overview li.traceroute{ background-image:url(/images/icons/small/traceroute.png); }
div.sui-toolbar a.wol, div.sui-overview li.wol{ background-image:url(/images/icons/small/wol.png); }
div.sui-toolbar a.nslookup, div.sui-overview li.nslookup{ background-image:url(/images/icons/small/nslookup.png); }
div.sui-toolbar a.process_list, div.sui-overview li.process_list{ background-image:url(/images/icons/small/processor.png); }
div.sui-toolbar a.view_icon span, div.sui-overview li.view_icon{background-image:url(/images/icons/toolbar/view_icon.png);}
div.sui-toolbar a.view_browse span, div.sui-overview li.view_browse{background-image:url(/images/icons/toolbar/view_browse.png);}
div.sui-toolbar a.view_list span, div.sui-overview li.view_list{background-image:url(/images/icons/toolbar/view_list.png);}
div.sui-toolbar a.settings span, div.sui-overview li.settings {background-image:url(/images/icons/small/gear_gray.png);}
div.sui-toolbar a.save span, div.sui-overview li.save {background-image:url(/images/icons/small/save.png);}
div.sui-toolbar a.cancel span, div.sui-overview li.cancel {background-image:url(/images/icons/small/cancel_back.png);}
div.sui-toolbar a.new_range span{background-image:url(/images/icons/small/new-scan-range.png);}
div.sui-toolbar a.start_scan span{background-image:url(/images/icons/small/start_scan.png);}
div.sui-toolbar a.stop_scan span{background-image:url(/images/icons/small/stop_scan.png);}
div.sui-toolbar a.disable-plugins span{background-image:url(/images/icons/small/gear.png);}
div.sui-overview li.domains {background-image:url(/images/icons/small/agreements/world.png);}
div.sui-overview li.customers {background-image:url(/images/icons/small/end_users.png);}
div.sui-overview li.mailboxes {background-image:url(/images/icons/small/mailbox.png); padding-bottom:3px!important;}


div.sui-toolbar  a.divider {
  border-left:1px solid #8b8b8b;
  padding-left:7px!important;
}                    


/* TOGGLE BAR */
div.sui-togglebar {
  display:block;
  height:18px;
  overflow:visible;
  padding:5px;
} 
div.sui-togglebar ul {
  float:right;
}
div.sui-togglebar span.title {
  display:block;
  font-weight:bold;
  font-size:11px;
  color:#888;
  float:right;    
  padding:2px 6px 0; 
}
div.sui-togglebar a {
  font-weight:bold;
  font-size:11px;
  padding:1px 6px;
  text-decoration:none;
 } 
div.sui-togglebar a:hover {  
  text-decoration:underline;
}

div.sui-togglebar a.active {
  background-color:#FE5200;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  color:#FFF;
}

ul.sui-manual-filters {
  margin:0;
}
ul.sui-manual-filters > li {
  font-size:0.95em;
  padding:0px 2px;
  display:inline-block;
  margin: 0 2px 2px 0;
  text-decoration:none;
}

ul.sui-manual-filters > li > a, ul.sui-manual-filters > li > a {
  padding:1px 5px;
  padding:inherit;
  border:1px solid transparent;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
  font-size:0.95em;
  text-decoration:none;
}

ul.sui-manual-filters > li.active > a, ul.sui-manual-filters > li.selected > a{
  background-color:#AAA;
  color:white;
  text-decoration:none;
  border:1px solid #AAA;
}

ul.sui-manual-filters > li.active > a:hover {
  border:1px solid #AAA;
  background-color:#AAA;
  text-decoration:none;
  
}
ul.sui-manual-filters > li > a:hover {
  border:1px solid transparent;
  background-color: transparent;;
  text-decoration:underline;
}


/* BUTTON (SMALL, MEDIUM, LARGE)
****************************************************************************************************/
.sui-button{
  cursor:pointer;
  display:inline-block;
  background-repeat: repeat-x;
  background-position: 0 0;
  text-decoration:none;
  color:#444;
  border:1px solid #AAA;
  margin:0px 2px;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
.sui-button:hover{
  border-color:#888;
  color:#333;
  text-decoration:none;
}


.sui-button.small{
  height:12px;
  font-size:10px;
  padding:1px 5px 1px 5px;
  background-image: url('/images/forms/button_14.png');
}
.sui-button.small:hover{ background-position:0 -14px;}
.sui-button.small:active{ background-position:0 -28px;}


.sui-button.medium{
  height:13px;
  font-size:12px;
  padding:2px 7px;
  background-image: url('/images/forms/button_17.png');
}
.sui-button.medium:hover{ background-position:0 -17px;}
.sui-button.medium:active{ background-position:0 -34px;}


.sui-button.large{
  height:16px;
  padding:2px 10px;
  font-size:14px;
  background-image: url('/images/forms/button_20.png');
}
.sui-button.large:hover{ background-position:0 -20px;}
.sui-button.large:active{ background-position:0 -40px;}
.sui-button.xxlarge{
  height:26px;
  padding:3px 12px 1px;
  font-size:20px;
  background-image: url('/images/forms/button_30.png');
}
.sui-button.xxlarge:hover{ background-position:0 -30px;}
.sui-button.xxlarge:active{ background-position:0 -60px;}


.sui-button.disabled{
  color:#BBB!important;
  background-image:none;
  background-color:#EFEFEF!important;
  border-color:#DDD!important;
  cursor: default!important;
}
.sui-button.disabled:hover{
  color:#BBB!important;
  background-image:none;
  background-color:#EFEFEF!important;
  border-color:#DDD!important;
}
.sui-button.disabled:active{
  color:#BBB!important;
  background-image:none;
  background-color:#EFEFEF!important;
  border-color:#DDD!important;
}


.sui-buttons{
  text-align:right;
  margin-top:5px;
  padding:5px 5px 0px 5px;
  border-top: 1px solid #DDD;
}


/* PANEL
****************************************************************************************************/

div.sui-panel {
  border-right:1px solid #DFDFDF;
  border-bottom:1px solid #DFDFDF;
  margin:0;
  padding:0;
  height:200px;
  background: #FCFCFC url(/images/layout/innerShadowAlpha.png) no-repeat top left
}


/* FILTERBAR
 **************************************************************************************************/
 div.sui-filterbar {
   padding:3px 5px;
   border-bottom:1px solid #ccc;
   background-color:#f5f5f5;
   text-align:left;
 }
 
 div.sui-filterbar span.section {
   display:inline-block;
   padding-right:3px;
 }
 
 div.sui-filterbar a.sui-filter {
   font-size:.95em;
   line-height:1.3em;
   padding:0px 6px;
   margin-right:2px;
   display:inline-block;
   text-decoration:none!important;
   border-radius:3px;
   -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
 }
 
 div.sui-filterbar a.sui-filter:hover {
   background-color:#ddd;
 }
 
 div.sui-filterbar a.sui-filter.active {
   background-color:#999;
   color:white;
 }
 
 div.sui-filterbar span.section.separator {
   border-left:2px solid #CCCCCC;
   margin-left:2px;
   padding-left:9px;
 }

/* SELECT AREA
 **************************************************************************************************/
div.sui-header {
  background:#D5DDE7;
  margin:0;
  border-color:#dfdfdf;
  border-style:solid;
  border-width:0 0 1px 0;
  position:relative;
  overflow:hidden;
  
  /* Works in IE, Safari, and Firefox 3.1+ */
  word-wrap: break-word;
  break-word: break-all;
  white-space: -moz-pre-wrap;
  white-space: normal;
}

div.sui-header span.right span.links {
  position:absolute;
  right:5px;
  top:7px;
}

div.sui-header span.right.with_guide span.links {
  position:absolute;
  right:69px;
  top:6px;
}

div.sui-header span.right.with_guide span.links a {
  color:#AAA;
}

div.sui-header span.right.with_guide span.links a:hover {
  color:#555;
}

div.sui-header span.right span.links a {
  color:#555;
  font-size:0.95em;
  margin-left:0 2px;
}

div.sui-header h1 {
  font-size:1.2em;
  font-weight:bold;
  margin:0 70px 0 0;
  padding: 4px 9px;
  color:#222;
}

div.sui-header h2 {
  font-size:1.1em;
  font-weight:bold;
  margin:0;
  padding:4px 9px;
  color:#222;
}


div.sui-header span.crumb-separator{ margin-left:6px;margin-right:6px; color:#555;}

/* The title of the current section */
div.sui-header span.crumb.last a, div.sui-header h1 > a, div.sui-header h2 > a {
  color:#222;
}
                   
div.sui-header span.crumb.last span.small {
  font-size:80%;
  font-weight:normal;
}
div.sui-header span.crumb.last span.details {
  font-weight:normal;
  margin-left:0px;
  font-size:80%;
}


/* Titles of previous sections */
div.sui-header span.crumb > a {
  color:#555;
  outline:0;
}

div.sui-header span.crumb.last select {
  border: 1px inset #CCC;
  border-radius:5px;
  -moz-border-radius:5px;
  padding:0;
  margin:0;
  background-color:transparent;  
}

div.sui-header span.crumb a, div.sui-header h1 a, div.sui-header h2 a {
  font-weight:inherit;
/*  color:inherit;*/
  font-weight:bold;
  font-size:inherit;
  outline:0;
  text-decoration:none;
}

div.sui-header span.crumb a:hover {
  text-decoration:underline;
  color:#222;
}

div.sui-header a.pivot, h2.sui-header a.pivot {
  padding-right:11px !important;
  background:transparent url(/images/icons/indicators/pivot.png) no-repeat right 6px;
}

div.sui-select-area div.sui-select-area-wrap {
  border:1px solid #ddd;
}

div.sui-select-area div.sui-content {
}

/* SUMMARY AREA
 **************************************************************************************************/
div.sui-summary-area h2.sui-summary-header{
  background:#D5DDE7;
  margin-top:0px;
  margin-bottom:0px;
  padding:3px 4px 3px 10px;
  clear:both;
  color:#444;
  font-size:1.2em;
  font-weight:bold;
  left:0px;
  position:relative;
  border:1px solid #ccc;
}

div.sui-summary-area h2.sui-summary-header span{ 
  padding-right:5px; 
}
div.sui-summary-area div.sui-summary{
  border:1px solid #ccc;
  background-color:#f5f5f5;
  border-top:0px;
}
div.sui-summary-area div.sui-summary div.sui-page-drop-shadow{
  width:480px;
  float:left;
  margin:10px 0 10px 10px;
}
div.sui-summary-area div.sui-summary div.sui-overview{
  width:185px;
  float:right;
  text-align:left;
  margin:10px 10px 10px 0;
}


/* Simple menu 
**************************************************************************************************/

div.simple-menu{
  position:absolute;
  display:block;
  background-color:#000;
  background:transparent url(/images/layout/shadowAlpha.png) no-repeat bottom right;
  width:auto;
  padding:0 7px 7px 0;
}

div.simple-menu ul.menu{
  border:1px solid #969696;
  border-right:0;
  border-bottom:0;
  background:#fff;
  margin:0;
  font-size:13px;
  padding:0;
  list-style:none;
  font-size:1em;
}
div.simple-menu ul.menu li{
  display:inline;
  padding:0;
  margin:0;
}
div.simple-menu ul.menu li a{
  padding:4px 5px;
  text-decoration:none;
  display:block;
  margin:0;
  cursor:pointer;
}
div.simple-menu ul.menu li span.separator{
  display:block;
  border-top:1px solid #ccc;
  height:1px;
  margin:2px 0 1px;
}
div.simple-menu ul.menu li a:hover{ 
  background-color:#ebebeb;
  text-decoration:none!important;
}

div.simple-menu.tab-more-menu ul li a {
  font-size:1em;
  padding-left:10px;
}

div.simple-menu.tab-more-menu ul li.active a {
  font-weight:bold;
}


/* SHEETS (dropshadow, tabs, content)
 **************************************************************************************************/
body.no-boxshadow div.sui-tabbed-box.drop-shadow {
  background:transparent url(/images/layout/shadowAlphaBig.png) repeat-y scroll right bottom;
  padding-right:5px;
  padding-bottom:5px;
}

body.boxshadow div.sui-tabbed-box.drop-shadow  {
  background:none;
  padding-right:0;
  padding-bottom:0;
  -webkit-box-shadow:#CCCCCC 3px 3px 5px;
  -moz-box-shadow:#CCCCCC 3px 3px 5px;
}

div.sui-tabbed-box > div.sui-tabbed-box-inner{
  border:1px solid #BBBBBB;
  background-color:white;
  position:relative;
  min-height:400px;
  height:auto !important;
  height:400px;
  border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
}
div.sui-tabbed-box div.sui-tabs{
  border-bottom:1px solid #BBBBBB;
  background:transparent url(/images/layout/gradients/light_gray_to_med.png) repeat-x scroll;
  position:relative;
  margin:0;
  padding:0 30px 0 5px;
  line-height:20px;
  height:20px;
  font-size:0.9em;
  border-radius:3px 3px 0 0;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-radius:3px 3px 0 0;
  
}
div.sui-tabbed-box div.sui-tabs.sui-skinny{
  line-height:15px;
  height:15px;
}

div.sui-tabbed-box div.sui-tabs ul{ 
  display:block; 
  height:21px;
  position:relative;
  overflow:hidden!important;
}

div.sui-tabbed-box div.sui-tabs div.sui-tab-more {
  position:absolute;
  right:0;
  top:0;
  width:18px;
  text-align:right;
}

div.sui-tabbed-box div.sui-tabs div.sui-tab-more a {
  color:black;
  display:block;
  font-size:1.4em;
  font-weight:bold;
  line-height:17px;
  margin-right:5px;
  margin-top:1px;
  text-decoration:none;
}

div.sui-tabbed-box div.sui-tabs div.sui-tab-more a:hover {
  text-decoration:none;
}

div.sui-tabbed-box div.sui-tabs div.sui-tab-more a.active {
  color:#666;
}

div.sui-tabbed-box div.sui-tabs ul li{
  float:left;
  display:inline;
  line-height:17px;
  margin-top:2px;
}

div.sui-tabbed-box div.sui-tabs ul li.active{
  height:18px;
  background:white;
  position:relative;
  top:0px;
  border:1px solid #bbb;
  border-bottom:none;
}

/* overridden in ie.hacks.css*/
div.sui-tabbed-box div.sui-tabs ul li a{
  color:black;
  font-weight:bold;
  display:block;
  padding:0 5px;
  text-decoration:none;
}
div.sui-tabbed-box div.sui-tabs ul li span{
  float:none;
  margin:0;
  padding:0;
}
div.sui-tabbed-box div.sui-tabs ul li a:hover{
  text-decoration:underline;
}
div.sui-tabbed-box div.sui-tabs ul li.active a{
  position:relative;
  color:black;
  top:-1px;
}

div.sui-tabbed-box div.sui-tabs span{
  float:right;
  margin-top:1px;
  padding-right:5px;
}

div.sui-tabbed-box div.sui-sheet{ 
  padding:10px 5px; 
}

div.sui-status-message { 
  width:100%;
  height:300px;
}
div.sui-status-message h3 {
  text-align:center;
  position:relative;
  top:40%;
  color:#AAA;
/*  left:-40px;*/
}
div.sui-status-message h3 span {
  color:#AAA;
  font-size:50px;
  font-weight:normal;
}

div.sui-sheet div.sui-status-message h3 span {
  font-size:30px;
}

#secondary div.two-column div.sui-tabbed-box, div.sui-secondary div.two-column div.sui-tabbed-box{
  float:left;
  width:74%;
}
#secondary div.two-column div.sui-overview, div.sui-secondary div.two-column div.sui-overview{
  float:right;
  width:24%;
}

div.sui-status-message.loading h3 span { 
  background: transparent url(/images/icons/indicators/sheet-loading-circle.gif) left no-repeat;
  padding-left:40px;
  position:relative;
}

#secondary div.sui-sheet div.sui-status-message.loading h3 span, div.sui-secondary div.sui-sheet div.sui-status-message.loading h3 span {
  background: transparent url(/images/icons/indicators/sheet-loading-circle.gif) left no-repeat;
}

div.sui-status-message.loading.small h3 span {
  padding-left:20px;
  background: transparent url(/images/icons/indicators/sheet-loading-circle-small.gif) left no-repeat!important;
}

div.sui-status-message.small h3 span {
  font-size:20px!important;
}

div.sui-status-message.medium h3 span {
  font-size:30px;
}

div.sui-tabbed-box > div.sui-tabbed-box-inner > span.actions {
  position:absolute;
  right:0;
  top:1px;
  font-size:0.9em;
  font-weight:normal;
  display:block;
  z-index:1;
  padding:3px 8px 3px 0;
}
/* Overview section (on the right of the secondary area) */

div.sui-overview div.section{
  /* this selector is too generic */
  text-align:left;
/*  float:left;*/
  margin-bottom:10px;
  width:100%;
/*  overflow-x:hidden; */
}

div.sui-overview div.section h3{
  border-bottom:1px solid #BBBBBB;
  clear:both;
  color:#555;
  font-size:1.1em;
  height:19px;
  line-height:19px;
  margin:0;
  margin-bottom:5px;
  overflow-y:hidden;
  padding:0 1px;
}

/* Section Actions */
div.sui-overview div.section h3 span {
  float:right;
  font-size:0.87em;
  font-weight:normal;
  display:block;
}

/* Action Links */
div.sui-overview div.section h3 span a{
  font-weight:normal;
  text-decoration:none;
  color:#333;
}
div.sui-overview div.section h3 span a:hover{
  text-decoration:underline;
  color:#000;
}


div.sui-overview div.section p{
  /* this selector is too generic */
  margin:1px 0px 5px 5px;
  color:#333;
}
div.sui-overview div.section p.section-message{
  background-color:#FED9DA;
  border:1px solid #DDDDDD;
  color:#555555;
  font-size:0.95em;
  margin:0;
  padding:2px;
  text-align:center;
}
div.sui-overview div.section div#ratings_form_wrapper p{ margin:5px 0px 0px 0px; }
div.sui-overview div.section hr{
  display:none;
  border:1px solid #DDD;
  border-bottom:0px;
  height:1px;
  margin-left:5px;
  margin-right:5px;
}

/* Content is applied to DIVs or ULs */
div.sui-overview div.section .content{
  margin:0px 0 0 2px;
}

/* Properties output in a section can have icons 
@properties @property
*/

div.sui-overview div.section ul.properties{
  padding-left:0;
  overflow:hidden; /* for firefox 3.0 which doesn't support word-break */
}
div.sui-overview div.section ul.properties a{
  text-decoration:none;
  color:#333;
}
div.sui-overview div.section ul.properties a:hover{ text-decoration:underline; }

div.sui-overview div.section ul.properties a.disabled, div.sui-overview div.section ul.properties a.disabled:hover{
  text-decoration:none;
  color:#999;
  cursor: default;
}

div.sui-overview div.section ul.properties > li{
  margin:0;
  padding:3px 0px 2px 22px;
  background-position:left 1px;
  background-repeat:no-repeat;
  vertical-align:middle;
  position:relative;
  zoom:1;
  
  /* Works in IE, Safari, and Firefox 3.1+ */
  word-wrap: break-word;
  break-word: break-all;
  white-space: -moz-pre-wrap;
  white-space: normal;
}
div.sui-overview div.section ul.properties > li .meta{
  float:right;
  font-size:0.9em;
}

div.sui-overview div.section ul.properties > li .error { font-size:80%; color:#993333; position:relative; top:-1px; }
div.sui-overview div.section ul.properties > li .meta a{ text-decoration:none; }
div.sui-overview div.section ul.properties > li .meta a:hover{ text-decoration:underline; }
div.sui-overview div.section ul.properties > li.person{ background-image:url(/images/icons/small/user_end_user.png); }
div.sui-overview div.section ul.properties > li.related_to{ background-image:url(/images/icons/right_arrow_orange.png); }
div.sui-overview div.section ul.properties > li.name{ background-image:url(/images/icons/small/it_services_name.png); }
div.sui-overview div.section ul.properties > li.number{ background-image:url(/images/icons/small/agreements/accountnumber.png); }
div.sui-overview div.section ul.properties > li.link{ background-image:url(/images/icons/small/agreements/url.png); }
div.sui-overview div.section ul.properties > li.date{ background-image:url(/images/icons/small/agreements/date.png); }
div.sui-overview div.section ul.properties > li.start_date{ background-image:url(/images/icons/small/agreements/contractstart.png); }
div.sui-overview div.section ul.properties > li.end_date{ background-image:url(/images/icons/small/agreements/contractend.png); }
div.sui-overview div.section ul.properties > li.scan_date{ background-image:url(/images/icons/small/start_scan.png); }
div.sui-overview div.section ul.properties > li.money{ background-image:url(/images/icons/small/agreements/money.png); }
div.sui-overview div.section ul.properties > li.phone{ background-image:url(/images/icons/small/agreements/contactphone.png); }
div.sui-overview div.section ul.properties > li.email{ background-image:url(/images/icons/small/agreements/contactemail.png); }
div.sui-overview div.section ul.properties > li.ticket{ background-image:url(/images/icons/small/ticket.png); }
div.sui-overview div.section ul.properties > li.alert{ background-image:url(/images/icons/alert.png); }
div.sui-overview div.section ul.properties > li.scan_error{ background-image:url(/images/icons/spiceworks_alert.png); }
div.sui-overview div.section ul.properties > li.note{ background-image:url(/images/icons/small/agreements/note.png); }
div.sui-overview div.section ul.properties > li.document{ background-image:url(/images/icons/small/agreements/attachment.png); }
div.sui-overview div.section ul.properties > li.time{ background-image:url(/images/icons/small/clock.png); }
div.sui-overview div.section ul.properties > li.product_key{ background-image:url(/images/icons/product-key.png); }
div.sui-overview div.section ul.properties > li.software_licenses{ background-image:url(/images/icons/computer-key.png); }
div.sui-overview div.section ul.properties > li.software_installs{ background-image:url(/images/icons/application-double.png); }
div.sui-overview div.section ul.properties > li.ip_address{ background-image:url(/images/icons/small/agreements/bullet_orange.png); }
div.sui-overview div.section ul.properties > li.serial_number{ background-image:url(/images/icons/small/agreements/accountnumber.png); }
div.sui-overview div.section ul.properties > li.asset_tag{ background-image:url(/images/icons/small/tag_orange.png); }
div.sui-overview div.section ul.properties > li.site_name{ background-image:url(/images/icons/small/remote_site.png); }

div.sui-overview div.section ul.properties > li.custom{ background-image:url(/images/icons/small/agreements/bullet_orange.png); }
div.sui-overview div.section ul.properties > li.software_manufacturer{ background-image:url(/images/icons/small/cd.png); }

/* Simple header for list items (also, you can use h4 outside of a list)*/
div.sui-overview div.section h4, div.sui-overview div.section ul.properties > li .label{
  color:#666666;
  font-size:0.9em;
  font-weight:normal;
}
div.sui-overview div.section h4{
  padding-left:22px;
  margin:10px 0 0 2px;
  position:relative;  
}
div.sui-overview div.section h4 a {
  text-decoration:none;
  color:#333333;
}
div.sui-overview div.section h4 a:hover {
  text-decoration:underline;
}

/*div.sui-overview div.section h4 + ul.content{
  margin-top:0px;
}
*/

div.sui-overview div.section ul.properties > li.admin{ 
  background-image:url(/images/icons/small/user_admin.png);
}
div.sui-overview div.section ul.properties > li.end_user{ 
  background-image:url(/images/icons/small/user_end_user.png); 
}


div.sui-overview div.section ul.properties > li.labeled{ 
  background-position: left 14px;
}


div.sui-overview div.section ul.properties > li.active {background-image:url(/images/icons/indicators/property-action-active.gif)!important;}

/* Ratings */
div.sui-overview div.section ul.properties p.rating{
  margin:0px;
  height:20px;
  clear:both;
}
div.sui-overview div.section p.rating label{
  float:left;
  margin-left:0px;
  padding:3px 0px 2px 22px;
  background-image:url(/images/icons/small/agreements/star.png);
  background-position:left center;
  background-repeat:no-repeat;
}
div.sui-overview div.section p.rating span.value{
  float:right;
  padding:3px 0px 2px;
}
div.sui-overview div.section p.rating span.value p{ margin:0px; }
div.simple-rating{ width:50px; }
div.simple-rating span.rating{
  float:left;
  width:10px;
  height:10px;
  background:transparent url(/images/icons/indicators/rating-star.png) no-repeat top left;
}

/* for the first star level */
div.simple-rating.rated-at-1 span.rating-1, div.simple-rating.rated-at-1-5 span.rating-1,
  div.simple-rating.rated-at-2 span.rating-1, div.simple-rating.rated-at-2-5 span.rating-1,
  div.simple-rating.rated-at-3 span.rating-1, div.simple-rating.rated-at-3-5 span.rating-1,
  div.simple-rating.rated-at-4 span.rating-1, div.simple-rating.rated-at-4-5 span.rating-1,
  div.simple-rating.rated-at-5 span.rating-1,
  /* for the second star level */
  div.simple-rating.rated-at-2 span.rating-2, div.simple-rating.rated-at-2-5 span.rating-2,
  div.simple-rating.rated-at-3 span.rating-2, div.simple-rating.rated-at-3-5 span.rating-2,
  div.simple-rating.rated-at-4 span.rating-2, div.simple-rating.rated-at-4-5 span.rating-2,
  div.simple-rating.rated-at-5 span.rating-2,
  /* for the third star level */
  div.simple-rating.rated-at-3 span.rating-3, div.simple-rating.rated-at-3-5 span.rating-3,
  div.simple-rating.rated-at-4 span.rating-3, div.simple-rating.rated-at-4-5 span.rating-3,
  div.simple-rating.rated-at-5 span.rating-3,
  /* for the fourth star level */
  div.simple-rating.rated-at-4 span.rating-4, div.simple-rating.rated-at-4-5 span.rating-4,
  div.simple-rating.rated-at-5 span.rating-4,
  /* for the fifth star level */
  div.simple-rating.rated-at-5 span.rating-5
  { background-position:center left; }

/* for the half stars */
div.simple-rating.rated-at-1-5 span.rating-2, div.simple-rating.rated-at-2-5 span.rating-3,
  div.simple-rating.rated-at-3-5 span.rating-4, div.simple-rating.rated-at-4-5 span.rating-5
  { background-position:bottom left; }

/* CHOICE PILL
***************************************************************************************/
.sui-choice-pill{
  
}
.sui-choice-pill a.sui-pill{
 border:1px solid #BBBBBB;
 padding:0px 6px; 
 font-size:1em;
 text-decoration:none;
 line-height:1em;
 color:#555;
 margin:0;
 background-image:url(/images/layout/gradients/pill.png);
 background-position:left center;
 background-repeat:repeat-x;
}
.sui-choice-pill a.sui-pill:hover{
  color:#333;
  background-image:url(/images/layout/gradients/pill_hover.png);
  background-position:left center;
  background-repeat:repeat-x;
}
.sui-choice-pill a.sui-pill-selected, .sui-choice-pill a.sui-pill-selected:hover{
  border:1px solid #777777;
  background-image:url(/images/layout/gradients/pill_selected.png);
  background-position:left center;
  background-repeat:repeat-x;
}


/* MENU OPENER
***************************************************************************************/

a.sw-menu-opener{
  height:16px;
}

a.sw-menu-opener{
/*  position:absolute;
  top:1px;
  right:0px;  
*/
  margin:1px 0 0 0;
  background:transparent none no-repeat center left;
  width:10px;
  text-indent:-9999px;
  outline:none;
  padding-right:0px;
  display:block;
}

a.sw-menu-opener.sw-menu-opener-text{
  width:auto!important;
  text-indent:0;
}

/*#navigation dl dd a.meta, a.sw-menu-opener.meta{ display:none; }*/
/* override this float as needed! */
div.sw-menu-wrap{
  float:right;
  height:15px;
}

a.sw-menu-opener.edit{
  background-image:url(/images/icons/expand_arrow_dark.png);
  background-position:center center;
  border:1px solid #bbb;
  height:13px;
  width:13px;
  z-index: 200;
  position:relative;
  border-radius:3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
a.sw-menu-opener.sw-menu-opener-text.edit{
  background-image:none;
  border:none;
}


a.sw-menu-opener:hover{
  background-color:white;
}
a.sw-menu-opener.sw-menu-opener-text:hover{
  background-color:transparent;
}

a.sw-menu-opener.on{
  background-color:white;
  border-bottom-width:0px;
  border-color: #999;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  -moz-border-radius: 4px 4px 0 0;
  -webkit-border-top-left-radius: 4px;
  -webkit-border-top-right-radius: 4px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
}
a.sw-menu-opener.sw-menu-opener-text.on{
  background-color:transparent;
}

div.pivotable ul.nav_menu{
  padding:0px;
  margin:0px!important;
  color: #333;
}
div.pivotable ul.nav_menu li{
  font-weight:normal;
  font-size: 9pt!important;
  text-align:left!important;
  width:100%;
}
div.pivotable ul.nav_menu li a{
  font-weight:normal!important;
  text-decoration:none;
  display:block;
  color: #333!important;
}
div.pivotable ul.nav_menu li div.separator{
  font-size: 1px;
  height: 1px;
  border-top: 1px solid #ddd;
  margin-top: 3px;
  margin-bottom: 3px;
}

div.pivotable ul.nav_menu li a:hover{
  background-color: #ddd;
}

/* Menu openers in the details sections */
div#secondary div.section div.sw-menu-wrap, div.sui-secondary div.section div.sw-menu-wrap{
  float:right;
}
div#secondary div.section h4 div.sw-menu-wrap > a, div.sui-secondary div.section h4 div.sw-menu-wrap > a{
  font-size:1em;
}

div#secondary div.section div.sw-menu-wrap > a, div.sui-secondary div.section div.sw-menu-wrap > a{
  font-size:.9em;
  background-image:url(/images/icons/small/expand_arrow_grey.png);
  background-position:right center;
  padding-right:10px;
  margin-top:0px;
}

body div.sui-header span.guides_activator {
  border-left:1px solid #CCCCCC;
  display:block;
  height:27px;
  line-height:27px;
  position:absolute;
  right:0;
  top:0;
  width:66px;
}
body div.sui-header span.guides_activator:hover {
  background-color:#BDC9D8;
}
body.div.sui-header span.guides_activator:hover a {
  background:transparent url(/images/layout/guides/guides-hover.png) no-repeat center center; 
}
body div.sui-header span.guides_activator a {
  background:transparent url(/images/layout/guides/guides-inactive.png) no-repeat center center;
  display:block;
  overflow:hidden;
  outline:0;
  padding-right:5px;
  padding-left:5px;
  text-decoration:none;
}
body div.sui-header span.guides_activator a > span {
  visibility:hidden;
}
body.guides-shown div.sui-header span.guides_activator a {
  overflow:hidden;
  z-index:310;
  background:transparent url(/images/layout/guides/guides-active.png) no-repeat center center;
}

body.guides-shown div.sui-header span.guides_activator {
  background: transparent url(/images/layout/guides/guide-bg.png) repeat-x left center;
}

/* Guides */

div.sui-guides {
  background:transparent url(/images/layout/guides/guides-left.png) no-repeat scroll left bottom;
  left:-3px;
  padding:0 0 0 8px;
  position:absolute;
  top:0;
  width:100%;
  z-index:300;
}

body.disabletransforms div.sui-guides {
  -webkit-transform: none!important;
  -moz-transform:none!important;
  transform:none!important;
}

body.csstransforms.csstransitions div.sui-guides {
  -webkit-transition: all 0.5s ease-in 0s;
  -webkit-transform: rotate(35deg) scale(0, 0) skew(5deg, 20deg);
  -webkit-transform-origin: bottom right;
  
  -moz-transition: all 0.5s ease-in 0s;
  -moz-transform: rotate(35deg) scale(0, 0) skew(5deg, 20deg);
  -moz-transform-origin: bottom right;
  
  transition: all 0.5s ease-in 0s;
  transform: rotate(35deg) scale(0, 0) skew(5deg, 20deg);
  transform-origin: bottom right;
  
  top:-30px;
  right:50px;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

body.csstransforms.csstransitions.guides-shown div.sui-guides {
  opacity:1; 
  top:-30px;
  -webkit-transition:all 0.5s ease-in 0.4s;
  -webkit-transform: rotate(0) scale(1,1)  skew(0deg, 0deg);
  -webkit-transform-origin: bottom right;
  
  -moz-transition: all 0.5s ease-in 0.4s;
  -moz-transform: rotate(0) scale(1,1)  skew(0deg, 0deg);
  -moz-transform-origin: bottom right;
  
  transition: all 0.5s ease-in 0.4s;
  transform: rotate(0) scale(1,1)  skew(0deg, 0deg);
  transform-origin: bottom right;
}

body.csstransforms.csstransitions #content{
  -webkit-transition:padding 0.3s ease-in 0.4s;
  -moz-transition:padding 0.3s ease-in 0.4s;
  transition:padding 0.3s ease-in 0.4s;
}
body.csstransforms.csstransitions.guides-shown #content{
  -webkit-transition:padding 0.3s ease-in 0s;
  -moz-transition:padding 0.3s ease-in 0s;
  transition:padding 0.3s ease-in 0s;
  padding-top:200px;
}

body.no-csstransitions div.sui-guides{ position:absolute; left: -1000px; top:-23px;}
body.no-csstransitions.guides-shown div.sui-guides{ display:block; }

body.csstransforms.csstransitions.fluid div.sui-guides {
  left:-8px;
}

div.sui-guides div.inner{
  height:245px;
  overflow:hidden;
  background:transparent url(/images/layout/guides/guides-right.png) no-repeat bottom right;
  position:relative;
  margin-right:0;
}
div.sui-guides > a.next, div.sui-guides > a.previous {
  display:block;
  text-indent: -1000px;
  overflow:hidden;
  width:20px;
  height:223px;
  top:0;
  position:absolute;
  outline:0;
  z-index:305;
}

/* Guide left and right buttons */
div.sui-guides > a.next {
  background:transparent url(/images/layout/guides/next.png) no-repeat right center;
  position:absolute;
  right:0px;
}
div.sui-guides > a.next:hover, div.sui-guides.hover-next > a.next {
  background:transparent url(/images/layout/guides/next-hover.png) no-repeat right center;
}
div.sui-guides > a.previous {
  background:transparent url(/images/layout/guides/previous.png) no-repeat left center;
  position:absolute;
  left:-2px;  
}
div.sui-guides > a.previous:hover, div.sui-guides.hover-previous > a.previous {
  background:transparent url(/images/layout/guides/previous-hover.png) no-repeat left center;
}

/* Shift the buttons in the direction they're going for CSS3 capable browsers */
body.csstransitions div.sui-guides > a.next {
  -webkit-transition:right 0.1s ease-out;
  -moz-transition:right 0.1s ease-out;
  transition:right 0.1s ease-out;
}
body.csstransitions div.sui-guides > a.next:hover, body.csstransitions div.sui-guides.hover-next > a.next {
  position:absolute;
  right:-4px;
  width:30px;
  -webkit-transition:right 0.1s ease-in;
  -moz-transition:right 0.1s ease-in;
  transition:right 0.1s ease-in;
}
body.csstransitions div.sui-guides > a.previous {
  -webkit-transition:left 0.1s ease-in;
  -moz-transition:left 0.1s ease-in;
  transition:left 0.1s ease-in;
}
body.csstransitions div.sui-guides > a.previous:hover, body.csstransitions div.sui-guides.hover-previous > a.previous  {
  -webkit-transition:left 0.1s ease-in;
  -moz-transition:left 0.1s ease-in;
  transition:left 0.1s ease-in;
  position:absolute;
  left:-6px;
  width:30px;
}

div.sui-guides div.inner > div.container {
  display:block;
  height:196px;
  overflow-x:hidden;
  overflow-y:hidden;
  position:relative;
  top:0;
  width:99%;
}
div.sui-guides div.inner div.content {
  display:block;
  height:196px;
  left:0;
  top:0;
  margin-right:10px;
  overflow:hidden;
  padding:20px 0 0 6px!important;
  position:absolute;
  width:100%;
}

div.sui-guides div.inner div.content h5 {
  position:absolute;
  top:5px;
  left:5px;
  color:#999;
  font-size:0.95em;
  text-transform: capitalize;
}

div.sui-guides div.inner div.content span.next {
  position:absolute;
  display:block;
  right:16px;
  top:5px;
  font-size:0.95em;
  font-weight:bold;
  color:#000;
}
div.sui-guides div.inner div.content span.next a {
  color:#2080AD;
  font-weight:normal;
}
  
div.sui-guides div.video_column {
  background-color:#000;
  position:absolute;
  right:19px;
  text-align:center;
  top:25px;
  width:266px;
  height:170px;
  overflow:hidden;
}

div.sui-guides div.video_column object {
  position:absolute;
  top:0;
  left:0;
}
div.sui-guides div.video_column  div.no_flash {
  background:#000;
  color:#DDD;
  position:relative;
}
div.sui-guides div.video_column  div.no_flash  a{
  color:#EA592B;
}
div.sui-guides div.video_column  div.no_flash div.message {
  margin-left:auto;
  margin-right:auto;
  padding:40px 10px;
}
div.sui-guides div.video_column  div.no_flash div.message p {
  text-align:center;
}
div.sui-guides div.content_column {
  padding-right:310px;
}

div.sui-guides div.content.loading div.video_column {
  background:#000 url(/images/layout/guides/spinner.gif) no-repeat center center;
}
div.sui-guides div.content.loading div.video_column div.container {
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
}

div.sui-guides a.close {
  background:transparent url(/images/icons/buttons/gray-close.png) no-repeat scroll right top;
  bottom:0;
  font-size:0.95em;
  display:block;
  height:16px;
  overflow:hidden;
  padding-right:17px;
  position:absolute;
  right:21px;
  text-decoration:none;
  z-index:305;
}
div.sui-guides a.close:hover {
  background:transparent url(/images/icons/buttons/gray-close-over.png) no-repeat top right;
}

div.sui-guides div.guide-bottom {
  bottom:29px;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}

div.sui-guides div.guide-bottom ul.dots {
  text-align:center;
  margin:0;
  padding:0;
  height:20px;
  display:block;
}

div.sui-guides div.guide-bottom ul.dots li{
  display:inline;
  height:15px;
  position:relative;
  overflow:hidden;
  width:15px;
  padding:0;
  margin:0;
}

div.sui-guides div.guide-bottom ul.dots li a{
  color:transparent;
  display:inline-block;
  width:15px;
  height:15px;
  outline:0;
  background: transparent url(/images/layout/guides/dots/empty.png) no-repeat center center;
}

div.sui-guides div.guide-bottom ul.dots li a:hover {
  background: transparent url(/images/layout/guides/dots/hover.png) no-repeat center center;
}
div.sui-guides div.guide-bottom ul.dots li a.selected {
  background: transparent url(/images/layout/guides/dots/filled.png) no-repeat center center;
}
/* @Table Styles 
**********************************************************************************/
/* master table styles, the one table to rule them all
*********************************************************************************************************/
table.habanero tr.highlight{ background:#ffffcc!important; }
table.habanero tr{ background:#eee; }
table.habanero tr td{ padding:3px; }
table.habanero tr.stripe1{ background:#F1F5FA; }
table.habanero thead tr{ font-weight:bold; }
table.habanero thead tr td{ background:#e2e7ec; }
table.habanero thead.sortable tr td:hover{
  cursor:pointer;
  text-decoration:underline;
}
table.habanero thead.sortable tr td.sorted{
  /* styles for the column that the data is sorted on */
  padding-left:15px;
  background-repeat:no-repeat;
  background-position:3px center;
}
table.habanero thead.sortable tr td.sorted.no_label{ background-position:center center; }
table.habanero thead.sortable tr td.asc{ background-image:url(/images/icons/indicators/up_arrow.gif); }
table.habanero thead.sortable tr td.desc{ background-image:url(/images/icons/indicators/down_arrow.gif); }
table.habanero tbody tr{ background:transparent; }
table.habanero tbody.clickable tr:hover{
  background:#fff6f2;
  cursor:pointer;
}
table.habanero tbody.clickable tr.not-clickable:hover, table.habanero tbody.clickable tr.not-clickable.hover {
  background:transparent;
  cursor:auto;
}
table.habanero tbody.clickable tr.clicked {
  background:#FFB591;
  cursor:pointer;
}
table.habanero tbody tr td{ border:1px solid #ccc; border-left:0; border-right:0; }
table.habanero tbody tr.spacer-row td{ border:1px solid transparent; }
table.habanero tr td.action{ text-align:center; }
table.habanero tfoot tr{ background:transparent;   }
table.habanero tfoot tr td{ border:none; }
table.habanero tfoot tr td.instruction{ text-align:right; }
table.habanero tr td.value{ text-align:center; }
table.habanero tr td.name{ width:200px; }

/* alerts and errors tables
*****************************************************************************/
table.habanero tbody tr td.error{ border:1px solid #e9d4d4; }
table.habanero tbody tr.stripe0 td.error{ background:#f4eaea; }
table.habanero tbody tr.stripe1 td.error{ background:#e9d4d4; }

/* styles for the data rich table, selectable rows, editable cells, add new rows, etc... (used on monitors and network settings)
*****************************************************************************/
table.jalapeno{ width:100%; }
table.jalapeno td{
  padding:3px!important;
  text-align:center;
}
table.jalapeno th{
  padding:3px!important;
  text-align:center;
  font-weight:normal;
}
table.jalapeno thead tr td, table.jalapeno thead tr th{
  background:#e2e7ec;
  font-weight:bold;
  border:1px solid #ccc;
  color:#444;
}
table.jalapeno thead tr td.empty, table.jalapeno thead tr th.empty{
  border:0;
  background:#fff;
}
table.jalapeno tbody tr{ background:transparent; }
table.jalapeno tbody tr.stripe1{ background:#ebebeb; }
table.jalapeno tbody tr:hover, table.jalapeno tbody tr.hover{
  cursor:pointer;
  background:#FFF6F2;
}
table.jalapeno tbody tr.disabled{ color:#666; }
table.jalapeno tbody tr.selected{ background:#FFB591; }
table.jalapeno tfoot tr{ background:#eee; }
table.jalapeno tfoot tr td{
  padding:10px 0 5px 3px!important;
  text-align:center;
}

/* styles for the data rich table, selectable rows, editable cells, add new rows 
*****************************************************************************/
table.guajillo{ 
  border-collapse:collapse;
  border:1px solid #999;
  width:100%; 
}
table.guajillo td{
  padding:4px!important;
  text-align:center;
  border:1px solid #A1A1A1;
}
table.guajillo th{
  padding:3px!important;
  text-align:center;
  font-weight:normal;
}
table.guajillo thead tr td, table.guajillo thead tr th{
  background:#ccc;
  font-weight:bold;
  border:0px solid #ccc;
  color:#444;
}
table.guajillo thead tr td.empty, table.guajillo thead tr th.empty{
  border:0;
  background:#fff;
}
table.guajillo tbody tr{ background:transparent; }
table.guajillo tbody tr.stripe1, table.guajillo tbody tr.every-other{ background:#F1F5FA; }
table.guajillo tbody.with-hover tr:hover, table.guajillo tbody.with-hover tr.hover{
  cursor:pointer;
  background:#666;
}
table.guajillo tbody tr.disabled{ color:#B7B7B7; }
table.guajillo tbody tr.selected{ background:#444; }
table.guajillo tfoot tr td{
  padding:10px 0 5px 3px!important;
  text-align:center;
}

/* Styles for editable tables
***************************************************************************/
table.editable tfoot tr{}
table.editable tfoot tr td{ background:#fff; text-align:left; }
table.editable td.actions{ font-size:11px; white-space:nowrap; width:50px;}

table.editable td.actions div.actions_menu {
  position:relative;
  top:-3px;
}
table.editable td.actions div.actions_menu a.sw-menu-opener {
  display:block;
}

table.editable td.actions a.pivotable-actions{
  padding:2px 20px !important;
}
table.editable td.actions a.pivotable-actions{
  background:transparent url(/images/icons/pivot-box.png) no-repeat center right;
}
div.table-actions-pivotable ul li a, div.menu-set ul li a{
  background:transparent none no-repeat 5px 4px;
}
div.table-actions-pivotable ul li a.table-action-scan-now, div.menu-set ul li a.table-action-scan-now{ background-image:url(/images/icons/small/start_scan.png); }
div.table-actions-pivotable ul li a.table-action-exclude, div.menu-set ul li a.table-action-exclude{ background-image:url(/images/icons/small/move.png); }
div.table-actions-pivotable ul li a.table-action-edit, div.menu-set ul li a.table-action-edit{ background-image:url(/images/icons/small/edit.png); }
div.table-actions-pivotable ul li a.table-action-delete, div.menu-set ul li a.table-action-delete{ background-image:url(/images/icons/small/trash.png); }
div.table-actions-pivotable ul li a.table-action-test, div.menu-set ul li a.table-action-test{ background-image:url(/images/icons/small/troubleshooting.png); }
div.table-actions-pivotable ul li a.table-action-arrow-up, div.menu-set ul li a.table-action-arrow-up{ background-image:url(/images/icons/small/arrow-up.png); }
div.table-actions-pivotable ul li a.table-action-arrow-down, div.menu-set ul li a.table-action-arrow-down{ background-image:url(/images/icons/small/arrow-down.png); }
div.table-actions-pivotable ul li a.move-up-disabled, div.menu-set ul li a.move-up-disabled{ background-image:url(/images/icons/small/arrow-up-disabled.png); }
div.table-actions-pivotable ul li a.move-down-disabled, div.menu-set ul li a.move-down-disabled{ background-image:url(/images/icons/small/arrow-down-disabled.png); }
div.pivotable.table-actions-pivotable ul li a.move-up-disabled:hover, div.pivotable.table-actions-pivotable ul li a.move-down-disabled:hover,
  div.menu-set ul li a.move-up-disabled:hover, div.menu-set ul li a.move-down-disabled:hover{ background-color:transparent;}

div.table-actions-pivotable ul li a.move-up-disabled, div.table-actions-pivotable ul li a.move-down-disabled,
  div.menu-set ul li a.move-up-disabled, div.menu-set ul li a.move-down-disabled{ color:#aaa; }
table.editable tfoot tr td div.add-new{ text-align:center; }
table.editable tfoot tr td div.add-new a{
  color:#666;
  font-size:1.4em;
}
table.editable tbody tr.edit-row td{ text-align:left; background:#D3DEE3; }
table.editable tbody tr.edit-row td form,
  table.editable tfoot tr td div.new-form form{ padding:5px 0 0 5px; }
table.editable tbody tr.edit-row td form a.form_help_link, 
  table.editable tfoot tr td div.new-form form a.form_help_link { position:absolute; bottom:9px; right:3px; }
table.editable tbody tr.edit-row h3.loading,
  table.editable tfoot tr h3.loading{
  text-align:center;
  font-size:1.8em;
  font-weight:normal;
  margin:5px 0 0;
  padding:0;
}
table.editable tbody tr.edit-row h3.loading span,
  table.editable tfoot tr h3.loading span{
  padding:0 0 0 5px;
  font-size:12px;
}
table.editable tbody tr.edit-row fieldset{
  margin:10px 5px 5px 0;
  display:block;
}
table.editable tbody tr.edit-row td div.wrapper,
  table.editable tfoot tr div.new-form{ position:relative; /* see hacks.ie6.css */ } /* so we can use move effects on the form */

table.editable tbody.editing tr.data td.actions a,
  table.editable tbody.adding tr.data td.actions a{ visibility:hidden!important; }
table.editable tfoot.editing tr td div.add-new a{
  color:#ddd;
  text-decoration:none;
  cursor:text;
}
table.editable form h3{
  margin:0 0 5px;
  padding:0;
  font-size:1.2em;
  color:#666;
}

/* Styles for reorderable tables, which is really just the up/down arrows
***************************************************************************/
table.reorderable td.actions a.up-down{ text-decoration:none; font-size:13px; }
table.reorderable td.actions a.move-up-disabled,
  table.reorderable td.actions a.move-down-disabled{ color:#999; cursor:default; }

/* Styles for spicetables (easily generatable and exportable) for reports, etc.
***************************************************************************/
div.spicetable{ clear:both; }
table.spicetable{
  table-layout:auto;
  margin:auto;
  border-collapse:collapse;
}
div.spicetable_header{ text-align:center; }
div.spicetable_scrollable{
  height:500px;
  width:100%; 
  overflow:auto;
  border:1px solid #ccc;
}
table.spicetable tbody tr td, table.spicetable thead tr th, table.spicetable thead tr td{ vertical-align:top; border:1px solid #ccc; }

/* collapsable tables (the thead is always visible)
*******************************************************************************************/
div.collapsable{
  border:1px solid #ccc;
  background:#eee;
  margin:10px 0;
}
div.collapsable span.toggler{
  background:transparent url(/images/icons/indicators/toggle2_blue.png) no-repeat scroll left center;
  cursor:pointer;
  margin:0;
  padding:0 0 0 15px;
}
div.collapsable a.toggle-section{
  background:transparent url(/images/icons/indicators/toggle2_blue.png) no-repeat scroll left center;
  display:inline-block;
  width:11px;
  height:11px;
  text-indent:-9999px;
  outline:none;
}
div.collapsable.v2 > h3{
  padding:3px;
}

div.collapsable > table th {
  font-weight:bold;
  padding:3px;
}
div.collapsing{ padding:5px;}

div.collapsable table thead th{ font-weight:normal; }
div.collapsable table thead th.first_column{ text-align:left!important; }
div.collapsable table thead th.last_column{ text-align:right!important; }
div.collapsable-collapsed span.toggler, div.collapsable-collapsed a.toggle-section{ background-image:url(/images/icons/indicators/toggle1_blue.png); }
div.collapsable div.collapsing{
  border-top:1px solid #ccc;
  background:#fff;
  padding:8px 2px;
}
div.collapsable-collapsed{}
div.collapsable-collapsed div.collapsing{
  border-top:0;
  display:none;
}


#content > div.section_bar {
  padding:5px;
  background-color:#F7F7F7;
}

#content > div.section_bar.pagination {
  float:none!important;
  font-size:14px;
  font-weight:bold;
  margin:0;
  overflow:hidden;
  padding:5px;
}

#content > div.section_bar p{
  margin:0;
  padding:0;
}
#content > div.section_bar a {
  color:#2080AD;
}


/* @Calendar
************************************************************************************************/
/* Styles for calendar popup
***************************************************************************/
.calendar{
  z-index:501; /* right above the quick form and lightbox */
  position:relative;
  display:none;
  border:2px solid #888;
  font-size:12px;
  color:#564B47;
  cursor:default;
  background:#fff;
}
.calendar table{
  font-size:11px;
  cursor:default;
}
/* Header part -- contains navigation buttons and day names. */
.calendar .button{ /* "<<", "<", ">", ">>" buttons have this class */
  text-align:center;
  padding:1px;
  background:#CBD9E6 url(/images/layout/gradients/blue_to_gray_calendar.png) repeat-x;
}
.calendar .headrow td{ background:#EFEFEF; }
.calendar .headrow .nav{ background:#EFEFEF url(/images/icons/calendar_arrow.gif) no-repeat 100% 100%; }
.calendar .headrow td{ border-bottom:1px solid #CCC; }
.calendar thead .title{ /* This holds the current "month, year" */
  font-weight:bold;
  padding:1px;
  text-align:center;
  line-height:17px;
  background:#CBD9E6 url(/images/layout/gradients/blue_to_gray_calendar.png) repeat-x;
}
.calendar thead .name{ /* Cells <TD> containing the day names */
  padding:4px 2px;
  text-align:center;
  font-size:10px;
  background:#fff;
}
.calendar thead .weekend{ font-style:italic; /* How a weekend day name shows in header */  }
.calendar td.button.hilite{ background:#A8BFD5; /* how it looks when hovered over */ }
.calendar .daynames .hilite, .calendar .headrow td.button.hilite{ background:#DDD; }
.calendar .headrow td.nav.hilite{ background:#DDD url(/images/icons/calendar_arrow.gif) no-repeat 100% 100%; }
.calendar thead .active{ /* Active (pressed) buttons in header */
  padding:2px 0px 0px 2px;
  background-color:#ccc;
}
/* The body part -- contains all the days in month. */
.calendar tbody .day{ /* Cells <TD> containing month days dates */
  width:2em;
  text-align:right;
  padding:4px 4px 4px 2px;
}
.calendar tbody .day.othermonth{
  font-size:10px;
  color:#aaa;
}
.calendar tbody .day.othermonth.oweekend{ font-style:italic; }
.calendar table .wn{
  padding:2px 3px 2px 2px;
  background:#fff;
}
.calendar tbody .rowhilite td{ background:#FFE1D4 url(/images/layout/gradients/orange_bar_calendar.png) repeat-x; }
.calendar tbody .rowhilite td.wn{ background:#ebebeb; }
.calendar tbody td.hilite{ /* Hovered cells <TD> */
  background:#fe5200;
  color:#fff;
}
.calendar tbody td.active{ /* Active (pressed) cells <TD> */
  padding:2px 2px 0px 2px;
  border-color:#333 #fff #fff #333;
}
.calendar tbody td.selected{ /* Cell showing selected date */
  font-weight:bold;
  padding:2px 2px 0px 2px;
  color:#fff;
  background:#fe5200;
}
.calendar tbody td.weekend{ font-style:italic; /* Cells showing weekend days */ }
.calendar tbody td.today{ /* Cell showing today date */
  padding:2px;
  padding-left:0;
  border:2px solid #fe5200;
}
.calendar tbody .disabled{ color:#999; }
.calendar tbody .emptycell{ visibility:hidden; /* Empty cells (the best is to hide them) */ }
.calendar tbody .emptyrow{ display:none; /* Empty row (some months need less than 6 rows) */ }
/* The footer part -- status bar and "Close" button */
.calendar tfoot .footrow{ background:#EFEFEF; /* The <TR> in footer (only one right now) */ }
.calendar tfoot .ttip{ /* Tooltip (status bar) cell <TD> */
  padding:1px;
  text-align:center;
  border-top:#CCC 1px solid;
}
.calendar tfoot .hilite{ /* Hover style for buttons in footer */
  padding:1px;
  background:#ebebeb;
}
.calendar tfoot .active{ padding:2px 0px 0px 2px; /* Active (pressed) style for buttons in footer */ }
.calendar .combo{
  /* Combo boxes (menus that display months/years for direct selection) */
  position:absolute;
  display:none;
  width:4em;
  top:0px;
  left:0px;
  cursor:default;
  background:#ebebeb;
  font-size:90%;
  padding:1px;
  z-index:100;
}
.calendar .combo .label,
.calendar .combo .label-IEfix{
  text-align:center;
  padding:1px;
}
.calendar .combo .label-IEfix{ width:4em; }
.calendar .combo .active{
  background:#ccc;
  padding:0px;
}
.calendar .combo .hilite{
  background:#564B47;
  color:#fff;
}
.calendar td.time{
  padding:1px 0px;
  text-align:center;
  background-color:#ebebeb;
}
.calendar td.time .hour,
.calendar td.time .minute,
.calendar td.time .ampm{
  padding:0px 3px 0px 4px;
  font-weight:bold;
  background-color:#fff;
}
.calendar td.time .ampm{ text-align:center; }
.calendar td.time .colon{
  padding:0px 2px 0px 3px;
  font-weight:bold;
}
.calendar td.time span.hilite{
  border-color:#333;
  background-color:#564B47;
  color:#fff;
}
.calendar td.time span.active{
  border-color:#f00;
  background-color:#333;
  color:#0f0;
}
a.calendar_trigger img{
  border:0;
  position:relative;
  top:4px;
  margin:-4px 0 0 2px;
}
/* WEB CLIP
*******************************************************************************************/
#web_clip {
/*  border-top:1px solid #dfdfdf;*/
  clear:left;
  margin:0;
  min-height:15px;
  padding:8px 10px;
}
#web_clip p{ margin:0; padding:0; }

/* CONFIRMATION PANELS 
*******************************************************************************************/

div.confirmation_panel {
  padding:20px 5px 5px 5px;
  background-color:#F5F5F5;
  text-align:center;
}
div.confirmation_panel h4{
  font-size:1.5em;
  color:#777;
  margin-bottom:3px;
  text-align:center;
}

div.confirmation_panel p.btn {
  text-align:center;
  padding:20px;
}

div.confirmation_panel p.help {
  text-align:right;
  font-size:0.9em;
}
div.confirmation_panel ul {
  width:200px;
  margin-left:auto;
  margin-right:auto;
}

/* DATAGRID
*******************************************************************************************/
div.datagrid{
  position:relative; /* for the overlay */
}
div.datagrid div.datagrid-overlay{
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:#fff;
  -moz-opacity:0.7;
  opacity:.70;
  filter:alpha(opacity=70);
}
div.datagrid div.datagrid-overlay p{ text-align:center; font-size:4em; margin:20% 0; }
div.datagrid table{
  width:100%;
  border-collapse:0;
}
div.datagrid table.header tr th, div.datagrid table.body tr td{
  text-align:left;
  padding:3px;
}
div.datagrid div.table-header-wrapper{
  padding-right:15px;
  background:#E2E7EC;
}
div.datagrid table.header{}
div.datagrid table.header tr{
  background:#E2E7EC;
}
div.datagrid table.header tr th{
  font-weight:bold;
  border-bottom:1px solid #ccc;
  padding-bottom:2px;
}
div.sortable-datagrid table.header tr th:hover span{
  cursor:pointer;
  text-decoration:underline;
}
div.datagrid table.header tr th.sorted span{
  padding-right:13px;
  /* make sorted ASC the default */
  background:transparent url(/images/icons/indicators/down_arrow.gif) no-repeat right center;
}
div.datagrid table.header tr th.sorted-asc span{
  background-image:url(/images/icons/indicators/up_arrow.gif);
}
div.datagrid div.table-body-wrapper{
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
}
div.datagrid div.table-body-wrapper table.body{}
div.datagrid div.table-body-wrapper table.body tr{
  background:#F1F5FA;
}
div.datagrid div.table-body-wrapper table.body tr.every-other{ background:#fff; }
div.clickable-datagrid div.table-body-wrapper table.body tr:hover{ background:#fff6f2; cursor:pointer; }
div.datagrid div.table-body-wrapper table.body tr.clicked{ background:#FFB591; }
div.datagrid div.table-body-wrapper table.body tr.deemphasized, div.datagrid div.table-body-wrapper table.body tr.deemphasized a{ color:#999; font-style:italic; }
div.datagrid table.body tr td{
  border:1px solid #ccc;
  border-left:0;
  border-right:0;
}
div.datagrid div.footer{
  text-align:center;
  border-top:1px solid #ccc;
  padding:3px 0;
}
div.resizable-datagrid div.footer{ border-top:0; }

/* resizable container and drag control */
div.resizable-vertical{ overflow:hidden; overflow-y:scroll; }
div.resize-vertical-control{
  height:3px;
  background:#f7f7f7 url(/images/controls/resize-handle-with-bg.png) no-repeat center center;
  padding:2px 0;
  border-top:1px solid #bbb;
  border-bottom:1px solid #bbb;
  border-left:0;
  border-right:0;
  cursor:row-resize;
}

/* menu set is a generated menu to be used in a collection of items without having a ton of listeners for each item */
div.menu-set{
  position:absolute;
  top:0;
  left:0;
  z-index:100;
  border:1px solid #999;
  background:#fff;
  font-size:1.2em;
  box-shadow:rgb(136, 136, 136) 0px 5px 5px;
  -webkit-box-shadow:rgb(136, 136, 136) 0px 5px 5px;
  -moz-box-shadow:rgb(136, 136, 136) 0px 5px 5px;
}
a.menu-set-activator{
  float:right;
  position:relative; /* see hacks.ie7.css */
  background:transparent url(/images/icons/expand_arrow.png) no-repeat center center;
  margin:0;
  width:12px;
  height:12px;
  border:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
a.menu-set-activator:hover, .menu-set-shown a.menu-set-activator, tr:hover a.menu-set-activator{
  border-color:#999;
  background-image:url(/images/icons/expand_arrow_dark.png);
}
a.menu-set-activator:hover, .menu-set-shown a.menu-set-activator{
  z-index:500;
  background-color:#fff;
  border-bottom-color:#fff!important;
  border-bottom-left-radius:0;
  border-bottom-right-radius:0;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
}
a.menu-set-activator em{ display:none; }
div.menu-set ul{}
div.menu-set ul li{ display:inline; }
div.menu-set ul li a{ display:block; padding:4px 2px; text-decoration:none; font-size:12px; }
div.menu-set ul li div.separator{ height:1px; background:#ccc; }
div.menu-set ul li a:hover{ background-color:#ddd; }

div.community-panel{ padding:0 8px; overflow:hidden; }
div.community-panel h2.heading{
  font-size:1.4em; 
  padding:0;
  margin:0 0 8px;
  border-bottom:1px solid #ccc;
}
div.community-panel div.main{}
div.community-panel div.main h2.heading{ background:transparent url(/images/icons/medium/users.png) no-repeat top left; padding:20px 0 5px 45px; }
div.community-panel div.help{
  padding:8px 0 0;
}
div.community-panel div.help h2.heading{
}
div.community-panel div.help ul{
  list-style:none;
}
div.community-panel div.help ul li{}
div.community-panel div.help ul li{
  float:left;
  width:40%;
  padding:10px 0 10px 30px;
}
div.community-panel div.help ul li.item-odd{
  float:right;
  padding-left:100px;
  width:30%;
}
div.community-panel div.help ul li a{
  padding:5px 0 5px 25px;
  background:transparent none;
  background-repeat:no-repeat;
  background-position:center left;
  text-decoration:none;
}
div.community-panel div.help ul li a:hover{ text-decoration:underline; }
div.community-panel div.help ul li.webinar a{ background-image:url(/images/icons/small/webinar.png); }
div.community-panel div.help ul li.community-help a{ background-image:url(/images/icons/small/community-help.png); }
div.community-panel div.help ul li.user-group a{ background-image:url(/images/icons/small/groups.png); }

div.community-panel.standard-layout div.main ul{ list-style:none; }
div.community-panel.standard-layout div.main ul li{ display:block; overflow:hidden; padding:0 0 15px; }
div.community-panel.standard-layout div.main ul li img{ display:block; float:left; width:60px; }
div.community-panel.standard-layout div.main ul li div.primary{
  float:left;
  width:70%;
  padding:0 0 0 8px;
}
div.community-panel.standard-layout div.main ul li div.primary h3{ font-size:1.2em; }
div.community-panel.standard-layout div.main ul li div.primary h3 a{ color:#444; text-decoration:none; font-weight:bold; }
div.community-panel.standard-layout div.main ul li div.primary h3 a:hover{ text-decoration:underline; }
div.community-panel.standard-layout div.main ul li div.primary h4{ font-size:11px; font-weight:normal; color:#888; padding:0; }
div.community-panel.standard-layout div.main ul li div.primary p{ padding:2px 0 0; }
div.community-panel.standard-layout div.main ul li div.primary p a{ text-decoration:none; color:#2080AD; }
div.community-panel.standard-layout div.main ul li div.primary p a:hover{ text-decoration:underline; }
div.community-panel.standard-layout div.main ul li div.secondary{
  float:right;
  width:12%;
}
div.community-panel.standard-layout div.main ul li div.secondary input{ }
div.community-panel.standard-layout div.main p.all-link{ text-align:right; font-size:12px; padding:10px 0 0; }
div.community-panel.standard-layout div.main p.all-link a{ color:#2080AD; text-decoration:none; }
div.community-panel.standard-layout div.main p.all-link a:hover{ text-decoration:underline; }

/* Status bar popups */

#status_bar ul.sui-status-list {
  padding:0;
  margin:0;
}
#status_bar ul.sui-status-list li {
  padding:4px 4px 5px 25px;
  text-align:left;
  position:relative;
  border-left:2px solid transparent;
}

#status_bar ul.sui-status-list li + li {
  margin-top:5px;
  border-top:1px solid #EEE;
}
#status_bar ul.sui-status-list li img {
  left:2px;
  position:absolute;
  top:4px;
}
#status_bar ul.sui-status-list li h4.title {
  font-weight:normal;
  font-size:1.2em;
}
#status_bar ul.sui-status-list li h5.subtitle {
  font-weight:normal;
  font-size:1.1em;
}
#status_bar ul.sui-status-list li div.message {
  font-size:1em;
}
#status_bar ul.sui-status-list li h4.title a,
#status_bar ul.sui-status-list li h5.subtitle a,
#status_bar ul.sui-status-list li div.message a {
  font-style:italic;
  text-decoration:none;
  color:#2080AD;
}
#status_bar ul.sui-status-list li a:hover {
  text-decoration:underline!important;
}
#status_bar ul.sui-status-list li div.message {
  margin-top:2px;
}
#status_bar ul.sui-status-list li p.bottom {
  margin-top:2px;
}
#status_bar ul.sui-status-list li p.bottom span.date {
  font-style:italic;
  color:#CCC;
}

#status_bar ul.sui-status-list li.unseen {
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  border-left:2px solid #FEF090;
}

#status_bar ul.sui-status-list li p.bottom span.actions{
  float:right;
}

#status_bar ul.sui-status-list li p.bottom span.actions a+a{
  padding-left:5px;

}
#status_bar ul.sui-status-list li p.bottom span.actions a {
  color:#E5E5E5;
  text-decoration:none;
}

#status_bar ul.sui-status-list li:hover p.bottom span.actions a {
  display:static;
  color:#2080AD;
}

#status_bar ul.sui-status-list li.dismissable h4.title {
  padding-right:20px;
}
#status_bar ul.sui-status-list li a.sui-list-dismiss {
  display:none;
}

#status_bar ul.sui-status-list li:hover a.sui-list-dismiss {
  display:block;
}


#status_bar ul.sui-status-list li a.sui-list-dismiss {
  position:absolute;
  right:3px;
  top:5px;
  text-indent:1000px;
  width:15px;
  overflow:hidden;
  outline:none;
  height:15px;
  background:transparent url(/images/icons/close.png) no-repeat center center;
}

#status_bar ul.sui-status-list li a.sui-list-dismiss:hover {
  background-image:url(/images/icons/close_hover.png);
}

#status_bar ul.sui-status-list li:hover p.bottom span.actions a:hover {
  text-decoration:underline;
}

#status_bar ul.sui-status-list span.brief a.more{
  color:#CCC;
  text-decoration:underline;
  font-style:normal;
  padding:0 5px;
}
#status_bar ul.sui-status-list span.brief a.more:hover{
  color:#333;
}

#status_bar ul.sui-status-list li input[type=checkbox] {
  position:absolute;
  left:3px;
  top:5px;
  display:none;
}

#status_bar ul.sui-status-list li.selectable:hover input[type=checkbox], ul.sui-status-list li.selected input[type=checkbox] {
  display:block!important;
}

#status_bar ul.sui-status-list li.selectable:hover img, ul.sui-status-list li.selected img {
  display:none;
}

#status_bar ul.sui-status-list li.clickable:hover {
  cursor:pointer;
  background-color:#FFF6F2!important;
/*  border-left:2px solid #FFB591;*/
  box-shadow: 1px 1px 5px 1px #CCC;
  -webkit-box-shadow: 1px 1px 5px 1px #CCC;
  -moz-box-shadow: 0px 0px 7px 1px #CCC;
  
}
#status_bar ul.sui-status-list li.selected {
  border-left:2px solid #FFB591;
}


#status-plugins ul.sui-status-list li.update {
  background:transparent url(/images/icons/orange_polygon.png) no-repeat 2px 4px;
}


#status-scanerrors ul.sui-status-list li.unknown img {
  position:absolute;
  left:0!important;
}

#status-scanerrors ul.sui-status-list li.known img {
  position:absolute;
  left:-2px!important;
}

#status-scanerrors ul.sui-status-list li.rackspace img {
  left:0!important;
}

#status-tickets ul.sui-status-list li.ticket {
  background:transparent url(/images/icons/small/ticket.png) no-repeat 2px 4px;
}


#status-alerts div.footer span {
  margin-left:5px;
}

#status-alerts div.footer span input {
  opacity: 0.3;
  -moz-opacity: 0.3;
  filter:alpha(opacity=30); 
}
#status-alerts div.footer span:hover input {
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=1);
}
#status-alerts ul.sui-status-list li p {
  padding:2px 0 0 4px;
}
#status-alerts ul.sui-status-list li p.bottom {
  padding-top:0;
}
#status-alerts ul.sui-status-list li h4.title strong{font-weight:normal;}
#status-alerts div.popup > div.actionBox {
  text-align:center;
}

#status-messages ul.sui-status-list li p{margin-left:5px;}
#status-messages ul.sui-status-list li h5.subtitle a{font-style:normal!important;}
#status-messages ul.sui-status-list li div.message {
  color:#A4A4A4;
  padding-bottom:2px;
}
#status-messages ul.sui-status-list li h4.title { 
  font-weight:normal;
}

#status-messages ul.sui-status-list li.unread h4.title { 
  font-weight:bold;
  color:#000;
}

#status-community ul.sui-status-list li h5.subtitle {
  color:#888;
}
#status-community ul.sui-status-list li div.message {
  color:#999;
}


#status_bar #status-app-about div.popup {
  border:none;
  width:320px;
  background-color:transparent;
  min-height:0;
  position:absolute;
  bottom:26px;
  left:-3px;
  -webkit-box-shadow: none;
}

#status_bar #status-app-about div.popup > div.content {
  border:1px solid #ccc;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  font-size:12px;
  background: #f7f7f7 url(/images/icons/statusbar/medium-swoosh.png) 10px center no-repeat;
  min-height:40px;
  padding:10px 10px 10px 60px;
  line-height:1.333333;
  -webkit-box-shadow: 1px 1px 3px #CCC;
}

#status_bar #status-app-about div.popup div.content p + p{
  margin-top:0.5em;
}
#status_bar #status-app-about div.popup div.content a{
  color:#2080ad;
  font-weight:normal;
}

#status_bar #status-app-about div.popup div.bottom{
  background:transparent url(/images/icons/statusbar/popup_bottom.png) 10px bottom no-repeat;
  height:10px;
  position:relative;
  top:-1px;
}



/* progress bar
********************************************************************************/
div.progress{
  background:white none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  color:white;
  display:block;
  margin:5px auto;
  overflow:hidden;
  padding:1px;
  position:relative;
  text-align:left;
  width:400px;
}
div.progress div.bar{
  background:#fe5200;
  float:left;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  height:25px;
  margin:0;
  text-align:center;
  -webkit-transition:width 1s ease-out;
}
div.progress div.bar.still{ background:url(/images/other/progressbar-still.gif) top right #fe5200!important; }
div.progress div.bar.moving{ background:url(/images/other/progressbar-moving.gif) top right #fe5200!important; }
div.progress span.percentage{
  margin:0;
  padding:6px 4px 0px 3px;
  white-space:nowrap;
  text-align:right;
  position:absolute;
  right:0;
  display:block;
}
div.progress span.percentage span.value{
  color:#383838;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  line-height:15px;
}

.cross-promo{
  margin:0 0 8px 0;
  padding:0 8px;
  font-size:.9em;
}
.cross-promo h3{ font-weight:normal; padding:5px 0 5px 50px; background:transparent url(/images/icons/medium/information.png) no-repeat center left; }
.cross-promo.email-service h3{ background-image:url(/images/icons/medium/agreements/email.png); }
.cross-promo.rackspace-email-service h3{ background-image:url(/images/icons/medium/agreements/email-rackspace.png); }
.cross-promo h3 a{ display:block; }