/*

Spiceworks application CSS (non-layout)

Spiceworks Orange:#fe5200
Lt. Spiceworks Orange:#fff6f2

*/

#application_messaging{
  position:absolute;
  display:block;
  background:#eee url(/apps/img/layout/boxes/messaging.png) no-repeat top left;
  margin:5px 0 0 50%;
  width:406px;
  height:30px;
  padding:0;
  overflow:hidden;
  left:-290px;
  font-size:1.2em;
}
#application_messaging ol{
  list-style:none;
  margin:0;
  padding:0;
}
#application_messaging ol li{
  text-align:center;
  padding:9px 0 0;
}

#application_messaging ol li#application_messaging_currently_scanning img {
  position:relative;
  top:1px;
  left:15px;
}

#application_messaging ol li a.dismisser{ cursor:pointer; }

table.habanero tr td.oldest-version,
table.habanero tr td.latest-version{ width:100px; }

table.habanero tr td.licenses,
table.habanero tr td.number-of-installs{ width:75px; }

p.table_actions{
  border-top:1px solid #ccc;
  padding:5px 0;
}
#user_management tbody form input, #user_management tfoot input.name{ width:75px; }
#user_management tbody td.email form input{ width:135px; }
#user_management tfoot input#new_password{ width:50px; }
#user_management tfoot input#new_email{ width:120px; }

/* Cake SQL Log */
.cake-sql-log table {
	background: #f4f4f4;
}
.cake-sql-log td {
	padding: 4px 8px;
	text-align: left;
}

/* Start your first scan
*****************************************************************************/
#at_a_glance.showing_run_first_scan_summary #tab_box,
#device_summary.showing_run_first_scan #tab_box,
#at_a_glance.showing_spiceworks_overview_summary #tab_box{ background-color:#fff6f2; }
#at_a_glance.showing_run_first_scan_summary #tab_box ul#summary_tabs li.active a,
#device_summary.showing_run_first_scan #tab_box ul#summary_tabs li.active a,
#at_a_glance.showing_spiceworks_overview_summary #tab_box ul#summary_tabs li.active a{
  background-color:#fff6f2;
  border-right-color:#fff6f2;
}
body.view #at_a_glance #run_first_scan, body.browse #at_a_glance #run_first_scan, div.run_first_scan{
  margin:20px 5px 0 0;
  text-align:center;
}
#at_a_glance #tab_box #run_first_scan #message_wrap{
  padding:0 0 0 20px;
  float:left;
}
#at_a_glance #tab_box #run_first_scan #scan_icon{ float:left; }
#at_a_glance #tab_box #run_first_scan h4{ margin-bottom:15px; }
#at_a_glance #tab_box #run_first_scan p.btn{ margin-top:15px; }
#at_a_glance #tab_box #run_first_scan #intro_text{
  float:right;
  padding:0 10px 0 0;
  width:350px;
}
#at_a_glance #tab_box #run_first_scan #intro_text #divider{
  width:100%;
  height:1px;
  border-bottom:1px solid #a3a3a3;
  margin:0 0 15px 0;
  padding:15px 0 0 0;
}
#at_a_glance #tab_box #run_first_scan #intro_text ul{
  padding-left:40px;
}
#at_a_glance #tab_box #run_first_scan #intro_text ul li{
  padding-left:22px;
  height:20px;
  line-height:20px;
  list-style-type:none;
  background:transparent no-repeat left center;
  text-align:left;
  margin-bottom:10px;
}
#at_a_glance #tab_box #run_first_scan #intro_text ul li.movie{
  background-image:url(/apps/img/icons/movie.png);
}
#at_a_glance #tab_box #run_first_scan #intro_text ul li.spicelist{
  background-image:url(/apps/img/icons/spicelist.png);
}
#at_a_glance #tab_box #run_first_scan #intro_text ul li.help{
  background-image:url(/apps/img/icons/small/help.png);
}
#at_a_glance #tab_box #run_first_scan #intro_text ul li.community{
  background-image:url(/apps/img/icons/navigation/community.png);
}
#at_a_glance p.dns_help{
  text-align:center;
  padding:0 0 5px;
}
body.view #device_list #run_first_scan{
  position:absolute;
  padding:10px;
  left:463px;
  width:350px;
  height:100px;
  border:1px solid #fe5200;
  background:#fff6f2;
  text-align:center;
}
#quick_stats_start_scan{ text-align:center; }
#run_first_scan h4, #quick_stats_start_scan h4, div.run_first_scan h4{
  margin:0 0 10px;
  padding:0;
  font-size:20px;
  font-weight:normal;
}
#run_first_scan p, #quick_stats_start_scan p, div.run_first_scan p{ margin:10px 0; }
#run_first_scan p.btn, #quick_stats_start_scan p.btn, div.run_first_scan p.btn{
  margin-top:10px;
  text-align:center;
}

/* Toolbar styles
*****************************************************************************/
#toolbar span.advanced_controls{
  display:block;
  float:left;
  width:635px;
  text-align:left;
  padding-bottom:0;
}
#toolbar span.toggle_controls{
  display:block;
  float:right;
  width:61px;
  text-align:right;
  position:relative;
}
#toolbar span.toggle_controls a.pivot{
  text-decoration:none;
  background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right!important;
}
body.view #toolbar span.toggle_controls, body.browse #toolbar span.toggle_controls{ margin-right:3px; }
body.dashboard #toolbar span.advanced_controls,
body.view #toolbar span.advanced_controls,
body.browse #toolbar span.advanced_controls,
body.settings #toolbar span.advanced_controls,
body.asset #toolbar span.advanced_controls{ padding-bottom:0; }
body.settings #toolbar.sub_section span.advanced_controls{ padding-bottom:0; }
body.tickets #toolbar span.advanced_controls{ width:555px; }
body.tickets #toolbar span.toggle_controls{ width:135px; }
body.reports #toolbar span.advanced_controls{
  width:470px;
  padding-bottom:0;
}
body.reports #toolbar span.toggle_controls{ width:220px; }
body.settings #toolbar span.advanced_controls{ width:520px; }
body.settings #toolbar span.toggle_controls{ width:170px; }
body.asset #toolbar span.advanced_controls{ padding-bottom:3px; }
body.search #toolbar span.advanced_controls{ padding-bottom:4px; }
#toolbar span.advanced_controls a.divide{
  padding-left:10px;
  border-left:1px solid #ccc;
}
body.reports #toolbar span.advanced_controls a.report_button{
  padding-left:27px;
  background-position:7px 50%;
}
#toolbar span.advanced_controls a:hover{ text-decoration:underline; }
#toolbar span.advanced_controls a.first{ border-left:0; }
#toolbar span.advanced_controls a.help_icon{ padding-left:25px; }
#toolbar span.advanced_controls a.search span{
  background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right;
  padding-right:10px;
}
/*Toolbar buttons */

#toolbar span.advanced_controls a.toolbar_button, h3.heading span.right a.toolbar_button{
  background:transparent url(/apps/img/layout/btn_a.png) no-repeat scroll right top;
  outline:none;
  display:block;
}
#toolbar span.advanced_controls a.toolbar_button:hover, h3.heading span.right a.toolbar_button:hover{
  background:transparent url(/apps/img/layout/btn_a.png) no-repeat scroll right -20px;
  display:block;
  text-decoration:none;
}
#toolbar span.advanced_controls a.toolbar_button span.inner, h3.heading span.right a.toolbar_button span.inner{
  background:transparent url(/apps/img/layout/btn_span.png) no-repeat scroll left top;
  display:block;
}
#toolbar span.advanced_controls a.toolbar_button:hover  span.inner, h3.heading span.right a.toolbar_button:hover span.inner{
  background:transparent url(/apps/img/layout/btn_span.png) no-repeat scroll left -20px;
  display:block;
}
#toolbar span.advanced_controls a.toolbar_menu, h3.heading span.right a.toolbar_menu{
  background:transparent url(/apps/img/layout/menu_a.png) no-repeat scroll right top!important; 
  /* !important because a.pivot defines a background image, and toolbar menus can be pivots */
  outline:none;
  display:block;
}
#toolbar span.advanced_controls a.toolbar_menu:hover, h3.heading span.right a.toolbar_menu:hover{
  background:transparent url(/apps/img/layout/menu_a.png) no-repeat scroll right -20px!important;
  /* !important because a.pivot defines a background image, and toolbar menus can be pivots */
  display:block;
  text-decoration:none;
}
#toolbar span.advanced_controls a.toolbar_menu span.inner, h3.heading span.right a.toolbar_menu span.inner{
  background:transparent url(/apps/img/layout/menu_span.png) no-repeat scroll left top;
  display:block;
}
#toolbar span.advanced_controls a.toolbar_menu:hover span.inner, h3.heading span.right a.toolbar_menu:hover span.inner{
  background:transparent url(/apps/img/layout/menu_span.png) no-repeat scroll left -20px;
  display:block;
}

#toolbar span.advanced_controls a.disabled:hover span.inner, h3.heading span.right a.disabled:hover span.inner{
  background-position:left top!important;
  cursor:pointer;
  display:block;
}

#toolbar span.advanced_controls a.disabled:hover,  h3.heading span.right a.disabled:hover{
  background-position:right top!important;
  cursor:pointer;
  display:block;
}

#toolbar span.advanced_controls a.toolbar_button, h3.heading span.right a.toolbar_button,
#toolbar span.advanced_controls a.toolbar_menu, h3.heading span.right a.toolbar_menu{
  cursor:pointer;
  color:#000;
  display:block;
  float:left;
  font:normal 11px arial, sans-serif;
  height:20px;
  line-height:1em;
  margin:0 6px 0 0!important;
  overflow:hidden;
  padding:0 5px 0 0;
  position:relative;
  top:0px;
  text-decoration:none;
  /*see ie hacks */
}
#toolbar span.advanced_controls a.pivot, #content h3.heading span.right a.pivot{
  /* override global pivot which places pivot icon on link and adds padding */
  padding-right:5px!important;
}
h3.heading span.right a.pivot { padding-right:0!important; margin-right:8px!important; }
#toolbar span.advanced_controls a.toolbar_button span.inner, h3.heading span.right a.toolbar_button span.inner,
#toolbar span.advanced_controls a.toolbar_menu span.inner, h3.heading span.right a.toolbar_menu span.inner{
  display:block;
  padding:5px 0 5px 3px;
  text-decoration:none;
}
#toolbar span.advanced_controls a.toolbar_button span.inner span,  h3.heading span.right a.toolbar_button span.inner span,
#toolbar span.advanced_controls a.toolbar_menu span.inner span, h3.heading span.right a.toolbar_menu span.inner span{
  background-repeat:no-repeat;
  text-decoration:none;
}
#toolbar span.advanced_controls a.toolbar_menu span.inner span.pivot_icon, h3.heading span.right a.toolbar_menu span.inner span.pivot_icon{
  background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right;
  margin:0;
  padding:0 12px 0 4px; /* for menus without icons, pad the left a little */
  position:relative;
  text-decoration:none;
  top:0;
  /*see ie6 hacks */
}

#toolbar span.advanced_controls a.toolbar_button span.inner span.icon, h3.heading span.right a.toolbar_button span.inner span.icon{
  background-position:1px!important;
  background-repeat:no-repeat;
  padding:2px 2px 2px 19px!important;
  position:relative;
  top:-1px;
  text-decoration:none;
  /*see ie6 hacks */
}
#toolbar span.advanced_controls a.toolbar_menu span.inner span.pivot_icon span, h3.heading span.right a.toolbar_menu span.inner span.pivot_icon span{
  background-position:1px!important;
  position:relative;
  top:-1px;
  margin-left:-2px; /* for menus without icons, counteract the left padding of .pivot_icon */
}
#toolbar span.advanced_controls a.toolbar_menu span.inner span.pivot_icon span.icon, h3.heading span.right a.toolbar_menu span.inner span.pivot_icon span.icon{
  background-position:0 0;
  background-repeat:no-repeat;
  padding:2px 2px 2px 19px!important;
  position:relative;
  top:-1px;
  text-decoration:none;
  /*see ie hacks */
}
#toolbar span.advanced_controls span#bulk_operations_outer{
  /* since we already apply a background image on the anchor, we need to use this span for the icon */
  background-image:url(/apps/img/icons/small/device_actions.png);
}
#toolbar span.advanced_controls a.troubleshooting span.icon{
  /* since we already apply a background image on the anchor, we need to use this span for the icon */
  background-image:url(/apps/img/icons/small/troubleshooting.png);
  background-position:0px 1px!important;
}
#toolbar span.advanced_controls a.pivot{ background-image:url(/apps/img/icons/indicators/pivot.png); }
#toolbar span.advanced_controls a.disabled, #toolbar span.advanced_controls, span#bulk_operations_outer.disabled a, h3.heading span.right a.disabled{
  /* make it look disabled :) */
  cursor:text;
  text-decoration:none!important;
  color:#aaa;
}
#toolbar span.advanced_controls a.divider, h3.heading span.right a.divider{
  border-left:1px solid #8b8b8b;
  padding-left:7px!important;
}
span#troubleshooting_outer.disabled a, span#bulk_operations_outer.disabled a{ background-image:none!important; }
#toolbar span.advanced_controls span#bulk_operations_outer.disabled{ background-image:url(/apps/img/icons/small/device_actions_disabled.png); }
body.reports #toolbar span.advanced_controls em, body.reports #toolbar span.toggle_controls strong{
  position:relative;
  top:-5px;
  color:#333;
}
#toolbar span.toggle_controls a.pivot{
  display:block;
  float:right;
  margin:5px 0 3px;
}
#toolbar span#inventory_view_switcher.toggle_controls a{
  display:block;
  float:left;
  width:20px;
  height:20px;
  background-position:top left;
  background-repeat:no-repeat;
  position:relative;
  z-index:9;
}
#toolbar span#inventory_view_switcher.toggle_controls a em{ display:none; }
#toolbar span#inventory_view_switcher.toggle_controls a#icon_switcher_view{ background-image:url(/apps/img/icons/icon_view.png); }
#toolbar span#inventory_view_switcher.toggle_controls a#icon_switcher_glide{ background-image:url(/apps/img/icons/glide_view.png); margin-left:-1px; }
#toolbar span#inventory_view_switcher.toggle_controls a#icon_switcher_browse{ background-image:url(/apps/img/icons/browse_view.png); margin-left:-1px; }
#toolbar span#inventory_view_switcher.toggle_controls a:hover{ background-position:center left; }
#toolbar span#inventory_view_switcher.toggle_controls a.selected{ background-position:bottom left!important; z-index:10; }
body.reports #toolbar span.toggle_controls select{ width:160px; }
#toolbar span.advanced_controls a.icon{
  background-color:transparent;
  background-position:5px 50%;
  background-repeat:no-repeat;
  padding-left:25px!important;
}
body.reports #toolbar span.advanced_controls a.icon{
  padding-left:27px;
  background-position:7px 50%;
}
#toolbar span.advanced_controls a.portal span.icon{background-image:url(/apps/img/icons/small/portal.png); ;}
#toolbar span.advanced_controls a.setup_helpdesk span.icon{background-image:url(/apps/img/icons/small/helpdesk_setup.png);}
#toolbar span.advanced_controls a.check_tickets span.icon{background-image:url(/apps/img/icons/small/refresh.png);}
#toolbar span.advanced_controls a.create_ticket span.icon{background-image:url(/apps/img/icons/small/new_ticket.png);}
#toolbar span.advanced_controls a.ask_question span.icon{background-image:url(/apps/img/icons/small/new_question.png);}
#toolbar span.advanced_controls a.add_widget span.icon{background-image:url(/apps/img/icons/small/add_content.png);}
#toolbar span.advanced_controls a.new_asset span.icon{background-image:url(/apps/img/icons/small/new_asset.png);}
#toolbar span.advanced_controls a.remote span.icon{background-image:url(/apps/img/icons/small/remote_control.png);}
#toolbar span.advanced_controls a.print span.icon,h3.heading span.right a.print span.icon{background-image:url(/apps/img/icons/small/print.png);}
#toolbar span.advanced_controls a.scan span.icon,h3.heading span.right a.scan span.icon{background-image:url(/apps/img/icons/small/refresh.png);}
#toolbar span.advanced_controls a.scan span.icon,h3.heading span.right a.scan-working span.icon{background-image:url(/apps/img/icons/small/refresh_working.gif);}
#toolbar span.advanced_controls a.expand span.icon{background-image:url(/apps/img/icons/small/expand_section.png);}
#toolbar span.advanced_controls a.contract span.icon{background-image:url(/apps/img/icons/small/contract_section.png);}
#toolbar span.advanced_controls a.pdf span.icon{background-image:url(/apps/img/icons/export/adobe.png);}
#toolbar span.advanced_controls a.csv span.icon{background-image:url(/apps/img/icons/export/csv.png);}
#toolbar span.advanced_controls a.excel span.icon{background-image:url(/apps/img/icons/export/excel.png);}
#toolbar span.advanced_controls a.profile span.icon{background-image:url(/apps/img/icons/small/my_profile.png);}
#toolbar span.advanced_controls a.gear span.icon{background-image:url(/apps/img/icons/small/gear.png);}
#toolbar span.advanced_controls a.new_report span.icon{background-image:url(/apps/img/icons/small/create_report.png);}
#toolbar span.advanced_controls a.import_report span.icon{background-image:url(/apps/img/icons/small/import_report.png);}
#toolbar span.advanced_controls a.edit_report span.icon{background-image:url(/apps/img/icons/small/edit_report.png);}
#toolbar span.advanced_controls a.agreement span.icon{background-image:url(/apps/img/icons/small/it_services_name.png);}
#toolbar span.advanced_controls a.new_group span.icon{background-image:url(/apps/img/icons/small/create_report.png);}
#toolbar span.advanced_controls a.back span.icon{background-image:url(/apps/img/icons/back_arrow.png);background-position:5px 2px;padding-left:27px;}
#toolbar span.advanced_controls a.restore span.icon{background-image:url(/apps/img/icons/small/restore.png);}
#toolbar span.advanced_controls a.customize span.icon{background-image:url(/apps/img/icons/small/customize.png);}
#toolbar span.advanced_controls a#toggle_scan_link span.icon{background-image:url(/apps/img/icons/small/start_scan.png);}
#toolbar span.advanced_controls a#toggle_scan_link.scanning span.icon{background-image:url(/apps/img/icons/small/stop_scan.png);}
#toolbar span.advanced_controls a#compare_devices_button.disabled span.icon{background-image:url(/apps/img/icons/small/compare_devices_disabled.png);}
#toolbar span.advanced_controls a#it_services_quick_ref span.icon{background-image:url(/apps/img/icons/small/quick_ref.png);}
#toolbar span.advanced_controls a#it_services_action_delete span.icon{background-image:url(/apps/img/icons/small/delete.png);}

/* Styles for View pages
*****************************************************************************/
#agg_wrap, #agg_wrap *{
  margin:0;
  padding:0;
}
#agg_wrap{
  list-style:none;
  float:left;
  margin:0 0 10px;
  padding:0 0 8px 8px;
  width:689px;
  max-height:274px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
  border:1px solid #ccc;
}
#agg_wrap li, ul.aggregate_icons li{ display:inline; }

/* Glide Page settings
*****************************************************************************/
#glide-wrap{
  border:1px solid #AAA;
  margin-bottom:10px;
  height:298px;
  width:698px;
  overflow:hidden;
}

#glide-wrap-2{
  border:1px solid white;
  position:absolute;
  z-index:0;
  background:#000;
}

#glide_loading{
  position:absolute;
  width:696px;
  height:371px;
  z-index:5;
}

#glide_loading div{
  position:relative;
  width:696px;
  height:371px;
  top:0;
  left:0;
  background:white;
  -moz-opacity:0.2;
  opacity:.20;
  filter:alpha(opacity=20);
}

#glide_loading h1 span{
  border:1px solid #FFF;
  display:block;
  padding:10px;
  background:url(/img/layout/gradients/black_to_gray.png);
}
#glide_loading h1{
  position:absolute;
  top:110px;
  left:200px;
  font-size:2.3em;
  color:#eee;
  border:1px solid #aaa;
  background:#000;
  width:250px;
  text-align:center;
  padding:10px;
  zoom:1;
  z-index:6;
  margin:0px;
  padding:0px;
  -moz-opacity:0.95;
  opacity:.95;
  filter:alpha(opacity=95);
  
}
#glide_loading h1#glide_loading_error{
  font-size:1.3em;
}


/* Device icon styles
*****************************************************************************/
#agg_wrap li a, #device_detail, div.aggregate_icon, ul.aggregate_icons li a{
  float:left;
  border:0;
  background:transparent url(/apps/img/layout/boxes/inventory.jpg) no-repeat top left;
  width:158px;
  height:130px;
  margin:8px 10px 0 0;
  color:#fff;
  
  position:relative;
  overflow-x:hidden;
}
#agg_wrap li a, ul.aggregate_icons li a{
  cursor:pointer;
  color:#fff;
  text-decoration:none;
}
#agg_wrap li.fourth a{ margin-right:0; }
#device_detail, div.aggregate_icon, ul.aggregate_icons li{
  /* if we don't do this, the font will be different from main view to icon summary view, this is b/c the main page is wrapped in an anchor and this one isn't */
  font-weight:bold;
  margin:0;
  /* see hacksie 6 and 7 */
}
#agg_wrap li a:hover, #device_detail:hover, #device_detail.hover, ul.aggregate_icons li a:hover{
  background-position:center left;
  cursor:pointer;
}
#agg_wrap li a:active, ul.aggregate_icons li a:active{ background-position:bottom left; }
#agg_wrap li img, #device_detail img, .aggregate_icon img{ border:0; }
#agg_wrap li img.icon, #device_detail img.icon, .aggregate_icon img.icon{
  position:absolute;
  margin:2.5em 0 0 5px;
}
#agg_wrap li .meta, .aggregate_icon .meta{ display:block; }
#agg_wrap li .meta strong, #device_detail strong,  .aggregate_icon strong{
  display:block;
  font-size:1.1em;
  height:10px;
  text-align:center;
  font-weight:bold;
  padding:5px 0;
  margin:0;
}
#device_detail strong a.pivot, .aggregate_icon strong a.pivot{
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}
#agg_wrap li .meta span.count_wrap, #device_detail span.count_wrap, .aggregate_icon span.count_wrap{
  display:block;
  float:right;
  margin:8px 25px 0 0;
}
#agg_wrap li .meta span.count, #device_detail span.count, .aggregate_icon span.count{
  clear:both;
  display:block;
  text-align:right;
  font-size:1em;
  font-weight:bold;
  background:white;
  margin:0;
  padding:4px 0 2px 20px;
  background:transparent none no-repeat center left;

}
#agg_wrap li span.meta span.count_offline, #device_detail span.count_offline, .aggregate_icon span.count_offline{ background-image:url(/apps/img/icons/indicators/offline_lan_dark.png); }
#agg_wrap li span.meta span.count_alert, #device_detail span.count_alert, .aggregate_icon span.count_alert{ background-image:url(/apps/img/icons/alert_dark.png); }
#agg_wrap li span.meta span.count_error, #device_detail span.count_error, .aggregate_icon span.count_error{ background-image:url(/apps/img/icons/spiceworks_alert_dark.png); }
#agg_wrap li span.meta span.count_ticket, #device_detail span.count_ticket, .aggregate_icon span.count_ticket{ background-image:url(/apps/img/icons/small/ticket_dark.png); }
#agg_wrap li a span.count_wrap span:hover, #agg_wrap li a span.count_wrap span.hover,
  #device_detail span.count_wrap span:hover, #device_detail span.count_wrap span.hover,
  .aggregate_icon span.count_wrap span:hover, .aggregate_icon span.count_wrap span.hover{
  text-decoration:underline;
  cursor:pointer;
}
#agg_wrap li .meta span.count em, #device_detail span.count em, .aggregate_icon span.count em{
  /* this is the number */
  font-style:normal;
  text-align:left;
}
#agg_wrap li .meta span.count span, #device_detail span.count span, .aggregate_icon .meta span.count span{
  /* this is the word (alerts, errors, offline, etc..) */
  display:none;
}
#agg_wrap li a span.scanning, #device_detail span.scanning, #category_preview span.scanning{
  position:absolute;
  display:block;
  width:152px;
  height:123px;
  margin:1px 0 0 0;
  background:transparent url(/apps/img/layout/boxes/inventory_scanning.png) no-repeat top left;
  -moz-opacity:0.7;
  opacity:.70;
  filter:alpha(opacity=70);
  z-index:400;
}
#agg_wrap li a:hover span.scanning{
  -moz-opacity:0.8;
  opacity:.80;
  filter:alpha(opacity=80);
}
#agg_wrap li a span.scanning em, #device_detail span.scanning em, #category_preview span.scanning em{ display:none; }

/* Helper stuff under the big icon on the node details page (aka ICS)
*****************************************************************************/
#page_helpfuls{
  width:155px;
  clear:left;
  margin:0;
  font-size:11px;
}
#page_helpfuls p{
  margin:0;
  padding:0;
  text-align:left;
}
#quickfind_wrap{ margin:0; }
#quickfind_wrap input.text{ width:123px; }
#page_helpfuls.software #quickfind_wrap input.text{ width:123px; }
#quickfind_wrap input.image_button{
  width:auto;
  position:relative;
  top:6px;
}
#page_helpfuls p.meta{
  text-align:left;
  margin:5px 0 0;
}

/* Styles for the icon summary page
*****************************************************************************/
#device_detail_wrapper{
  float:left;
  margin:0 8px 0 0;
}
#device_list, .icon_list{
  width:520px;
  height:263px;
  border:1px solid #ccc;
  float:left;
  margin:0 0 12px;
  padding:5px 5px 0;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
}
body.agreements div.icon_list{
  width:522px; /* for some reason, if we don't do this then in Firefox (Windows only) the icons only display 4-per row instead of 5 */
  height:185px; /* the typical number of service providers is quite a bit less than devices, so we decrease the height */
}
#device_list.no_limit{
  /* the software table view */
  width:538px;
  height:auto;
  border:0;
  padding:0;
  overflow-y:auto;
  float:none;
}
#viewer{
  width:100%;
  background:transparent;
}
#viewer *{
  margin:0;
  padding:0;
}
#viewer ul.icons{ list-style:none; }
#viewer ul.icons li{ display:inline; }
#viewer ul.icons li a, #viewer ul.icons li.linkless{
  display:block;
  float:left;
  width:96px;
  height:88px;
  overflow:hidden;
  background:#fff url(/apps/img/layout/boxes/inventory_asset_icon.png) no-repeat top left;
  text-decoration:none;
  margin:0 4px 0 0;
  font-size:.8em;
  outline:none;
}
#viewer ul.icons li a:hover, #viewer ul.icons li.selected a:active{ background-position:center left; }
#viewer ul.icons li.windows a{ background-image:url(/apps/img/layout/boxes/os/windows.png); }
#viewer ul.icons li.linux a{ background-image:url(/apps/img/layout/boxes/os/linux.png); }
#viewer ul.icons li.osx a{ background-image:url(/apps/img/layout/boxes/os/osx.png); }
#viewer ul.icons li.solaris a{ background-image:url(/apps/img/layout/boxes/os/solaris.png); }
#viewer ul.icons li a:hover *{ cursor:hand; }
#viewer ul.icons li.selected a{
  cursor:auto;
  background-position:bottom left;
}
#viewer ul.icons li strong{
  display:block;
  font-size:13px;
  height:75px;
  font-weight:bold;
  padding:3px 0 0;
  text-align:center;

  /* need to use long hand here b/c the background-image is set through the view */
  background:transparent;
  background-repeat:no-repeat;
  background-position:center 60%;
}
#viewer ul.icons li img{ border:0; }

#viewer ul.icons li span.indicators{
  display:block;
  position:static;
  width:80px;
  height:52px;
  margin:-56px 0 0 0;
  padding:0 4px 4px;
}
#viewer ul.icons li span.indicators span.indicator_row{
  position:static;
  display:block;
  height:16px;
  width:80px;
  margin:0;
  padding:0;
}
#viewer ul.icons li span.indicators span.top_indicator_row{ margin-bottom:20px; }
#viewer ul.icons li span.indicators span.indicator_row span{
  display:block;
  width:16px;
  height:16px;
  text-indent:-9999px;
  background:transparent none no-repeat top left;
}

#viewer ul.icons li span.indicators span.indicator_row span.updown{ float:left; }
#viewer ul.icons li span.indicators span.indicator_row span.online{ /* assume online, no icon */ }
#viewer ul.icons li span.indicators span.indicator_row span.offline{ background-image:url(/apps/img/icons/indicators/offline_lan.png); }
#viewer ul.icons li span.indicators span.indicator_row span.ticket{
  background-image:url(/apps/img/icons/small/ticket.png);
  float:left;
}
#viewer ul.icons li span.indicators span.indicator_row span.error{
  background-image:url(/apps/img/icons/spiceworks_alert.png);
  float:right;
}
#viewer ul.icons li span.indicators span.indicator_row span.warning{
  background-image:url(/apps/img/icons/alert.png);
  float:right;
}

#viewer ul.icons li.unclickable a{ background-position:top left!important; cursor:text!important; }
#viewer ul.icons li.unclickable a span.indicators{ display:none; }
#viewer ul.icons li.unclickable a span.overlay{
  width:96px;
  height:63px;
  background:#000;
  text-align:center;
  color:#fff;
  text-indent:0;
  padding-top:25px;
  font-size:20px;
  font-weight:bold;
  display:block;
  margin:-80px 0 0;
  background:transparent url(/apps/img/layout/boxes/inventory_asset_icon_overlay.png) no-repeat top left;

  -moz-opacity:8.0;
  opacity:.8;
  filter:alpha(opacity=80);
}
#viewer ul.icons li.unclickable a span.small{
  padding-top:34px!important;
  font-size:12px!important;
}

/* Ticket page upper-half styles
*****************************************************************************/
#ticket_summary_table tr td.view_status{
  width:5px;
  padding:0px;
}
#ticket_summary_table tbody tr td.view_status{
  background-image:url(/apps/img/icons/indicators/spice_dot.png);
  background-repeat:no-repeat;
  background-position:center center;
}
#ticket_summary_table tbody tr td.internally_updated{ background-image:none; }
#ticket_summary_table tbody tr td.past_due{
  background-image:url(/apps/img/icons/indicators/exclamation.png);
  background-repeat:no-repeat;
  background-position:center center;
}
#ticket_summary_table tbody tr td.closed{
  background-image:url(/apps/img/icons/checkbox.png);
  background-repeat:no-repeat;
  background-position:center center;
}
#ticket_summary_table tbody tr td.ticket_updated_at{ width:70px;  }
body.tickets #ticket_list{ margin-bottom:10px; }
body.tickets #ticket_list{
  overflow:auto;
  overflow-x:hidden;
  float:left;
}
body.tickets #ticket_list table.habanero{
  clear:both;
  table-layout:fixed;
}
body.tickets #ticket_list table thead td{ overflow:hidden; }
body.tickets #ticket_list table thead td.no_label{ width:5px; }
body.tickets #ticket_list table thead td.id{ width:20px;}

/* Removing the status column from the tickets table (1.6 pre-release)
body.tickets #ticket_list table thead td.summary{ width:175px;}
body.tickets #ticket_list table thead td.status{ width:40px;}
*/
body.tickets #ticket_list table thead td.summary{ width:235px;}

body.tickets #ticket_list table thead td.assigned_to{ width:80px;}
body.tickets #ticket_list table thead td.created_by{ width:125px;}
body.tickets #ticket_list table thead td.priority{ width:45px;}

body.tickets #ticket_list table thead td.due{ width:55px;}
body.tickets #ticket_list table tbody{
  height:240px;
  overflow:auto;
  overflow-x:hidden;
}
body.tickets #ticket_list table tbody td{ overflow:hidden; }

/* grayed out styles */
body.tickets #ticket_list table tbody tr.grayed_out td{
  font-style:italic;
  color:#aaa;
}
body.tickets #ticket_list table tbody tr.grayed_out td.view_status{ text-decoration:none; }
body.tickets #ticket_list table tbody tr.grayed_out a{
  color:#aaa;
  text-decoration:none;
}
body.tickets #ticket_list tbody td.ticket_assigned_to, body.tickets #ticket_list tbody td.ticket_created_by, body.tickets #ticket_list tbody td.ticket_assigned_to span, body.tickets #ticket_list tbody td.ticket_created_by span{
  width:100px;
  padding-right:0;
}
body.tickets #ticket_list tbody td.ticket_assigned_to span, body.tickets #ticket_list tbody td.ticket_created_by span{
  overflow:hidden;
  white-space:nowrap;
  margin-right:0px;
}
body.tickets #ticket_list tbody td.priority{ width:20px; }

body.tickets #ticket_summary_edit{
  position:relative;
  top:-1px;
}
body.tickets #ticket_summary_edit_field{
  font-size:9pt;
  font-weight:bold;
  width:420px;
}

/* icon in the browse leaf node */
div.browse_info #viewer{
  text-align:center;
  border-bottom:1px solid #ccc;
  padding:0 0 7px;
}
div.browse_info #viewer #icons{
  margin:0 auto;
  width:96px;
  height:88px;
}
div.browse_info #viewer p.name{
  margin:0;
  padding:5px 0 0;
  clear:both;
  text-align:center;
  font-size:12px;
}
div.browse_info #viewer ul#icons li a{ background-position:bottom left!important; }

/* Icon summary mouseover popups
*****************************************************************************/
div.device_popup{
  font-size:1.2em;
  background:transparent url(/apps/img/layout/blue_triangle.png) top center no-repeat;
  position:absolute;
  width:231px;
  padding-top:27px;
}
div.device_popup div.device_popup_shadow{
  width:230px;
  background:transparent url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;  
  margin:0;
  padding:0 7px 7px 0;
}
div.device_popup div.device_popup_content{
  background:#f4f4f4;
  border:0;
  border-left:1px solid #aaa;
  border-bottom:1px solid #f4f4f4;
  margin:0;
  padding:0;
  overflow:hidden;
}
div.device_popup p.device_popup_title{
  font-weight:bold;
  text-align:center;
  height:17px;
  background:#fcfcfc url(/apps/img/layout/gradients/blue_to_gray.png) bottom left repeat-x;
  margin:0;
  border:0;
  border-bottom:1px solid #aaa;
  padding:4px 4px 0 4px;
}
div.device_popup p.device_popup_title a{ text-decoration:none; }
div.device_popup p.device_popup_title a:hover{ text-decoration:underline; }
div.device_popup ul.device_popup_list{
  list-style:none;
  display:block;
  margin:0;
  padding:0;
  padding-bottom:14px;
}
div.device_popup li{
  text-align:left;
  display:block;
  padding:2px;
  margin:2px;
  clear:both;
}
div.device_popup div.popup_key{
  float:left;
  text-align:right;
  width:65px;
  font-weight:bold;
}

div.device_popup div.popup_value{
  float:right;
  text-align:left;
  width:150px;
}

div.device_popup div.popup_sub_title{
  font-weight:bold;
  text-align:center;
  color:#777;
  font-size:.85em;
}

/* No nodes found for the device/software summary page
*********************************************************************************************************/
#device_list h3{
  font-size:1.8em;
  color:#f00;
}
#device_list p{ font-size:1em; }
#summary_wrap{
  clear:left;
  padding:0;
  font-size:1em;
}
#device_summary{
  /* push everything in the summmary to the left a little bit so that scroll bars will line up with the viewer */
  padding-right:4px;
}
#device_summary.no_items h3.heading{ height:1.4em; }
#device_summary.no_items #active_overview{ /* see hacks.ie6.css */ }
#device_summary.no_items #active_overview{ color:#888; }
#device_summary.no_items #active_overview h4{
  font-size:25pt;
  font-weight:normal;
  width:100%;
  text-align:center;
  margin:0;
  padding:130px 0 0;
}
#device_summary.no_items #active_overview p.select{
  text-align:center;
  font-size:1.5em;
}
#device_summary.no_items #active_overview h4.error{ color:#c66; }

#active_overview div.computer_meta{
  border-top:1px solid #ccc;
  padding-top:5px;
  clear:both;
}
#device_details div.computer_meta{ display:none; }
#active_overview p.sticky_foot{
  padding:0;
  margin:0;
  width:45%;
}
#active_overview p.last_scan{
  text-align:left;
  float:left;
}
#active_overview p.viewmore{
  text-align:right;
  float:right;
  padding-right:5px;
}

#summary_wrap h3.no_items{
  text-align:center;
  padding:10px 0;
  font-weight:normal;
}
body.tickets #summary_wrap h3.no_items a{
  padding-left:20px;
  background:transparent url(/apps/img/icons/small/new_ticket.png) no-repeat center left;
}

#web_clip{
  clear:left;
  width:686px;
  min-height:15px;
  padding:3px 5px;
  margin:0 0 10px;
  border:1px solid #ccc;
  background:#F1F3F5;
}
#web_clip p{ margin:0; padding:0; }

/* Styles for the headings on top of tabbed boxes
***************************************************************************************************************/
#content h3.heading{
  position:relative;
  font-size:1.2em;
  font-weight:bold;
  color:#444;
  padding:2px 2px 4px;
  margin:0;
  width:692px;
  overflow:hidden;
  border:1px solid #aaa;
  background:#c0c6d0 url(/apps/img/layout/gradients/graylightblue_to_grayblue.png) repeat-x top left;
}
#content h3.heading span.right, #content h3.heading span.left{ margin:2px 3px 0 4px; }
#content h3.heading span.left{
  position:relative;
  display:block;
  width:60%;
  top:2px;
  left:0;
  float:left;
}
body.tickets #content h3.heading span.left{ width:500px; }

#at_a_glance h3.heading span.right, #summary_wrap #device_summary h3.heading span.right{
  display:block;
  float:right;

  /* toolbar buttons must have text-align:left or they lose all right padding in firefox */
  text-align:left;
  padding:0;
}
body.software #content h3.heading span.right, 
body.agreements #content h3.heading span.right, 
body.tickets #content h3.heading span.right{ padding-bottom:3px; }

/* Styles for the tabbed device summary box and its children elements
***************************************************************************************************************/
#tab_box{
  border:1px solid #aaa;
  border-top:0;
  background:#fff url(/apps/img/layout/tab_box.png) repeat-y top left;
  width:696px;
}
#tab_box.no_tabs{ background-image:none; }
#tab_box #summary_tabs{
  padding:0;
  margin:0;
  list-style:none;
  float:left;
}
#tab_box #summary_tabs li{ display:inline; }
#tab_box #summary_tabs li a{
  display:block;
  padding:5px 10px;
  width:80px;
  text-align:left;
  border-bottom:1px solid #aaa;
  background:#d9dfe6;
  text-decoration:none;
  color:#333;
  font-weight:normal;
  /* this is a moz/firefox thing, don't do the dotted outline */
  outline:none;
}
#tab_box #summary_tabs li.last a{ border-bottom:1px solid #aaa; }
#tab_box #summary_tabs li.active a{
  background:transparent;
  border-right:1px solid #fff;
  cursor:default;
}
#tab_box #summary_tabs li a:hover{ background:#cad8e5; }
#tab_box #summary_tabs li.active a:hover{ background:transparent; }
#tab_box #active_overview{
  margin:0 0 0 -1px;
  width:584px;
  overflow-x:hidden;
  overflow-y:auto;
}
#tab_box.no_tabs #active_overview{ width:685px; }
#tab_box #active_overview, #bulk_compare div.content, #bulk_actions div.content{
  /* this height is the height of the active_overview, plus the height of h3.heading */
  padding:5px 2px 10px 10px;
  overflow:auto;
  height:325px;
  overflow-x:hidden;
  overflow-y:scroll;
}
body.tickets #active_overview{
  height:350px!important;
  /* see hacks.ie6.css and hacks.ie7.css */
}
#software_summary_table{ 
  margin-left:3px;
  padding-bottom:5px;
}
#tab_box #active_overview h3{
  padding:0;
  margin:0;
}
#active_overview h3.pivot{
  text-align:center;
  margin:0 0 5px;
  font-size:1.1em;
  font-weight:normal
}
#active_overview p.quick_find{
  float:left;
  width:40%;
  padding:0 0 5px 5px;
  margin:0;
  text-align:left;
}
#active_overview p.quick_find input.text{ padding:0; }
#active_overview p.pivot_table, #active_overview div.pivot_table{
  float:right;
  width:40%;
  padding:2px 15px 0 0;
  margin:0 0 5px;
  text-align:right;
}
#active_overview div.pivot_table{
  width:50%;
}
#tab_box #active_overview h3.super_unknown{
  margin:5px 0;
  font-size:1.2em;
  font-weight:normal;
}
#tab_box #active_overview table{ width:556px; }
#tab_box #active_overview div.collapsable{ width:560px; }
#tab_box #active_overview div.collapsable table{ width:100%; }
#tab_box #active_overview table tr td{ vertical-align:top; }
#tab_box #active_overview #node_general_summary table tr td{ padding:1px 0 1px 0; }
#tab_box #active_overview table tr td.label{ font-weight:bold; }
#tab_box #active_overview ul{ margin:5px 0 0 30px; }
#device_summary #tab_box #active_overview ul{ margin-left:0; }
#tab_box #active_overview p.more{
  text-align:left;
  padding:0;
  margin:5px 10px 0 5px;
}
#active_overview div.unknown_meta{
  border-top:1px solid #ccc;
  padding:0 3px 0;
  margin:0 0 5px;
}
#active_overview div.unknown_meta p{
  padding:0;
  margin:5px 0 0;
}
#active_overview p.super_unknown{ margin:2px 0 0; }
#active_overview div.super_unknown p.resolution{ margin-top:10px; }
table.unknown_general_info{
  border-collapse:collapse;
  margin-bottom:5px;
  table-layout:auto;
}
table.unknown_general_info tr td{
  line-height:18px;
  height:20px;
}

#active_overview a.spice_select{
  width:165px;
  height:15px;
}

/* Disk space percentage bars
***************************************************************************/
#active_overview table.disk_usage{
  /* see hacks.ie.css */
}
#active_overview table thead tr th{ text-align:left; }
#active_overview table.disk_usage tbody tr.header td{
  text-align:center;
  font-weight:bold;
}
#active_overview table.disk_usage tbody tr.header span{ border-bottom:1px solid #ccc; }
#active_overview table.disk_usage tbody td{
  vertical-align:baseline!important;
  line-height:1em;
}
#active_overview table.disk_usage tbody td.value{
  text-align:right;
  padding:3px 40px 3px 0;
}
#active_overview table.disk_usage tbody td.capacity{
  padding-right:15px;
}
#active_overview table.disk_usage tbody tr.low_free_space td span.free_space{
  font-weight:bold;
  color:#933;
}

/* Styles for the detail box for software/services/hotfixes
***************************************************************************/
#active_overview table.software{
  width:100%;
  position:relative;
  top:-5px;
  border-bottom:1px solid #ccc;
  padding:0;
  margin:0 0 5px 0;
}
#active_overview table.service, #active_overview table.hotfix{
  position:relative;
  top:-1px;
}
#active_overview table.service td, #active_overview table.hotfix td{ width:20%; }
#active_overview table.service td.more_info, #active_overview table.hotfix td.more_info{
  width:40%;
  text-align:right;
}
#active_overview table.software td.total{
  text-align:left;
  width:30%;
}
#active_overview table.service td.total{ width:20%; }
#active_overview table.application td{ line-height:1.5em; }
#active_overview table.application td.licenses{
  text-align:right;
  width:30%;
}
#active_overview table.application td.licenses form, #active_overview table.software td.application label{
  display:inline;
  margin:0;
  padding:0;
}
#active_overview table.service td.running, #active_overview table.service td.stopped{ text-align:right; }
#active_overview fieldset.software, #active_overview fieldset.wide{
  display:block;
  margin:0 5px 0 0;
  padding:3px 5px;
  width:544px;
}
#active_overview fieldset.software{
  width:265px;
  float:left;
  height:4.4em;
  margin-bottom:8px;
  /* see hacks.ie.css */
}
#active_overview fieldset p{
  margin:0;
  clear:both;
  padding:2px 0;
  margin:0 0 0 2px;
}
#active_overview fieldset p span.label{
  font-weight:bold;
  width:10em;
  float:left;
}
#content #active_overview fieldset table{ width:100%!important; }
#content #active_overview fieldset table.info{
  width:auto!important;
  margin:0;
  padding:0 5px 0 0;
}
#content #active_overview fieldset table.info tr td.right{
  padding-left:20px;
  text-align:left;
}
#active_overview h4.legend{
  clear:left;
  margin:0 0 8px;
  padding:0;
  font-size:1em;
  color:#444;
  border-bottom:1px solid #ccc;
  text-align:center;
}
#active_overview h4.legend strong{
  background:#f4f4f4;
  position:relative;
  top:.6em;
  padding:0 5px;
}
#active_overview h3.no_data{
  font-weight:normal;
  text-align:center;
}
#active_overview fieldset.printer{
  margin:5px 0 0;
  padding:5px;
}
#active_overview fieldset.printer p#printer_supply_link{
  margin:0;
  padding:0;
  float:right;
  clear:none;
}
#active_overview fieldset.printer p.buy_ink{
  clear:none;
  float:right;
  margin:-8px 5px 0 0;
  padding:8px 0;
  text-align:right;
}
#active_overview fieldset.printer p.buy_ink a{
  padding:8px 0 8px 20px;
  background:transparent url(/apps/img/icons/ink/low.png) no-repeat center left;
}

/* Agreements Page, Tabs, etc
   @agreements
**********************************************************************************/
body.agreements div#quick_ref{
  background-image:url(/img/screenshots/it_services_quick_ref.png);
  width:711px;
  height:750px;
  position:relative;
}

body.tickets div#quick_ref{
  background-image:url(/img/screenshots/help_desk_quick_ref.png);
  width:721px;
  height:755px;
  position:relative;
  top:-46px;
  left:-10px;
}

div#quick_ref div{
  position:absolute;
  top:1px;
  left:1px;
  width:20px;
  height:20px;
}

div#quick_ref h1, div#quick_ref h2{ margin:0px;padding:0px;color:rgb(254, 82, 0);}
div#quick_ref h1{font-size:1.6em;}
div#quick_ref h2{font-size:1.4em;}
div#quick_ref p{ margin:0px;padding:5px 0px }
div#quick_ref div{padding:10px;}
div#quick_ref div.intro{
  width:336px;
  height:177px;
  font-size:1.3em;
  /* border:1px solid red;
*/}
div#quick_ref div.intro p{
  font-size:1.1em;
  padding-top:10px;
}

div#quick_ref div.intro div.bottom_right{
  width:316px;
  text-align:right;
  font-size:1.3em;
  padding-top:40px;
}

div#quick_ref div.callout{
  width:178px;
  height:47px;
  font-size:1.0em;
  /* border:1px solid red;
*/}

body.agreements div#quick_ref div#introduction{ left:300px; top:29px; }
body.agreements div#quick_ref div#overview{ left:275px; top:279px; }
body.agreements div#quick_ref div#activities{ left:44px; top:318px; }
body.agreements div#quick_ref div#details{ left:275px; top:422px; }
body.agreements div#quick_ref div#contacts{ left:220px; top:531px; }
body.agreements div#quick_ref div#documents{ left:275px; top:652px; }


body.tickets div#quick_ref div#introduction{ left:35px; top:169px; }
body.tickets div#quick_ref div#user_portal{ left:147px; top:63px; }
body.tickets div#quick_ref div#ticket_view{ left:488px; top:63px; }
body.tickets div#quick_ref div#edit_ticket{ left:479px; top:288px; }
body.tickets div#quick_ref div#time_spent{ left:79px; top:441px; }
body.tickets div#quick_ref div#private{ left:313px; top:559px; }



div#quick_ref a.continue{
  background:url(/img/icons/arrow.gif) no-repeat right 6px;
  padding-right:16px;
}

/* icon background image */
body.agreements li.icon a img{
  position:relative;
  top:30px;
  left:30px;
}

body.agreements h3#common_agreements{
  border-bottom:1px solid #CCC;
  color:#999999;
  font-weight:bold;
  margin-bottom:10px;
  padding:12px 0px 5px 0px;
  font-size:9pt;
}

body.agreements li.example h4{ color:#999; }
body.agreements li.example p{  color:#999; }

/* @learn_agreements @agreements */
div.learn_agreements_header{
  width:640px;
  background-position:top left;
  background-image:url(/img/layout/boxes/wizard_top.jpg);
  background-repeat:no-repeat;
  height:40px;
  margin-bottom:0px;
  margin-left:40px;
}
div.learn_agreements{
  margin-left:40px;
  width:580px;
  margin-top:0px;
  padding-left:30px;
  padding-bottom:40px;
  padding-right:30px;
  background-position:bottom left;
  background-image:url(/img/layout/boxes/wizard_bottom.jpg);
  background-repeat:no-repeat;
}

div.learn_agreements h1{
  margin-top:0px;
  margin-bottom:0px;
  color:rgb(254, 82, 0);
  text-align:center;
  font-size:1.8em;
}
div.learn_agreements h2{
  color:#777;
  font-size:1em;
  margin-top:5px;
  text-align:center;
}
div.learn_agreements p.description{
  font-size:1.2em;
}
div.learn_agreements h3{
  clear:both;
  font-size:1.5em;
  padding-top:10px;
}

div.learn_agreements ul.boxed{
  padding:0px;
  margin:0px;
}
div.learn_agreements ul.boxed li{
  margin-bottom:10px;
  margin:5px;
  margin-left:0px;
  padding:0px;
  color:#444;
  padding:5px;
  padding-left:45px;
}
div.learn_agreements ul.boxed li h4{
  margin:0px;
  font-size:1.3em;
}
div.learn_agreements ul.boxed li p{
  margin:0px;
  margin-top:5px;
  font-size:1em;
  color:#666;
  font-style:italic;

}

div.learn_agreements div.service_types{
  font-size:1.2em;
  color:#666;
  border:1px solid #ccc;
  padding:5px;
  padding-left:20px;
  background:#EFEFEF;
}
div.learn_agreements a.help{
  margin-top:10px;
  float:left;
}



/* Section Information.  This is the new "community" style of sections.  With tabs and actions in the lower bar.
@section @summary */
body.agreements #summary_wrap{
}

div.summary{
  border:1px solid #ccc;
  background-color:#f5f5f5;
  border-top:0px;
  padding:10px;
}

h2.summary_header{
  background:transparent url(/img/layout/gradients/graylightblue_to_grayblue.png) repeat-x scroll;
  margin-top:0px;
  margin-bottom:0px;
  padding:4px;
  padding-left:10px;
  color:#444;
  font-size:1.2em;
  font-weight:bold;
  left:0px;
  position:relative;
  border:1px solid #ccc;
}
h2.summary_header span{
  padding-right:5px;
}



div.summary div.left{
  width:480px;
  float:left;
}
div.summary div.right{
  width:185px;
  float:right;
}



div.summary div.page_drop_shadow{
  background:transparent url(/apps/img/layout/shadowAlpha.png) no-repeat scroll right bottom;
  padding-right:5px;
  padding-bottom:5px;
}
div.summary div.page{
  background-color:white;
  border:1px solid #BBBBBB;

  min-height:400px;
  height:auto !important;
  height:400px;
}
div.summary div.page div.menu{
  border-bottom:1px solid #BBBBBB;
  background:transparent url(/img/layout/gradients/light_gray_to_med.png) repeat-x scroll;
  position:relative;
  margin-top:0px;
  padding-left:5px;
  padding-top:0px;
  margin-bottom:0px;
  line-height:20px;
  height:20px;
  font-size:0.9em;
}
div.summary div.page div.menu.skinny{
  line-height:15px;
  height:15px;
}
div.summary div.page div.menu ul{ display:inline; }

div.summary div.page div.menu ul li{
  float:left;
  display:inline;
  padding-left:5px;
  padding-right:5px;
  line-height:17px;
  margin-top:2px;
}

div.summary div.page div.menu ul li.active{
  height:18px;
  background:white;
  position:relative;
  top:0px;
  border-top:1px solid #BBBBBB;
  border-left:1px solid #BBBBBB;
  border-right:1px solid #BBBBBB;
}

/* overridden in ie.hacks.css*/
div.summary div.page div.menu ul li a{
  color:black;
  font-weight:bold;
}
div.summary div.page div.menu ul li.active a{
  position:relative;
  color:black;
  top:-1px;
}

div.summary div.page div.menu span{
  float:right;
  margin-top:1px;
  padding-right:5px;
}

div.summary div.page div.min_height_hack{
  float:right;
  width:1px;
  height:200px;
}

div.summary div.page div.content{ padding:10px; }
div#agreement_summary_content{
  padding:10px;
  width:458px; 
  overflow-x:hidden;
}
div.summary div.page table.ticket_table{width:100%;}
div.summary div.page #active_overview p.quick_find{width:50%;}
div.summary div.page #active_overview p.pivot_table{width:35%;}
div.summary div.page #alert_form table{width:100%;}


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

div.summary div.page div.no_instances_notification{
  padding-top:10px;
}

div.summary div.section{
  text-align:left;
  float:left;
  margin-bottom:10px;
  width:185px;
  overflow-x:hidden;
}

div.summary div.section h3{
  border-bottom:1px solid #BBBBBB;
  clear:both;
  color:#555;
  font-size:1.1em;
  height:19px;
  line-height:19px;
  margin:0pt;
  overflow-y:hidden;
  padding:0pt 1px;
}
/* Section Actions */
div.summary div.section h3 span{
  float:right;
  font-size:0.87em;
  font-weight:normal;
  display:block;
}
div.summary div.section div#agreement_contacts{
  margin-bottom:20px;
}
div.summary div.section div.quick_form{
  top:150px;
}

/* Used for things like the today/last week/earlier sub-sections */
div.summary div.page h4{
  color:#AAA;
  font-style:italic;
  font-size:0.9em;
  border-bottom:2px solid #EEE;
  margin:20px 0px 0px 0px;
  padding:0px;
}
div.summary div.section p{
  margin:1px 0px 5px 5px;
  color:#333;
}
div.summary div.section div#ratings_form_wrapper p{
  margin:5px 0px 0px 0px;
}
div.summary 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.summary div.section .content{
  margin-top:5px;
  margin-left:5px;
  margin-bottom:0px;
}


/* Properties output in a section can have icons 
@properties @property
*/
div.summary div.section ul.properties{
  padding-left:0;
  overflow:hidden;
}
div.summary div.section ul.properties a{
  text-decoration:none;
  color:#333;
}
div.summary div.section ul.properties a:hover{
  text-decoration:underline;
}
div.summary div.section ul.properties li{
  margin:0;
  padding:3px 0px 2px 22px;
  background-position:left 1px;
  background-repeat:no-repeat;
  vertical-align:middle;
}
div.summary div.section ul.properties li span.meta{
  float:right;
  font-size:0.9em;
}
div.summary div.section ul.properties li span.meta a{
  text-decoration:none;
}
div.summary div.section ul.properties li span.meta a:hover{
  text-decoration:underline;
}
div.summary div.section ul.properties li.name{ background-image:url(/img/icons/small/it_services_name.png); }
div.summary div.section ul.properties li.number{ background-image:url(/img/icons/small/agreements/accountnumber.png); }
div.summary div.section ul.properties li.link{ background-image:url(/img/icons/small/agreements/url.png); }
div.summary div.section ul.properties li.date{ background-image:url(/img/icons/small/agreements/date.png); }
div.summary div.section ul.properties li.start_date{ background-image:url(/img/icons/small/agreements/contractstart.png); }
div.summary div.section ul.properties li.end_date{ background-image:url(/img/icons/small/agreements/contractend.png); }
div.summary div.section ul.properties li.money{ background-image:url(/img/icons/small/agreements/money.png); }
div.summary div.section ul.properties li.person{ background-image:url(/img/icons/small/agreements/contactname.png); }
div.summary div.section ul.properties li.phone{ background-image:url(/img/icons/small/agreements/contactphone.png); }
div.summary div.section ul.properties li.email{ background-image:url(/img/icons/small/agreements/contactemail.png); }
div.summary div.section ul.properties li.ticket{ background-image:url(/img/icons/small/ticket.png); }
div.summary div.section ul.properties li.alert{ background-image:url(/img/icons/alert.png); }
div.summary div.section ul.properties li.note{ background-image:url(/img/icons/small/agreements/note.png); }
div.summary div.section ul.properties li.document{ background-image:url(/img/icons/small/agreements/attachment.png); }
div.summary div.section ul.properties li.custom{ background-image:url(/img/icons/small/agreements/bullet_orange.png); }

div.summary div.section ul.properties li.custom .label{ font-weight:bold; font-size:.95em;}
div.summary div.section ul.properties li.custom .value{ }


/* Agreement Ratings
   @agreement @ratings @agreement_ratings
*/
div.summary div.section ul.properties p.rating{
  margin:0px;
  height:20px;
  clear:both;
}
div.summary div#agreement_overview div.section p.rating label{
  float:left;
  margin-left:0px;
  padding:3px 0px 2px 22px;
  background-image:url(/img/icons/small/agreements/star.png);
  background-position:left center;
  background-repeat:no-repeat;
}
div.summary div#agreement_overview div.section p.rating span.value{
  float:right;
  padding:3px 0px 2px;
}
div.summary div#agreement_overview div.section p.rating span.value p{
  margin:0px;
}


/* Activities CSS Rules.
   Activities are an unordered list of options with a class of "activities".
   @activities, @feed, @recent, @notes
*/
ul.activities{
  padding:0px;
  margin:0px;
  margin-top:0px;
}
ul.activities li{
  padding:0px;
  padding-bottom:5px;
  padding-top:5px;
  padding-left:28px;
  border-bottom:1px solid #f6f6f6;
  background-position:4px 4px;
  background-repeat:no-repeat;
  clear:both;
  position:relative;
}
ul.activities li.hover{
  background-color:#F6F6F6;
}
ul.activities li.note{ background-image:url(/img/icons/small/agreements/note.png);}
ul.activities li.document{background-image:url(/img/icons/small/agreements/attachment.png);}
ul.activities li.help{background-image:url(/img/icons/small/agreements/infoitem.png);}
ul.activities li.info{background-image:url(/img/icons/small/agreements/infoitem.png);}

ul.activities li.agreement{background-image:url(/img/icons/small/it_services_name.png);}
ul.activities li.ticket{background-image:url(/img/icons/small/ticket.png);}
ul.activities li.alert{background-image:url(/img/icons/alert.png);}
ul.activities li.device{background-image:url(/img/icons/small/unknown.png);}

ul.activities li h5{
  font-size:1.1em;
  margin:0;
  padding:0;
  font-weight:normal;
  color:#111;
  cursor:pointer;
}
div.section.left ul.activities li h5{
  width:340px;
}

ul.activities li div.who_done_it{
  float:right;
  text-align:right;
  margin-right:5px;
  width:75px;
}


ul.activities li div.detail div.date{
}
ul.activities li div.detail div.date , ul.activities li div.who_done_it{
  font-style:italic;
  color:#888;
  font-size:.9em;
}


ul.activities li div.detail{
  padding:0px;
  padding-top:5px;
  margin:0px;
  clear:both;
  position:relative;
  zoom:1;
}
ul.activities li div.detail p{
  margin:0px;
  margin-top:3px;
  margin-bottom:8px;
  font-style:italic;
  position:relative;
  zoom:1;
  color:#333;
}
ul.activities li div.detail div.actions{
  float:right;
  margin-right:4px;
  color:#999;
  font-size:.9em;
}
ul.activities li div.detail div.actions a{
  text-decoration:none;
  color:#777;
}
ul.activities li div.detail div.actions a:hover{
  text-decoration:underline;
  color:#000;
}

/*ul.activities li div.controls{
  float:right;
  position:relative;
  text-align:right;
  line-height:16px;  
  display:none;
}
ul.activities li.hover div.controls{
  display:block;
}
ul.activities li.open div.controls{
  display:block;
}


ul.activities li div.controls a{
  display:block;
  float:left;
  margin-left:0px;
  margin-right:4px;
  -moz-opacity:0.4;
  opacity:.40;
  filter:alpha(opacity=40);
}
ul.activities li div.controls a:hover{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
ul.activities li a div.control_help_text{
  display:none;
}
ul.activities li a:hover div.control_help_text{
  display:block;
  position:absolute;
  top:-20px;
  right:0px;
  background:#444;
  color:#EFEFEF;
  padding:1px 2px 1px 2px;
  font-weight:bold;
  -moz-opacity:.8;
  opacity:.8;
  filter:alpha(opacity=80);
  font-size:.9em;
}*/

/* Tickets Tab */
body.agreements div.section div#active_overview p.quick_find{
  width:60%;
}
body.agreements div.section div#active_overview p.pivot_table{
  width:33%;
}
body.agreements div.section table.ticket_table{
  width:460px;
}

/* Alerts Tab */
body.agreements div.section table.habanero{
  width:460px;
}

/* Contacts Tab */
body.agreements div#contacts table td{ text-align:left; }
body.agreements div#contacts input.text{
  padding-top:0;
  padding-bottom:0;
  margin:0;
  width:175px;
}

/* All Agreement Popups
@agreement_popup 
*/
body.agreements div.agreement_popup{ width:600px; }
body.agreements div.agreement_popup div.inner{
  background:white;
}
body.agreements div.agreement_popup h1{ margin-bottom:0; }
body.agreements div.agreement_popup label, body.agreements div.agreement_popup p.no_label strong{ width:90px; }

body.agreements div.agreement_popup div#new_agreement_content{
  zoom:1;
  display:block;
  position:relative;
  font-size:1em!important;
}
body.agreements div.agreement_popup div#new_agreement_content input.text{
  width:150px;
} 
body.agreements div.agreement_popup div#new_agreement_content input.date_field{
  width:130px;
} 
body.agreements div#new_agreement input.cost{
  width:60px!important;
} 
body.agreements div.agreement_popup select.text{
  width:87px!important;
  padding:1px;
}


/* Agreement Education/Form Popup */
body.agreements div.agreement_popup div.agreement_form_wrap{
  width:290px;
  position:relative;
  float:right;
  border-left:1px dashed #AAA;
  padding-left:5px;
}
body.agreements div.agreement_popup div.agreement_education{
  float:left;
  width:270px;
  padding-left:10px;
}
body.agreements div.agreement_popup div.agreement_education p{
  margin-bottom:13px;
}
body.agreements div.agreement_popup div.agreement_education p.education_bullet{
  padding-left:22px;
  min-height:20px;
  background-position:0px -1px;
  background-repeat:no-repeat;
  margin-top:15px;
}
body.agreements div.agreement_popup div.agreement_education p.partner{
  background-image:url(/img/icons/small/support.png);
}
body.agreements div.agreement_popup div.agreement_education p.question{
  background-image:url(/img/icons/small/white_question.png);
}
body.agreements div.agreement_popup div.agreement_education p.groups{
  background-image:url(/img/icons/small/groups.png);
}
body.agreements div.agreement_popup div.agreement_education p.ratings{
  background-image:url(/img/icons/small/product_rating.png);
}
body.agreements div.agreement_popup div.agreement_education ul{
  padding:0px;
  margin:0px;
}
body.agreements div.agreement_popup div.agreement_education li{
  padding-left:25px;
  padding-bottom:10px;
  background-repeat:no-repeat;
  background-position:top left;
}
body.agreements div.agreement_popup div.agreement_education li.note{ background-image:url(/img/icons/small/agreements/note.png);}
body.agreements div.agreement_popup div.agreement_education li.ticket{background-image:url(/img/icons/small/ticket.png);}
body.agreements div.agreement_popup div.agreement_education li.graph{background-image:url(/img/icons/small/agreements/chart_bar.png);}

/* Agreement Type Popup (Service categories/types) */
body.agreements div#new_agreement_content p.description{
  padding-left:5px;
  font-size:1.2em;
}

body.agreements ul.it_service_categories{
  padding:0px;
  padding-left:0px;
  zoom:1;
}
body.agreements ul.it_service_categories li.it_service_category{
  display:block;
  padding:5px;
  clear:both;
}
body.agreements div#new_agreement_content ul.it_service_categories li.it_service_category h2{
  margin:0px;
  margin-bottom:4px;
  margin-top:10px;
  font-size:1.3em;
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #CCC;
  color:#222;
}
body.agreements ul.it_service_categories ul.it_service_types{
  margin:0px;
  padding:0px;
}
body.agreements ul.it_service_categories ul.it_service_types li.it_service_type{
  padding:2px 0px 2px 0px;
  float:left;
  font-size:1.1em;
  width:170px;
}
body.agreements ul.it_service_categories ul.it_service_types li.it_service_type a{
  text-decoration:none;
  font-size:1.1em;
}
body.agreements ul.it_service_categories ul.it_service_types li.it_service_type a:hover{ text-decoration:underline; }
body.agreements div#new_agreement_content div.thick_spacer{
  margin-bottom:20px;
}
/* Agreement Type Popup - Category Icons */
body.agreements ul.it_service_categories li.it_service_category.communication div.category_info{
  background:transparent url(/apps/img/icons/large/agreements/messaging.png) no-repeat top left;
}
body.agreements ul.it_service_categories li.it_service_category.network div.category_info{
  background:transparent url(/apps/img/icons/medium/ethernet.png) no-repeat top left;
}
body.agreements ul.it_service_categories li.it_service_category.application div.category_info{
  background:transparent url(/apps/img/icons/large/agreements/data.png) no-repeat top left;
}
body.agreements ul.it_service_categories li.it_service_category.other div.category_info{
  background:transparent url(/apps/img/icons/large/agreements/security.png) no-repeat top left;
}

/* Agreement Type Popup - Agreement icons 
   @typical_agreements, @agreement_type_popup
*/
.left_icon{
  padding-top:2px;
  padding-bottom:2px;
}

/*.it_service_type.email .left_icon{ background:transparent url(/apps/img/icons/small/agreements/email.png) no-repeat top left; }
.it_service_type.voip .left_icon{ background:transparent url(/apps/img/icons/small/agreements/phone.png) no-repeat top left; }
.it_service_type.antivirus .left_icon{ background:transparent url(/apps/img/icons/small/agreements/shield.png) no-repeat top left; }
.it_service_type.im .left_icon{ background:transparent url(/apps/img/icons/small/agreements/comments.png) no-repeat top left; }

.it_service_type.isp .left_icon{ background:transparent url(/apps/img/icons/small/agreements/server_connect.png) no-repeat top left; }
.it_service_type.backup .left_icon{ background:transparent url(/apps/img/icons/small/agreements/drive_web.png) no-repeat top left; }
.it_service_type.vpn .left_icon{ background:transparent url(/apps/img/icons/small/agreements/server_go.png) no-repeat top left; }
.it_service_type.hosting .left_icon{ background:transparent url(/apps/img/icons/small/agreements/server.png) no-repeat top left; }
.it_service_type.domain .left_icon{ background:transparent url(/apps/img/icons/small/agreements/link.png) no-repeat top left; }

.it_service_type.phone .left_icon{ background:transparent url(/apps/img/icons/small/agreements/telephone.png) no-repeat top left; }
.it_service_type.mobile .left_icon{ background:transparent url(/apps/img/icons/small/agreements/phone.png) no-repeat top left; }
.it_service_type.anti_spam .left_icon{ background:transparent url(/apps/img/icons/small/agreements/bug.png) no-repeat top left; }

.it_service_type.storage .left_icon{ background:transparent url(/apps/img/icons/small/agreements/drive.png) no-repeat top left; }
.it_service_type.database .left_icon{ background:transparent url(/apps/img/icons/small/agreements/database.png) no-repeat top left; }

.it_service_type.web_app .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
.it_service_type.contractor .left_icon{ background:transparent url(/apps/img/icons/small/agreements/user_orange.png) no-repeat top left; }

*/

/* TODO Figure out what these icons should be */
/*.it_service_type.print_fax .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
.it_service_type.copier .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
.it_service_type.warranty .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
.it_service_type.vendor .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
.it_service_type.generic .left_icon{ background:transparent url(/apps/img/icons/small/agreements/world.png) no-repeat top left; }
*/


ul#typical_agreements{
  margin:0;
  margin-left:4px;
  padding:0;
}

ul#typical_agreements li{
  width:160px;
  height:20px;
  float:left;
  list-style:disc;
  margin-left:10px;
}

ul#typical_agreements li a{
  padding-top:1px;
  padding-bottom:3px;
}
ul#typical_agreements li a:hover{
  text-decoration:underline;
}

body.agreements table.agreement_general_summary td{ padding:1px 0; }
body.agreements table.agreement_general_summary td.label{
  text-align:right;
  font-weight:bold;
  width:100px;
  vertical-align:top;
  padding-top:4px;
}

body.agreements table.agreement_general_summary td input.text{
  width:164px;
}
body.agreements table.agreement_general_summary td textarea.description{
  width:447px;
  height:40px;
  padding:0px;
}

body.agreements table.agreement_general_summary td input.cost{ 
  margin-right:0px;
  width:74px;
}
body.agreements table.agreement_general_summary{
  margin-bottom:20px;
}
body.agreements table.agreement_general_summary td select.cost_unit{ 
  margin-left:0px;
  width:80px;
}
body.agreements table.agreement_general_summary td input.date_field{ width:142px; }
body.agreements table.agreement_general_summary td.value{ width:175px; }

/* Agreements AutoComplete*/
body.agreements div#new_agreement div.auto_complete li{ font-size:12pt; }
body.agreements div#new_agreement div.auto_complete li span.rating{ float:right; }

/* Analyze Tab */
body.agreements div#analyze_container{
  padding-right:10px;
}
body.agreements div#analyze_container h1#loading{
  color:#ccc;
  text-align:center;
  padding-top:100px;
}
body.agreements div#analyze_container p#go_text{
  font-size:1.5em;
  text-align:center;
  font-weight:bold;
}
body.agreements div#analyze_container div.chart{
  margin-bottom:10px;
}
body.agreements div#analyze_container div#prices_container{
  float:right;
}
body.agreements div#analyze_container div#service_summary{
  float:left;
  width:230px;
}
body.agreements div#analyze_container div#service_summary p{
  padding:2px 0;
  margin:0;
}
body.agreements div#analyze_container div#service_summary p label{
  width:125px;
  font-weight:bold;
  float:left;
  clear:left;
}
body.agreements div#analyze_container div#service_summary div#company_size , body.agreements div#analyze_container div#prices_container div#others_pay{
  border-bottom:1px solid #CCCCCC;
  color:#555555;
  font-size:11pt;
  font-weight:bold;
  height:25px;
  padding-bottom:2px;
}
body.agreements div#analyze_container div#prices_container div#others_pay{
  height:23px;
  padding-top:2px;
}
body.agreements div#analyze_container div#title{
  float:left;
  margin-bottom:4px;
  padding-bottom:2px;
  width:455px;
  color:#555555;
  font-size:11pt;
  font-weight:bold;
  border-bottom:1px solid #CCCCCC;
}
body.agreements div#analyze_container div#title div#service_name{
  float:left;
  padding-top:2px;
}
body.agreements div#analyze_container div#title div#service_name span#price{
  color:green;
}
body.agreements div#analyze_container div#title div#analyze_by{
  float:right;
}
body.agreements div#analyze_container  select{
  font-size:12px;
  font-weight:normal;
}

/* Attachments Tab  (Applies to devices as well)
   @attachments, @notes
*/

div.add_attachment{
  padding:5px;
  background-color:#EFEFEF;
  border:1px solid #CCCCCC;
  position:relative;
  width:448px;
}
div.add_attachment form#new_attachment{
  zoom:1;
}
div.add_attachment div.meta{
  float:right;
  width:107px;
  text-align:left;
}
div.add_attachment div.meta .btn{
  margin-top:0px;
  margin-bottom:0px;
  padding-bottom:0px;
  height:15px;
}
div.add_attachment p.comment{
  margin:0px;
  padding:0px;
}
div.add_attachment p.comment label{
  float:left;
  font-weight:bold;
  padding-right:5px;
  width:70px;
  text-align:right;
  font-size:.9em;
}
div.add_attachment span.file{
  width:100px;
}

div.add_attachment textarea.description{
  width:254px;
  height:28px;
}
div.add_attachment p#attachment{
  padding-top:5px;
}
div#attachment_error{
  float:left;
}
div.add_attachment div#attachment_error{
  float:right;
}


ul.notes{
  padding:0px;
  margin:0px;
}
ul.notes li{
  padding:0px;
  padding-top:8px;
  padding-bottom:8px;
  clear:both;
}
ul.notes li p.download{ 
  background:url(/img/icons/small/agreements/attachment.png) no-repeat top left;
  padding-left:20px;
  padding-top:2px;
  padding-bottom:2px;
}

ul.notes p.note{ margin-top:5px;margin-bottom:5px;}
ul.notes p.download{margin:0px;}
ul.notes p.meta{ font-size:.9em; font-weight:bold; text-align:left;  padding-top:2px; padding-bottom:2px; border-bottom:1px solid #eee; color:#aaa; margin:0px;}
ul.notes p.meta span{ float:right; }
ul.notes p.meta span a{ text-decoration:none; color:#777;}
ul.notes p.meta span a:hover{ text-decoration:underline; color:#222;}


/* Add Attachment Popup for documents @add_attachment_popup */ div#add_attachment_popup{ width:380px; top:450px; left:300px; }

div#add_attachment_popup div.meta{
}
div#add_attachment_popup div.meta .btn{
}
div#add_attachment_popup p.comment{
}
div#add_attachment_popup p.comment label{
  float:left;
  font-weight:bold;
  padding-top:5px;
  padding-right:5px;
  width:75px;
  text-align:right;
}

div#add_attachment_popup textarea.description{
}
div#add_attachment_popup p#attachment{
}

/* Styles for system summary on home page
**********************************************************************************/
#at_a_glance{
  clear:left;
  padding:0 0 0 1px;
  /* see hacks.ie.css and hacks.ie7.css */
}
/*#at_a_glance #tab_box *{
  margin:0;
  padding:0;
}*/
#at_a_glance h3.heading{
  font-size:13px!important;
  padding-left:2px;
}
#at_a_glance h3.heading span{ margin-bottom:3px; }
#at_a_glance #active_overview p.tip{
  margin:0 0 5px 2px;
  font-size:1.1em;
  text-align:center;
}
#at_a_glance fieldset{
  display:block;
  margin:0 5px 5px 0;
  padding:3px 5px 5px;
  width:170px;
  float:left;
}
#at_a_glance fieldset.small{ height:4.4em; }
#at_a_glance fieldset.antivirus{ height:6.1em; }
#at_a_glance fieldset.medium{
  height:7.1em;
  overflow:hidden;
}
#at_a_glance fieldset table{ width:100%; }
#at_a_glance fieldset table td.value{ text-align:right; }

/* flash stylings
************************************************************/
#at_a_glance div.env_flash_chart{
  width:540px;
  height:265px;
  margin:0 0 0 10px;
}
#at_a_glance.showing_events_summary div.env_flash_chart{
  height:300px;
}
#at_a_glance.showing_events_summary p.chart_tip{
  margin-left:0;
  margin-top:5px!important;
}
.chart_container div.env_flash_chart{
  width:320px;
  height:155px;
  min-height:155px;
  margin:0;
  float:left;
}
div#disk_usage_chart{ margin:10px 0 0; }
div.needs_flash{
  border:1px solid #e7e7e7;
  background:#fdfdfd;
  text-align:center;
}
div#disk_usage_chart.needs_flash{ padding:10px 0; }
div.env_flash_chart p.needs_flash{
  padding:10px 50px 0!important;
  font-size:13px;
}
div.needs_flash p a{
  font-weight:bold;
  color:#333;
  text-decoration:none;
}
div.needs_flash p a:hover{ text-decoration:none; }
div.needs_flash p a img{ border:none; }

/* slideshow controls
***************************************************************************/
p.slideshow_controls{
  width:100%;
  margin:0;
  padding:15px 0 0 245px!important;
  clear:left;
  float:left;
}

/* slideshow controls in a widget */
.chart_container p.slideshow_controls{
  margin:0;
  padding:11px 0 0 0px!important;
  clear:left;
  float:left;
}
.chart_container p.slideshow_controls a.rewind{
  float:left;
}

.chart_container p.slideshow_controls a.forward{
  float:right;
}

p.slideshow_controls a{
  display:block;
  float:left;
  padding:0;
  width:20px;
  height:20px;
  margin:0 5px 0 0!important;
}
p.slideshow_controls a span{ display:none; }
p.slideshow_controls a.rewind{ background:transparent url(/apps/img/icons/rewind.png) no-repeat top left; }
p.slideshow_controls a.playback{ background:transparent url(/apps/img/icons/toggle_playback.png) no-repeat top left; }
p.slideshow_controls a.playing{ background-position:bottom left; }
p.slideshow_controls a.paused{ background-position:top left; }
p.slideshow_controls a.forward{ background:transparent url(/apps/img/icons/forward.png) no-repeat top left; }

/* Styles for reclassify form
***************************************************************************/
#reclassify_device{
  clear:both;
  margin:0;
  padding:5px 0;
  border-top:1px solid #ccc;
  line-height:1.5em;
}
#reclassify_device p.action *{
  vertical-align:middle;
  margin:5px 0;
}
.manually_added_asset_message{
  font-weight:bold;
  font-style:italic;
}
body.unknowns #reclassify_device{
  padding:7px 0;
  margin:0;
}
body.unknowns #reclassify_device p{
  margin:0;
  padding:0;
}

/* Styles for bulk reclassify/compare/edit
***************************************************************************/
#bulk_compare, #bulk_edit, #bulk_actions{ clear:both; }
.detail_box{
  border:1px solid #aaa;
  width:696px;
  background:#f4f4f4;
}
#bulk_actions.detail_box{ background:#fff; }
#content .detail_box h3.heading{
  border-left:0;
  border-top:0;
  padding-bottom:3px;
  padding-left:10px;
  width:684px;
}
#content #bulk_compare h3.heading{ padding-bottom:0; }
#content .detail_box .content{ padding:5px; }
#content .detail_box .content form p.inline_form{
  margin:0;
  padding:0;
}

/* styles for the reclassify box */
#bulk_actions h4{
  font-size:1em;
  font-weight:normal;
  padding:5px 0;
  margin:0;
}
#bulk_actions form ul.action_items{
  margin:0;
  list-style:none;
  border:1px solid #ccc;
  background:#f4f4f4;
  padding:5px;
  float:left;
  width:655px;
  max-height:180px;
  overflow-y:scroll;
}
#bulk_actions form ul.action_items li{
  display:block;
  float:left;
  width:185px;
}
#bulk_actions form ul.action_items li label, #bulk_actions form p.toggle label, #bulk_actions form p.exclude label{
  position:relative;
  top:-2px;
}
#bulk_actions form p.toggle, #bulk_actions form p.reclassify, #bulk_actions form p.exclude{
  margin:0;
  padding:5px 0 0 6px;
}
#bulk_actions form p.reclassify{ padding-left:9px; }
#bulk_actions form p.btn{
  width:655px;
  margin:5px 0 0;
  padding:8px 0 0 7px;
  border-top:1px solid #ccc;
}
#bulk_actions form p.btn a.help{ padding-left:5px; }
#bulk_actions form p.btn a.help, #bulk_actions form p.btn em.highlight{
  position:relative;
  top:-3px;
}

#bulk_actions a.spice_select{
  width:150px;
  margin-left:5px;
}

#bulk_actions span.actions_copy label{
  float:left;
}

/* styles for the compare box */
#bulk_compare h3.heading span.comparing{ padding-left:54px; }
#bulk_compare h3.heading span.comparing select{
  width:249px!important;
  font-weight:normal;
}
#bulk_compare h3.heading span.comparing em{ padding:0 2px 0 6px; }
#bulk_compare .content table{
  width:100%;
  border:1px solid #ccc;
  border-collapse:collapse;
}
#bulk_compare .content table td{
  padding:3px 5px;
  border:1px solid #ccc;
  background:#fff;
}
#bulk_compare .content table tr.heading td.label{
  background:#eee url(/apps/img/icons/indicators/toggle_down.png) no-repeat center left;
  background-position:5px center;
  padding-left:20px;
  width:125px;
}
#bulk_compare .content table tr.hidden td.label{ background-image:url(/apps/img/icons/indicators/toggle_right.png); }
#bulk_compare .content table tr.heading td{ background:#eee; }
#bulk_compare .content table tr.heading td, #bulk_compare .content table td.field{ font-weight:bold; }
#bulk_compare .content table td.field{
  padding-left:20px;
  font-size:10px;
  width:110px;
}
#bulk_compare .content table thead td{
  font-weight:bold;
  text-align:center;
}
#bulk_compare .content table tr.different td{ background:#e9d4d4; }
#bulk_compare .content table tr.different td.field{
  background:#f4f4f4;
  border:#f4f4f4;
}

/* Styles for device warnings
***************************************************************************/
#summary_wrap .warnings h4{
  font-size:1.2em;
  font-weight:bold;
  margin:0;
  padding:0;
}

/* Styles for auth error form on device summary
***************************************************************************/
#auth_error p.error{
  font-size:1.1em;
  margin:0;
  padding:0 0 5px;
  border-bottom:1px solid #ccc;
}
#auth_error ul{
  margin:0;
  padding:5px 0;
}
#auth_error ul li{
  list-style:disc;
  margin:5px 0 0 14px;
}
#auth_error ul li input{
  position:relative;
  top:5px;
}
#auth_error ul li.no_bullet{
  list-style:none;
  margin-left:180px;
  font-size:1.2em;
  font-weight:bold;
}
#auth_error div.pseudo_form{
  margin:10px 0;
  padding:10px 0 5px;
  border:1px solid #ccc;
  border-left:0;
  border-right:0;
}
div#auth_error div.pseudo_form p label{ width:80px; }
div#auth_error div.pseudo_form p select{ width:165px; }
div#auth_error div.pseudo_form p input.text{ width:160px; }
div#auth_error div.pseudo_form p em.help{
  font-size:.95em;
  color:#666;
}
div#auth_error div.pseudo_form p.help{ margin-left:83px; }
div#auth_error div.pseudo_form p.btn{
  padding:10px 0 0 82px;
  clear:left;
}
div#auth_error div.pseudo_form p.btn em{
  position:relative;
  top:-5px;
}

/* Styles for pivot menus 
***************************************************************************/
a.pivot{ padding-right:10px!important;}
#tab_box p.p_pivot, #tab_box div.p_pivot{ margin-right:8px; }
#tab_box p.pivot_table, #tab_box div.pivot_table{ margin-right:0; }
p.p_pivot a, div.p_pivot a, a.pivot_icon{ background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right; }
a.pivot:hover{ background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right; }
div.pivotable{
  background:transparent url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;
  width:auto;
  position:absolute;
  z-index:9999!important;
  padding:0 7px 7px 0;
}
div.no-shadow{
  /* if a pivot is going over a flash object, it should have no shadow */
  position:absolute;
  z-index:9999!important;
  background:none!important;
}
div.no-shadow ul{
  border:1px solid #969696!important;
}

div.pivotable ul{
  border:1px solid #969696;
  border-right:0;
  border-bottom:0;
  background:#fff;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.2em;
}
div.pivotable ul li{
  display:inline;
  padding:0;
  margin:0;
}
div.pivotable ul li a{
  padding:4px 5px!important;
  display:block;
}

div.pivotable ul li a:hover{ background-color:#ebebeb; }
div.pivotable ul li a.disabled{ color:#aaa!important; }
div.pivotable ul li form{ display:inline; }
div.pivotable ul li form p{
  overflow:auto; /* this is for a hidden cursor problem in Firefox when the input control has focus */
  margin:0;
  padding:4px 5px 8px;
}
div.pivotable ul li form input.image_button{
  position:relative;
  top:6px!important;
}
div.pivotable a.icon{
  background-color:transparent;
  background-position:5px 50%;
  background-repeat:no-repeat;
  padding-left:25px!important;
}

div.pivotable a.move{ background-image:url(/apps/img/icons/small/move.png); }
div.pivotable a.copy{ background-image:url(/apps/img/icons/small/copy.png); }
div.pivotable a.delete{ background-image:url(/apps/img/icons/small/delete.png); }
div.pivotable a.reclassify{ background-image:url(/apps/img/icons/small/reclassify.png); }
div.pivotable a.new_asset{ background-image:url(/apps/img/icons/small/new_asset.png); }

div.pivotable a.remote, div.pivotable a.remote_control{ background-image:url(/apps/img/icons/small/remote_control.png); }
div.pivotable a.compare{ background-image:url(/apps/img/icons/small/compare_devices.png); }
div.pivotable a.ping{ background-image:url(/apps/img/icons/small/ping.png); }
div.pivotable a.trace{ background-image:url(/apps/img/icons/small/traceroute.png); }
div.pivotable a.wol{ background-image:url(/apps/img/icons/small/wol.png); }
div.pivotable a.nslookup{ background-image:url(/apps/img/icons/small/nslookup.png); }
div.pivotable a.disabled{
  cursor:text;
  text-decoration:none!important;
  color:#aaa;
}

a.spice_select{
  background:#DDD url('../img/layout/gradients/select_background.png') repeat-x scroll center left;
  border-color:#7C7C7C rgb(195, 195, 195) rgb(221, 221, 221);
  border-style:solid;
  border-width:1px;
  display:block;
  height:15px;
  margin:0;
  padding:0!important;
  outline:none;
  overflow:hidden;
  text-indent:3px;
  text-decoration:none!important;
}

a.spice_select:hover{
  text-decoration:none;
}

a.spice_select span.icon{
  /* see ie.hacks */
  background:transparent url(/img/icons/indicators/select_pivot.png) right no-repeat;
  display:block;
  height:inherit;
  padding-right:15px;
  width:auto;
  overflow:hidden;
}

div.spice_selectable{
  background:transparent url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  z-index:9999!important;
  padding:0 7px 7px 0;
}
div.spice_selectable ul{
  border:1px solid #969696;
  border-right:0;
  border-bottom:0;
  background:#fff;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.2em;
}
div.spice_selectable ul li{
  display:inline;
  padding:0;
  margin:0;
  outline:0;
}
div.spice_selectable ul li.separator{
  border-bottom:1px solid #e6e6e6; 
  padding:2px 0px 4px 0px;
  line-height:0;
  width:auto;
  display:block;
  height:2px;
}

div.spice_selectable ul li a{
  padding:4px 5px!important;
  display:block!important;
  height:12px;
  outline:0;
  text-decoration:none!important;
  width:auto;
  overflow:hidden;
}

div.spice_selectable ul li a:hover{
  background-color:#fe5200!important;
  color:white;
}

div.spice_selectable ul li a.unclickable{
  color:#999;
  background-color:white;
}
div.spice_selectable ul li a.unclickable:hover{
  color:#999!important;
  background-color:white!important;
}

div.spice_selectable ul li a:hover{ background-color:#ebebeb; }
div.spice_selectable ul li a.disabled{ color:#aaa!important; }
div.spice_selectable ul li form{ display:inline; }
div.spice_selectable ul li form p{
  overflow:auto; /* this is for a hidden cursor problem in Firefox when the input control has focus */
  margin:0;
  padding:4px 5px 8px;
}
div.spice_selectable ul li form input.image_button{
  position:relative;
  top:6px!important;
}
div.spice_selectable a.multi{
  background-color:transparent;
  background-position:5px 50%;
  background-repeat:no-repeat;
  padding-left:25px!important;
  outline:none;
}
div.spice_selectable a.checked{ 
  background-image:url(/apps/img/icons/indicators/checked.png);
}
div.spice_selectable a.unchecked{ 
  background-image:url(/apps/img/icons/indicators/unchecked.png);
}

/* Styles for search page
**********************************************************************************/
#search_results{ /* see hacks.ie.css, hacks.ie6.css */ }
#search_results div.launch_search_box{
  background:#FFFFFF url(/apps/img/layout/gradients/light_to_white.jpg) repeat-x scroll left top;
  border:1px solid #CCCCCC;
  margin:0pt 0pt 10px;
  padding:0pt;
  width:700px;
}
#search_results div.launch_search_box h3{
  font-size:1.2em;
  margin:0pt 0pt 0.5em;
  padding:0pt;
}
#search_results div.launch_search_box form{
  background:transparent url(/img/icons/large/search.png) no-repeat scroll 10px center;
  height:60px;
  overflow:hidden;
  padding:15px 10px 5px 75px;
}
#search_results div.launch_search_box input.text{ width:580px; }
#search_results div.launch_search_box input.image_button{
  vertical-align:top;
  /* see hacks.ie.css, hacks.ie6.css */
}
#search_results img{ float:left; }
#search_results .results ul{
  padding-left:0px;
  margin:0px;
}
#search_results li.result{
  clear:left;
  padding-bottom:15px;
  padding-left:10px;
  margin-bottom:10px;
  border-bottom:1px solid #E8E8E8;
}
#search_results li.no_result{
  font-size:1.2em;
  font-style:italic;
}
#search_results li.result div{
  padding-left:50px;
  margin-right:20px;
}
#search_results li.result .result_link{
  font-weight:bold;
  text-decoration:none;
}
#search_results li.result p.excerpt{
  padding:0px;
  margin:0px;
}
#search_results li.result p.excerpt{
  color:#888888;
  font-size:0.9em;
  min-height:1.3em;
  margin-left:0pt;
}
#search_results .paging{ text-align:right; }
#search_results h2{
  font-size:11pt;
  border-bottom:1px solid #999;
}
#search_results div.results{
  clear:left;
  padding-top:10px;
}
#search_results div.results ul.mixed_results{ border-top-color:#ccc; }
#search_results div.pagination{ padding-left:58px; }
#search_results div#rebuild_index_message{
  text-align:center;
  padding-top:30px;
  color:#ccc;
  font-size:20pt;
  font-style:italic;
}

#index_info{ margin-top:30px; }
#index_info td{
  text-align:right;
  font-family:courier;
  padding:3px;
  margin:1px;
  border:1px solid #ddd;
}

/* Paging */
div.paging {
	background:#fff;
	color: #ccc;
	margin-bottom: 2em;
}
div.paging div.disabled {
	color: #ddd;
	display: inline;
}
div.paging span {
}
div.paging span.current {
	color: #000;
}
div.paging span a {
}

/* Styles for the data view
*****************************************************************************/
#data_for_computer h2{
  margin:0;
  padding:0;
}
#data_for_computer h2.icon{
  padding:5px 0 0 35px;
  height:30px;
}
#data_for_computer h2.network_adapter{
  background:transparent url(/apps/img/icons/small/network_adapter.png) no-repeat top left;
  padding:5px 0 0 35px;
}
#data_for_computer h2.service{
  background:transparent url(/apps/img/icons/small/service.png) no-repeat top left;
  padding:5px 0 0 35px;
}
#data_for_computer h2.software{
  background:transparent url(/apps/img/icons/small/software.png) no-repeat top left;
  padding:5px 0 0 35px;
}
#data_for_computer h2.hotfix{
  background:transparent url(/apps/img/icons/small/hotfix.png) no-repeat top left;
  padding:5px 0 0 25px;
}

/* Tabs (for search results, etc.)  - Stolen from community
*****************************************************************************/
#content ul.tabs{
  margin:0;
  padding:0 0 0 10px;
}
#content ul.tabs li.title{
  width:120px;
  font-size:1.2em;
  font-weight:bold;
  color:#FE5200;
  /* see hacks.ie.css */
}
#content ul.tabs li{
  float:left;
  padding:0;
  margin-right:-1px;
  margin-bottom:-1px;
  /* see hacks.ie.css */
}
#content ul.tabs li a{
  border:1px solid #ccc;
  display:block;
  background:#e2e7ec;
  padding:2px 12px;
  text-decoration:none;
  font-weight:normal;
  
}
#content ul.tabs li.selected a{
  background:#fff;
  border-bottom-color:#fff;
}
#content ul.tabs li a:hover{
  background:#cad8e5;
  text-decoration:none;
}
#content ul.tabs li.selected a:hover{ background:#fff; }

#content div.tab_bottom{
  clear:left;
  margin-top:0;
  border-top:1px solid #ccc;
  
}
#event_table_container ul.tabs li a{ font-size:10px; }

/* Settings main page choices
*****************************************************************************/
dl.settings_options{
  list-style:none;
  width:685px;
  margin:0;
  padding:10px 0 0 10px;
  float:left;
  clear:left;
}
dl.settings_options dt{
  border-bottom:1px solid #ccc;
  font-weight:bold;
  margin:0 0 10px;
}
dl.settings_options dd{
  margin:0;
  padding:0;
  display:inline;
}
dl.settings_options dd a{
  text-decoration:none;
  display:block;
  float:left;
  width:260px;
  min-height:40px;
  /* see hacks.ie6.css */
  margin:0 10px 20px 10px;
  padding:5px 5px 5px 50px;
  /* the background-image property is applied in-line */
  background-color:transparent;
  background-repeat:no-repeat;
  background-position:top left;
  outline:none;
}
dl.settings_options dd a strong{
  display:block;
  font-size:1.2em;
  font-weight:bold;
  color:#333;
}
dl.settings_options dd a span{
  display:block;
  font-size:12px;
  color:#888;
}
dl.settings_options dd a:hover strong{ text-decoration:underline; }
dl.settings_options dd a:hover span{ text-decoration:none; }
dl.settings_options dd a:active{ outline:none; /* for firefox */ }
body.abstract_settings h3{
  clear:left;
  padding:200px 0 0;
  margin:0;
  text-align:center;
  font-size:1.1em;
  font-weight:normal;
  color:#888;
}

/* Settings section
*****************************************************************************/
dl.settings_title{
  text-decoration:none;
  display:block;
  margin:0 0 20px 0;
  padding:0 0 10px 0;
  
  /* the background-image property is applied in-line */
  outline:none;
  border-bottom:1px solid #CCC;
}

dl.settings_title h3{
  display:block;
  padding:4px 0 0 0;
  margin:0 0 0 50px;
}

dl.settings_title dd{
  color:#999;
  display:block;
  margin:0 0 0 50px;
  padding:0;
}

dl.settings_title dd.help{
  color:#999;
  position:relative;
  top:-1.5em;
  display:block;
  float:right;
  margin:0;
  padding:0;
}

.settings_section{
  border-bottom:1px solid #999;
  padding:0 0 10px;
  margin:0 0 10px;
  clear:left;
  /* see hacks.ie7.css */
}
.last_settings_section{ border-bottom:0; }
.settings_section h3{
  margin:8px 0 0;
  padding:0 0 5px;
}
.settings_section p{
  margin:0;
  padding:5px 0;
}
.settings_section p.btn{ padding:10px 0 0; }
#change_password_wrap{ border-top:1px solid #999; }
.settings_section #no_first_scan_warning{
  margin:10px 0;
  padding:0 0 0 30px;
  color:#fe5200;
  background:transparent url(/apps/img/icons/small/alert.png) no-repeat center left;
}
.settings a.with_icon{
  background:transparent url(/img/icons/small/help.png) no-repeat center left;
  padding-left:20px;
}
.settings_section p a.profile{
  background:transparent url(/apps/img/icons/small/my_profile.png) no-repeat center left;
  padding-left:16px;
}
.advanced_settings_disabled{
  font-weight:bold;
  font-style:italic;
}
.community_profile p.meta{
  background:transparent url(/apps/img/icons/medium/community_profile.png) no-repeat center left;
  margin:5px 0 10px;
  padding:10px 120px 10px 50px;
}
#additional_settings h4{
  font-size:1.3em;
  margin:10px 0;
  padding:0;
}
#additional_settingstings h4.error{
  font-size:1.4em;
  font-weight:normal;
  background:transparent url(/apps/img/icons/alert.png) no-repeat center left;
  padding-left:20px;
}
div#international_info_data p{
  width:550px;
}

/* Network settings styles
*****************************************************************************/
#network_settings_wrap{ clear:left; }
#network_settings tr.skip{ color:#aaa; }
#network_settings td{ text-align:center; }
#network_settings td form{ display:inline; }
#network_settings tfoot td#new_scan_name_cell p{
  margin:0;
  padding:0;
  text-align:center;
}
#network_settings tfoot td#new_scan_name_cell p input{
  display:block;
  margin:0 auto;
}
#network_settings tfoot td#new_scan_name_cell p a{
  font-size:10px;
  font-weight:normal;
}
div.interactive{
  clear:left;
  margin-top:5px;
  border-top:1px solid #ccc;
  border-bottom:1px solid #ccc;
  padding:5px;
}
#network_settings_wrap div.interactive h3{ margin:0 0 5px; }
#network_settings_wrap div.interactive form p{ margin:0 0 5px; }
#network_settings_wrap div.interactive form p.btn{ margin:10px 0 0; }
#network_settings_wrap p.table_actions{
  margin:5px 0;
  border-bottom:1px solid #ccc;
}
#run_scan{
  padding:5px 0;
  border-bottom:0;
}
#run_scan h3{
  margin:0;
  padding:0;
}
#content h3.step{
  background:transparent url(/apps/img/layout/steps/1.gif) no-repeat top left;
  height:27px;
  font-size:15px;
  line-height:17px;
  padding:8px 0 0 40px;
}
#content h3.step2{ background-image:url(/apps/img/layout/steps/2.gif); }
#content h3.step3{ background-image:url(/apps/img/layout/steps/3.gif); }
#content h3.step4{ background-image:url(/apps/img/layout/steps/4.gif); }
#scan_now_form p input.image_button{
  position:relative;
  top:5px;
}
#scan_settings_form p select{ width:175px; }
#scan_settings_form p input{ width:170px; }
#finder_message_log, #tail_log{
  margin:0;
  padding:5px;
  list-style:none;
  clear:left;
  border:1px solid #ccc;
  background:#ebebeb;
  height:150px;
  overflow:auto;
}


/* Backup settings styles
*****************************************************************************/
#backup_location_section #location_warning_wrapper{
  /* empty div takes up space and throws off spacing on IE7 unless line-height is set to 0 */
  line-height:0em;
}
#backup_location_section span.confirm a{
  padding-left:5px;
  padding-right:5px;
  color:blue;
}

#backup_location_section #location_warning{
  line-height:1em;
  margin-top:5px;
}

#backup_location_section #location_warning h4{
  font-size:12px;
  font-weight:normal;
  text-indent:15px;
  background:url('/img/icons/indicators/exclamation.png') no-repeat 5px center #fcecc8;
}
#backup_schedule_options p{
  padding:15px 0px 10px 0px;
  width:100%;
}

#backup_schedule_options select{
  width:auto;
}

/* User management styles
*****************************************************************************/
body.users #mail_info{
  background:#fff url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  width:700px;
  padding:0 7px 7px 0;
  /* see hacks.ie6.css */
}
body.users #mail_info div.inner{
  background:#fff;
  border:1px solid #ccc;
  border-right:0;
  border-bottom:0;
  padding:8px;
}
body.users #mail_info p.btn input.image_button{ vertical-align:middle; }
body.users #mail_info p.btn em.highlight{
  position:static;
  top:0;
}

/* Email settings styles
*****************************************************************************/
#email_settings{ width:570px; }
#email_settings > div{
  margin-top:10px;
  margin-bottom:10px;
}
#email_settings div p{ width:400px; }
#email_settings p.btn{ width:698px; }
#email_settings_section #inbound_server_port{ width:50px; }
#email_settings .editable_password{ width:150px; }
#email_form p.step{ display:none; }
#email_form h3{
  border-bottom:1px solid #ccc;
  width:400px;
  margin-bottom:7px;
  margin-top:20px;
}
#email_settings_section h3 span{ font-size:8pt; }
div#account_warning div{
  font-size:13pt; 
  border:thin solid #111; 
  background:#ddd; 
  padding:20px; 
  text-align:left;
}
div#account_warning div ul{ list-style:disc outside; }
div#account_warning div p.help_text, div#account_warning div li{
  font-size:10pt;
  list-style:disc outside;
}
#template_info_data .event_template p{ width:auto; }
#template_info_data .template_subject, #template_info_data .template_body{ width:450px; }
#template_info_data .template_body{ height:150px; }
.template_variables{
  border:1px solid #ccc;
  background:#eee;
  margin-bottom:10px;
}
/*
#email_notification_settings{
  padding-bottom:10px;
}
#email_notification_settings div.surround{
  padding-left:50px;
  padding-bottom:10px;
  background:url(/img/layout/open_to_closed_gradient.jpg) left top no-repeat;
}

#email_notification_settings div.activity{
  border-top:1px solid #eee;
  padding:5px;
  margin-bottom:6px;
}
#email_notification_settings div h4{
  margin:0px;
  margin-bottom:4px;
  font-size:1.2em;
  color:#444;
  font-weight:normal;
}
#email_notification_settings div span{
  width:300px;
  display:block;
  padding:3px;
}
*/

#email_notification_settings table{
  width:500px;
  margin-top:20px;
  margin-bottom:20px;
}
#email_notification_settings table tr th{
  font-size:1.2em;
  padding:5px 10px 5px 10px;
}

#email_notification_settings table tr td{
  border-bottom:1px solid #eee;
  text-align:center;
  font-size:1.2em;
  padding:5px 10px 5px 10px;
}
#email_notification_settings table tr td.row_title{
  text-align:left;
}

/* Custom Attributes styles 
*****************************************************************************/
table.attributes#custom_attributes, table.attributes#standard_attributes, table.attributes#system_settings{ width:600px; }
table#custom_attributes td.default_value{ max-width:400px; }

/* Styles for browse page
**********************************************************************************/
.browse_info{ padding:20px 2px 0 2px; }
.browse_info img.icon{
  display:block;
  margin:5px 0 0 5px;
  border:none;
}
.browse_info p{
  font-size:1.3em;
  margin:5px 0;
  padding:3px;
}
.browse_info p.item_name{ padding:0; }
.browse_info p.item_name strong{
  padding:3px;
  display:block;
}
.browse_info p.item_name span{
  display:block;
  padding:3px;
}
.browse_info p.info{ padding:3px; }
.browse_info p.summary span{
  display:block;
  padding:0 0 0 10px;
}
.browse_info form{
  display:block;
  padding:3px;
}
.browse_info form.external a{ font-size:1.3em; }
.browse_info .meta{
  padding:3px;
  font-size:1.3em;
}
.browse_info .meta ul{
  margin:0 0 0 20px;
  padding:0;
}
div#model, div#webserver{
  clear:both;
  padding:5px 0 5px;
  border-bottom:1px solid #ccc;
  font-weight:bold;
  text-align:center;
  font-size:12px!important;
}
div#snmp_web{ margin-top:5px; }

/* Monitors page styles
**********************************************************************************/
body.monitors #mail_info{
  background:#fff url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  width:700px;
  padding:0 7px 7px 0;
  /* see hacks.ie6.css */
}
body.monitors #mail_info div.inner{
  background:#fff;
  border:1px solid #ccc;
  border-right:0;
  border-bottom:0;
  padding:8px;
}
body.monitors #mail_info p.btn input.image_button{ vertical-align:middle; }
body.monitors #mail_info p.btn em.highlight{
  position:static;
  top:0;
}
#monitors{ clear:left; }
#monitors tr td.actions{ width:75px; }
#monitors tfoot tr td#new_name_cell select, #monitors tbody tr td.custom select, #new_name_cell input{ width:225px; }
#monitors tfoot #new_name{ width:175px!important; }
#monitors tfoot tr td#new_name_cell{
  overflow:hidden;
  text-align:center;
}
body.monitors h4.needs_scan{
  margin:5px 0;
  padding:5px 0;
  font-weight:normal;
  font-size:1em;
  border:1px solid #fe5200;
  background:#fff6f2;
  text-align:center;
}

/* In-place editor styles
**********************************************************************************/
.inline_editor, .in_place_editor_field{
  padding:0 2px;
  cursor:pointer;
}
.inplaceeditor-form input.text, input.editor_field{ font-size:10px; }

/* Autocomplete styles
**********************************************************************************/
div.auto_complete{ 
  border:1px solid #888; 
  position:absolute;
  background:#fff; 
  z-index:452;
  overflow:hidden;
  padding:0px;
  margin:0px;
} 
div.auto_complete ul{ 
  margin:0; 
  padding:0; 
  width:100%; 
  list-style-type:none; 
}
div.auto_complete ul li{ 
  margin:0; 
  padding:3px;
  overflow:hidden;
  text-align:left;
  /* see hacks.ie.css */
}
div.auto_complete ul li.selected{ background-color:#ffb; }
div.auto_complete ul strong.highlight{ 
  color:#800; 
  margin:0; 
  padding:0; 
}
div#ticket_ticketable_auto_complete ul li{
  height:14px;
  padding-left:23px;
  margin-left:3px;
  background-repeat:no-repeat;
  background-position:top left;
}

/* Toggle links for edit, save, cancel mode changing
**********************************************************************************/
div.edit_wrapper{
  position:relative;
  margin:0;
  padding:0;
  top:-2px;
  /* see hacks.ie6.css and hacks.ie7.css */
}

div.edit_wrapper p{
  margin:0;
  padding:0 5px 0 0;
}

div.edit_wrapper h4{
  margin:0 0 3px;
  padding:0 0 0 4px;
  font-size:1.1em;
}
div.edit_wrapper p.controls{
  position:absolute;
  top:0;
  right:0;
  z-index:100;  
  display:block;
}
div.edit_wrapper p.controls a{ font-size:11px; }
div.edit_wrapper p.controls a.normal, #active_overview div.editing p.controls a.edit{ display:inline; }
div.edit_wrapper p.controls a.edit, #active_overview div.editing p.controls a.normal{ display:none; }

/* Notes for a device
**********************************************************************************/
#node_notes{
  clear:left;
  margin:0;
  padding:0;
  width:558px;
  height:240px;
}
#my_notes{
  border-top:1px solid #ccc;
  padding:3px;
  height:230px;
  overflow:auto;
}
#node_notes h4{
  padding-top:1px;
  padding-bottom:2px;
}
#my_notes, #node_notes_form{ clear:right; }
#node_notes p.note_wrapper{ overflow:auto; }
#node_notes p.first_time{ color:#999; }
#node_notes p.first_time a{ color:#666; }
#node_notes p textarea{
  width:100%;
  height:230px;
}
#node_notes p textarea.saving{ background:#ebebeb url(/apps/img/layout/saving_text.gif) no-repeat center center; }

/* Editable general summary
**********************************************************************************/
#tab_box #active_overview table.general_summary{
  position:relative;
  margin:2px 0 5px;
  padding:0; 
  table-layout:fixed;
  border-collapse:collapse;
}
#tab_box #active_overview table.general_summary td,
#tab_box #active_overview table.configuration_summary td{
  margin:0;
  padding:0;
  line-height:1.4em;
}
#tab_box #active_overview table.general_summary_edit td{ line-height:normal; }
#tab_box #active_overview table.general_summary td.label{ width:105px; } 
#tab_box #active_overview table.general_summary td.value{ width:170px; } 
table.general_summary_edit tr td input.text{ width:165px; /* see hacks.ie.css */ }
#my_general_summary, .agreement_general_summary{
  margin:0;
  padding:0;
}
#my_general_summary_form{ 
  margin:0; 
  padding:0; 
} 
#my_general_summary_form input.text{ 
  margin:0;
  padding:0;
  width:165px;
  /* see hacks.ie6.css */ 
}

#my_general_summary_form span.text_with_cancel input{
  padding-right:15px!important;
  width:150px;
}

#my_general_summary_form span.text_with_cancel a{
  float:right;
  line-height:15px;
  position:relative;
  left:-9px;
  top:18px;
  margin-top:-15px;
}


#my_general_summary_form input.ip_address_text{ width:100px; }
#my_general_summary_form input.date_field, .agreement_general_summary input.date_field{ width:145px; } 
#my_general_summary_form #general_summary_form{ 
  margin:0;
  padding:0; 
}
#active_overview p.sticky_foot .view_profile{
  background:url(/apps/img/icons/small/view_profile.png) no-repeat;
  padding:0 0 0 20px;
}

/* Configuration summary 
**********************************************************************************/
#tab_box #active_overview table.configuration_summary_network thead tr th.network_name{ }
#tab_box #active_overview table.configuration_summary_network thead tr th.last_column{ padding-right:20px; }
#tab_box #active_overview table.configuration_summary_network thead tr th.online_lan{ background:transparent url(/apps/img/icons/indicators/online_lan.png) no-repeat center right; }
#tab_box #active_overview table.configuration_summary_network thead tr th.offline_lan{ background:transparent url(/apps/img/icons/indicators/offline_lan.png) no-repeat center right; }
#tab_box #active_overview table.configuration_summary_network thead tr th.online_wireless{ background:transparent url(/apps/img/icons/indicators/online_wireless.png) no-repeat center right; }
#tab_box #active_overview table.configuration_summary_network thead tr th.offline_wireless{ background:transparent url(/apps/img/icons/indicators/offline_wireless.png) no-repeat center right; }

/* Ticket review summary
**********************************************************************************/
#node_ticket_review{
  width:664px;
  margin:2px 0 0;
}
#tab_box #active_overview table.ticket_review_summary{
  position:relative;
  margin:0 0 0 2px;
  padding:0; 
  border-collapse:collapse;
  table-layout:fixed;
}
#tab_box #active_overview table.ticket_review_summary tr td{
  padding:2px 0;
  line-height:18px;
  vertical-align:top;
}
#tab_box #active_overview table.ticket_review_summary tr td.label{ width:80px; }
#tab_box #active_overview table.ticket_review_summary tr td.value{ width:200px; }
#tab_box #active_overview table.ticket_review_summary tr td#duration a{ padding-left:10px; font-size:.95em; }

#tab_box #active_overview table.ticket_review_summary tr td.value span.radio {
  position:relative;
  left:-4px;
}
#tab_box #active_overview table.ticket_review_summary tr td.value span.radio label{
  position:relative;
  top:-2px;
}
#tab_box #active_overview table.ticket_review_summary tr td.value p.related_to{
  margin:0;
  padding:0;
  width:150px;
  overflow:hidden;
}

/* overrides for edit mode */
#tab_box #active_overview table.ticket_review_summary_edit{ /* see hacks.ie.css */ }
#tab_box #active_overview table.ticket_review_summary_edit td input.text{
  width:164px;
  top:1px;
}

#tab_box #active_overview table.ticket_review_summary_edit td input.text.date_field{
  width:142px;

  top:1px;
}
#tab_box #active_overview table.ticket_review_summary_edit td a.calendar_trigger{
  position:relative;
  top:0px;
  left:2px;
}

#tab_box #active_overview table.ticket_review_summary_edit td span.example{
  font-size:.95em;
  color:#999;
  font-style:italic;
}
#tab_box #active_overview table.ticket_review_summary_edit td input#ticket_time_spent_duration{
  width:90px;
}

#tab_box #active_overview table.ticket_review_summary_edit select{ width:170px; }
#tab_box #active_overview table.ticket_review_summary_edit tr.due_date input.text{ width:142px; /* see hacks.ie6.css */ }
#tab_box #active_overview table.ticket_review_summary_edit tr.due_date td.due_value a{
  position:relative;
  top:0px;
  left:2px;
}
#tab_box #active_overview table.ticket_review_summary_edit tr.due_date td.due_value a img{
  border:0;
  position:relative;
  top:4px;
}
body.tickets div.edit_wrapper p.controls a.save{
  border-right:1px solid #ccc;
  padding-right:4px;
}
body.tickets div.edit_wrapper p.controls a.edit_ticket{
  border-left:1px solid #ccc;
  padding:0 0 0 3px;
}

/* entering "the pixel zone", bugs get assigned to thee when Firefox 2.0/Windows hast not been tested (look for marker below for end of "the pixel zone") */
/* for adding a comment to a ticket */
#tab_box #active_overview .add_comment, #tab_box #active_overview div#ticket_purchase_container , #tab_box #active_overview div#items_required{
  clear:both;
  padding:5px 0 2px;
  background-color:#efefef;
  border:1px solid #ccc;
  margin:0 0 5px;
  float:left;
  width:662px;
  /* see hacks.ie6.css */
}
#tab_box #active_overview div#items_required_container{ clear:both; }
#tab_box #active_overview #ticket_purchase_container{
  padding-bottom:2px;
  overflow:hidden;
  /* see hacks.ie6.css */
}
#tab_box #active_overview #checkbox{ float:left; }
#tab_box #active_overview #purchase_list_controls{
  float:right;
  text-align:right;
  margin:0 0 5px;
  position:relative;
  top:-23px;
  margin-bottom:-23px;
}
#tab_box #active_overview #purchase_list_arrow{
  position:relative;
  top:1px;
  height:11px;
  background:transparent url(/img/icons/indicators/toggle_right.png) no-repeat center left;
  cursor:pointer;
  padding:0 0 4px 8px;
  zoom:1;
  /* see hacks.ie6.css and hacks.ie7.css */
}
#tab_box #active_overview a.expanded#purchase_list_arrow{
  background-image:url(/img/icons/indicators/toggle_down.png);
  padding:0 0 4px 13px;
}
#tab_box #active_overview #purchase_list_controls #requires_purchase{ margin-bottom:0px; }
#tab_box #active_overview #ticket_purchase_container form{
  width:469px;
  float:left;
}
#tab_box #active_overview #ticket_purchase_container form #purchase_list_buttons{ float:right; }
#tab_box #active_overview #ticket_purchase_container form #purchase_list_buttons #purchase_list_message{
  float:right;
  width:226px;
  font-style:italic;
}
#tab_box #active_overview #ticket_purchase_container form #purchase_item_name{
  margin:0 0 4px 5px;
  float:left;
  width:383px;
}
#tab_box #active_overview #items_required_container label{
  font-weight:bold;
  font-size:10px;
  float:left;
  width:75px;
  text-align:right;
}
#tab_box #active_overview #items_required_container ul{
  float:left;
  width:544px;
  margin:0px 0px 5px -29px;
}
#tab_box #active_overview #items_required_container ul li{
  float:left;
  width:242px;
  padding-right:10px;
  line-height:19px;
}
#tab_box #active_overview #items_required_container ul li input{ margin:3px 3px 1px 0; }
#tab_box #active_overview #items_required_container ul li.purchased{
  text-decoration:line-through;
  margin-left:15px;
  text-indent:0px;
  width:227px;
}
#tab_box #active_overview #items_required_container ul li a{
  text-decoration:none;
  color:#333;
}
#tab_box #active_overview #items_required_container ul li a:hover{ text-decoration:underline; }
#tab_box #active_overview .add_comment form p{
  margin:0;
  padding:0;
}
#tab_box #active_overview .add_comment form p.comment{
  float:left;
  width:470px;
  margin:0;
}
#tab_box #active_overview .add_comment form p.comment label , #tab_box #active_overview div#ticket_purchase_container form label{
  display:block;
  float:left;
  width:75px;
  text-align:right;
  font-weight:bold;
  font-size:10px;
}
#tab_box #active_overview div#ticket_purchase_container form label{
  margin-top:4px;
  float:left;
}
#tab_box #active_overview div#ticket_purchase_container form input.form_control{
  float:right;
  margin-left:5px;
}
#tab_box #active_overview div#ticket_purchase_container div#view_purchase_list_container{
  float:right;
  width:180px;
  font-size:11px;
  padding-top:22px;
}
#tab_box #active_overview div#ticket_purchase_container div#view_purchase_list_container a{
  float:left;
  padding-top:0px;
}
#tab_box #active_overview div#ticket_purchase_container div#view_purchase_list_container a img{
  margin-top:-4px;
  border:none;
}
#tab_box #active_overview div#ticket_purchase_container div#view_purchase_list_container a#close_link{
  float:right;
  margin-right:5px;
}
#tab_box #active_overview .add_comment form p#attachment label{ padding-top:5px; }
#tab_box #active_overview .add_comment form p textarea{
  display:block;
  width:380px;
  height:28px;
  margin:0 0 5px 80px;
  padding-left:5px;
}
#tab_box #active_overview .add_comment form p span.file{
  display:block;
  margin:0 0 5px 80px;
}
#tab_box #active_overview .add_comment form p textarea.active{ height:100px; }
#tab_box #active_overview .add_comment form div.meta{
  float:right;
  width:190px;
}
#tab_box #active_overview .add_comment form div.meta p.check{
  position:relative;
  top:-3px;
}
#tab_box #active_overview .add_comment form div.meta p label{
  position:relative;
  top:-2px;
}
#tab_box #active_overview .add_comment form div.meta p.btn{ padding-left:2px; }


/* for ticket comments  */
#tab_box #active_overview div#ticket_history ol{
  padding:0;
  margin:0;
  overflow-x:hidden;
  overflow-y:auto;
  clear:both;
}


#tab_box #active_overview div#ticket_history ol li{width:662px;}

#tab_box #active_overview div#ticket_history ol li{
  list-style-type:none;
  margin:0 0 5px;
  padding:5px 0;
  float:left;
  clear:left;
  border:1px solid #ccc;
  background:#fff;
}
#tab_box #active_overview div#ticket_history ol li.admin{ background-color:#efefef; }


#tab_box #active_overview div#ticket_history ol li p.meta{
  padding:0;
  margin:0;
  display:block;
  float:left;
  width:75px;
  overflow:hidden;
  text-align:right;
  font-weight:bold;
  font-size:10px;
  padding:0 5px 0 0;
}
#tab_box #active_overview div#ticket_history ol li p.comment{
  padding:0;
  margin:0;
  border-left:1px solid #ccc;
  padding-left:5px;
  margin-left:80px;
}
#tab_box #active_overview div#ticket_history ol li p.comment span.download{
  padding-left:18px;
  padding-top:4px;
  padding-bottom:3px;
  margin-top:10px;
  background:transparent url(/img/icons/small/agreements/page_attach.png) no-repeat center left; /* replace with some sort of real file. */
}
/* leaving pixels are important zone */

/* Dismissable Info Boxes
  @dismiss @info_box @dismissable
*****************************************************************/
div.dismissable_info_box{
  background:#FCECD9;
  border:1px solid #ccc;
  padding:8px;
  margin-bottom:10px;
}
div.dismissable_info_box a.dismiss_link{ float:right; }
div.dismissable_info_box a.dismiss_link img{ border:0; }
div.dismissable_info_box h4{
  margin-top:0px;
  margin-bottom:0px;
}
div.dismissable_info_box h4.with_text{
  padding-bottom:4px;
  margin-bottom:5px;
  border-bottom:1px solid #DDD;
}
/* Quick forms
*****************************************************************/
div.quick_form{
  position:absolute;
  top:60px;
  left:170px;
  z-index:450; /* Above the "scanning" divs on first scan, below the app_overlay */
  background:transparent url(/apps/img/layout/shadowAlpha.png) no-repeat bottom right;
  padding:0 7px 7px 0;
  width:350px;
  margin:0;

  /* needed by FF 1.5+ to make the blinking cursor in inputs show up */
  overflow:auto;
}
div#dashboard_quickform{
  width:365px;
  left:430px;
  top:10px;
}
div.quick_form div.inner{
  background:#fcfcfc;
  border:0;
  padding:0 0;
  border-left:1px solid #aaa;
  border-top:1px solid #aaa;
}
div.quick_form h3.title{
  font-weight:bold;
  font-size:13px;
  text-align:left;
  background:#e2e7ec url(/apps/img/layout/gradients/blue_to_gray.png) repeat-x top left;
  margin:0;
  border-bottom:1px solid #ccc;
  padding:4px;
  cursor:move;
}
div.ticket_form h3.title span{
  background:transparent url(/apps/img/icons/small/new_ticket.png) no-repeat 0 0;
  padding:0 0 2px 18px;
}
div.asset_form h3.title span{
  background:transparent url(/apps/img/icons/small/new_asset.png) no-repeat 0 0;
  padding:0 0 0 17px;
}
div#restore_categories h3.title span{
  background:transparent url(/apps/img/icons/small/restore.png) no-repeat 0 0;
  padding:0 0 0 19px;
}

div.asset_form p.description{
  padding:0 5px 5px;
}
div.asset_form a.spice_select {
  height:19px;
  line-height:19px;
  padding:1px;
  margin:0px 3px 0px 0;
  width:134px;
}
div.asset_form a.spice_select span.icon {
  line-height:19px;
}



div.asset_form #reclassify_answer span.create {
  float:right;
  position:relative;
  top:3px;
  left:-24px;
}

div#event_table.quick_form h3.title span{
  background:transparent url(/apps/img/icons/small/event_log.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div.asset_form div.content #reclassify_answer select, div.asset_form div.content #reclassify_answer_custom input.text{ width:130px; }
div.quick_form h3.title a.close{
  float:right;
  display:block;
  width:16px;
  height:16px;
  margin:0;
  cursor:pointer;
}
div.quick_form h3.title a.close img{ border:0; }
div.quick_form div.content{
  position:relative;
  margin:0;
  padding:5px;
  /* see hacks.ie.css */
}
div.quick_form form{
  padding:0;
  margin:0;
  zoom:1;
}
div.quick_form form input.text, div.quick_form form textarea{ width:250px; }
div#ticket_form form select{ width:256px; }
div.quick_form p{ margin:5px 0; }
div.quick_form p label, div.quick_form p.no_label strong{ text-align:right; }
p.new_provider_label{ text-align:center; font-weight:bold; margin-bottom:10px!important;}
p.custom_provider{ margin-top:70px!important;}
div.quick_form p.check{ margin-top:10px; }
div.quick_form p.help{ margin:0; }
div.quick_form p.hint{
  margin-bottom:0;
  margin-left:5px;
}
div.quick_form p.hint span{ font-size:.9em; }
div.quick_form p.btn{
  border-top:1px solid #ccc;
  padding:5px 0 0;
  margin:0;
  text-align:right;
  font-size:10px;
  height:14px;
}
div.quick_form p.btn a.help{
  position:relative;
  top:-2px;
  display:block;
  float:left;
  width:8em;
  text-align:left;
}
div.quick_form p.btn .highlight, div.quick_form p.btn a.meta{
  position:relative;
  bottom:4px;
}
div.quick_form .error h3, div.quick_form .error p{
  margin:0 0 5px;
  padding:0;
}
div.quick_form div#no_tags_info{ margin-bottom:15px; }

div.ticket_form p input.summary{
  position:relative;
  top:2px;
}
div.ticket_form p textarea.detail{
  position:relative;
  top:1px;
}

div.ticket_form p.date input{
  width:228px;
}

div.ticket_form p.date a.calendar_trigger{
  position:relative;
  top:7px;
}

div.ticket_form p.help{
  margin:0;
  padding-left:7.4em;
  position:relative;
  top:-3px;
}
div.ticket_form p a.calendar_trigger img{
  position:relative;
  top:-3px;
  padding:0 0 0 2px;
}
div.ticket_form p.grouping{
  margin:0 0 10px 0em;
  padding:0;
}
div.ticket_form p.grouping span{
  display:block;
  float:left;
  width:6.75em;
  padding:0 0 5px;
  margin:-2px 0 0;
}
div.ticket_form p.grouping span label{
  display:inline;
  float:none;
  width:auto;
  padding:0 10px 0 0;
  position:relative;
  top:-2px;
}
div.ticket_form p.status{
  border-top:1px solid #ccc;
  padding:7px 0 5px;
  text-align:center;
}

div.ticket_form{
  width:360px;
}

div.ticket_form p label{
  width:7em;
}

div.ticket_form p.no_label strong{
  width:7em;
}

div.ticket_form p.grouping span.open, div.ticket_form p.grouping span.high, div.ticket_form p.grouping span.med, div.ticket_form p.grouping span.low{ width:6.5em; }
#fixing_unknowns{
  top:200px;
  left:50%;
  width:300px;
  margin-left:-200px;
}
#fixing_unknowns h3.title{ background:#fda478 url(/apps/img/layout/gradients/light_to_orange.jpg) repeat-x top left; }
#fixing_unknowns div.inner{ background-color:#fff6f2; }
#fixing_unknowns img.indicator{
  display:block;
  margin:0 auto;
  padding:5px 0 10px 0;
}
.quick_form p.error_msg{
  height:10px;
  font-size:10px;
  margin:5px 0;
  padding:0;
  text-align:center;
}
div#ping_results, div#traceroute_results, div#nslookup_results{ width:450px; }
div#ping_results.quick_form h3.title span{
  background:transparent url(/apps/img/icons/small/ping.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div#traceroute_results.quick_form h3.title span{
  background:transparent url(/apps/img/icons/small/traceroute.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div#nslookup_results.quick_form h3.title span{
  background:transparent url(/apps/img/icons/small/nslookup.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div.troubleshoot_results{ padding:6px 6px 0; }
div.troubleshoot_results .results{
  width:418px;
  /* see hacks.ie6.css */
  height:14.5em;
  overflow:scroll;
  font-family:"Courier New", Courier, monospace;
  font-size:11px;
  border:1px solid #ccc;
  background:#fbfbfb;
  padding:3px;
  margin:0 0 5px;
  white-space:nowrap;
}
div.troubleshoot_results form{
  display:inline;
  padding:0;
  margin:0;
}
div.troubleshoot_results form p{
  padding:0;
  margin:10px 0;
}
div.troubleshoot_results form p label{ font-weight:bold; }
div.troubleshoot_results form p input.image_button{
  vertical-align:middle;
  position:relative;
  top:-1px;
  /* see hacks.ie.css and hacks.ie6.css */
}

/* event logs
***************************************************************************/
#device_events_chart{
  width:545px;
  height:200px;
  margin:10px 10px 0 8px;
}
#device_events_chart.needs_flash{ height:auto; }
#event_table_container.for_device{
  margin:10px 10px 0 5px;
  width:550px;
}
#event_table_container ul.tabs{ margin-top:5px; }
#event_table_container div.wrapper{ margin-top:5px; }
#event_table_container.for_network div.wrapper{
  max-height:300px;
  overflow-x:hidden;
  overflow:auto;
}
#event_table_container p.log_pivot{
  margin:0;
  padding:0;
  text-align:right;
}
#event_table_container p.log_pivot a{ background:transparent url(/apps/img/icons/indicators/pivot.png) no-repeat center right!important; }
div#event_table.quick_form{
  top:100px;
  left:120px;
  width:550px;
}
#event_table_container.for_network table{
  width:100%;
  margin:5px 0;
}
#event_table_container.for_device table{ width:550px!important; }
#event_table_container table tr td.id{
  background-image:url(/apps/img/icons/small/info_event.png);
  background-repeat:no-repeat;
  background-position:3px 3px;
}
#event_table_container table tr td.id span{
  display:block;
  margin:0 0 0 20px;
}
#event_table_container table tr.information_event td.id{ background-image:url(/apps/img/icons/small/info_event.png); }
#event_table_container table tr.warning_event td.id{ background-image:url(/apps/img/icons/small/warning_event.png); }
#event_table_container table tr.error_event td.id{ background-image:url(/apps/img/icons/small/error_event.png); }
#event_table_container table tr.success_audit_event td.id{ background-image:url(/apps/img/icons/small/success_audit.png); }
#event_table_container table tr.failure_audit_event td.id{ background-image:url(/apps/img/icons/small/failure_audit.png); }
#event_table_container table td{ text-align:center; }
#event_table_container table td.message{ text-align:left; }
#event_table_container.for_device table td.message{ width:280px; }
#event_table_container table td.message textarea{
  width:280px;
  height:50px;
  background:#ece9d8;
  font-size:11px;
}
#event_table_container.for_device p{
  margin:0;
  padding:0 2px;
}
#event_table_container p.message{ text-align:center; }
#event_table_container.for_device p.logs{ text-align:right; }
#event_table_container.for_network p.btn{ margin:0 3px; }
#event_table_container.for_device p.btn{
  text-align:right;
  padding:5px 0;
}
#event_table_container div#add_event{
  border-top:1px solid #ccc;
  padding:10px 3px 5px;
}
#event_table_container div#add_event p{
  text-align:left;
  padding:0;
  margin:0;
}
#event_table_container div#add_event p input.text{ width:70px; }
#event_table_container div#add_event p input.image_button{
  position:relative;
  top:5px;
}
#event_table_container p#link_to_show_new_event a{
  padding:3px 5px 3px 20px;
  background:transparent url(/apps/img/icons/small/event_log.png) no-repeat 0 0;
}

/* Event settings styles
*****************************************************************************/
div.events_list{
  float:left;
  width:200px;
}
div.events_list ul{
  list-style:none;
  text-align:right;
  margin:0;
  padding:0;
  width:150px;
  border:1px solid #ccc;
}
div.events_list ul.new{ border-top:0; }
div.events_list ul.header{ border-bottom:0; }
div.events_list ul.list{
  height:105px; /* this height fits exactly 5 rows with the typical font size */
  overflow:auto;
  overflow-y:scroll;
}
div.events_list ul li{
  padding:3px 5px;
  display:block;
  cursor:pointer;
  background:#fff;
}
div.events_list ul.header li{
  background:#e2e7ec;
  padding-right:6px;
  font-weight:bold;
}
div.events_list ul li.empty{
  cursor:auto;
  text-align:left;
  font-style:italic;
}
div.events_list ul li.odd{ background:#ebebeb; }
div.events_list ul li.selected{ background:#ccc; }
div.events_list ul.list li:hover, div.events_list ul.list li.hover{ background-color:#ddd; }
div.events_list ul.list li.empty:hover{ background:#fff; }
div.events_list ul li a, div.events_list ul.header li span{ padding:0 0 0 35px; }
div.events_list ul li.add_event{ background:#ebebeb; }
div.events_list ul li.add_event input.text{
  font-size:11px;
  width:50px;
}
div.events_list ul li.add_event input.image_button{
  position:relative;
  top:3px;
}
div.events_list p span{ display:block; }
#event_log_settings{
  clear:left;
  padding:10px 0 0;
  border-top:1px solid #ccc;
}
#event_log_settings p{
  clear:left;
  margin:0 0 5px;
}
#event_log_settings p label{
  margin-top:-1px;
  width:197px;
}
#event_log_settings p select{ width:152px; }

/* Styles for ticket tables
***************************************************************************/
table.ticket_table thead td.status{ width:70px; }
table.ticket_table tbody tr.closed td{ color:#999; }
table.ticket_table tbody td.action{
  font-style:normal;  
  font-weight:normal;
}
table.ticket_table tbody tr.closed td.action{ color:#564B47; }

/* Reports
**********************************************************************************/
#report_section{
  margin:0;
  padding:0;
  clear:left;
  position:relative;
  zoom:1;
}
body.reports h3.notice{
  margin:5px 0;
  padding:0;
  height:18px;
  font-size:15px;
  font-weight:normal;
}
body.reports h3.page_heading{ margin:0 0 10px; }
#report_section p.table_actions{
  margin:5px 0;
  border-bottom:1px solid #ccc;
  /* see hacks.ie6.css */
}
#report_section p.form_actions{
  padding:5px 0 !important;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
.report_options .highlight{
  position:relative;
  top:-4px;
  margin-left:5px;
}
div.report_options p.tip{
  margin:0;
  float:right;
}
div.report_options p.tip{
  margin:0;
  float:right;
}

/* Reports list
**********************************************************************************/
#report_section table#report_list .last_run{ width:85px; }
#report_section #report_list tbody{
  border-bottom:1px solid #e8e8e8;
  border-top:1px solid #e8e8e8;
  height:400px;
  overflow-x:hidden;
  overflow-y:auto;
}
#report_section #report_list tbody td{ text-align:left; }
#report_section #report_list tbody td.type{ text-align:center; }
#report_section #report_list tbody td.public{ text-align:center; }
#report_list_wrap{ padding:0 0 5px 0; }

/* Reports form
**********************************************************************************/
#report_section .settings_section{
  padding:5px 0 0;
  zoom:1;
}
#report_section #report_description{ width:491px; /* see hacks.ie.css */ }
#report_section #report_fields_list.empty,
#report_section #report_form #report_filters.empty{ border:1px solid #f00; }
#report_section #report_form p{ width:700px; }
#report_section #report_form p.last{ border-bottom:none; }
#report_section #report_form p.btn{ padding:0 0 5px; }
#report_section #report_form div.row_selection p{ border-bottom:none; }
#report_section #report_form div.row_selection p select{ width:auto; }
#report_section #report_form div.column_selection p{ border-bottom:none; }
#report_section #report_form #report_filters{
  margin:5px 0;
  padding:0;
  width:700px;
  table-layout:fixed;
  border:1px solid #ccc;
}
#report_section #report_form #report_filters td.report_filter_key{ width:200px; }
#report_section #report_form #report_filters td.report_filter_key select{ width:190px; }
#report_section #report_form #report_filters td.report_filter_operator{ width:140px; }
#report_section #report_form #report_filters td.report_filter_operator select{ width:130px; }
#report_section #report_form #report_filters td.report_filter_value{ /* no width because it gets width of table minus other two columns */ }
#report_section #report_form #report_filters td.report_filter_value input.text,
#report_section #report_form #report_filters td.report_filter_value select{ width:322px; }
#report_section #report_form #report_filters td.report_filter_value input.date_field{ width:306px; }
#report_section #report_form #report_filters td.report_filter_value div.auto_complete_wrapper{ position:relative; }
#report_section #report_form #report_filters td.report_filter_value div.auto_complete_wrapper img.report_filter_value_indicator{
  position:absolute;
  right:6px;
  top:6px;
  /* see hacks.ie.css */
}
#report_section #report_form #report_filters td.report_filter_value div.report_filter_value_auto_complete{ background:#fff; }
#report_section #report_form #report_filters td.report_filter_value input.date{ width:126px; }
#report_section #report_fields_node{
  position:relative;
  zoom:1;
}
#report_section #report_fields_node input{
  position:relative;
  vertical-align:middle;
}
#report_section #report_form div.column_selection{ border-bottom:none; }
#report_section #report_form div.column_selection p{ vertical-align:middle; }
#report_section #report_form div.column_selection p input.image_button{
  position:relative;
  top:0px;
  /* see hacks.ie.css */
}
#report_section #report_fields_list{
  position:relative;
  width:698px;
  height:137px;
  overflow:auto;
  overflow-x:scroll;
  overflow-y:hidden;
  border:1px solid #ccc;
  margin:5px 0;
  /* see hacks.ie.css */
}
#report_section #report_fields_selected{
  margin:5px;
  padding:0;
  position:relative;
  /* see hacks.ie.css */
}
#report_section #report_fields_selected li{
  position:relative;
  float:left;
  clear:right;
  padding:2px;
  cursor:move;
}
#report_section #report_fields_selected li div{
  border:1px solid #eee;
  margin-bottom:4px;
}
#report_section #report_fields_selected li div.report_field_title{
  padding:2px 12px 2px 2px;
  font-weight:bold;
  background-color:#e2e7ec;
  border:1px solid #ccc;
  white-space:nowrap;
}
#report_section #report_fields_selected li div.report_field_title img{
  position:absolute;
  right:2px;
  top:2px;
}
#report_section #report_fields_selected li div.stripe1{ background-color:#efefef; }
span.percentage_bar{
  /* Percentage bars */
  display:block;
  float:left;
  border:1px solid #ccc;
  padding:1px;
  margin-right:5px;
}
span.percentage_bar span.inner{
  display:block;
  float:left;
  width:100px;
  height:8px;
  overflow:hidden!important;
}
span.percentage_bar span.inner em{
  display:block;
  float:left;
}
span.percentage_bar span.inner em span{
  display:block;
  float:left;
  text-indent:-9999px;
  -moz-opacity:0.8;
  opacity:.80;
  filter:alpha(opacity=80);
  background:transparent url(/apps/img/layout/gradients/light.jpg) repeat-x top left;
}
a.print img{
  /* Print links throughout the app */
  border:0;
  margin-right:3px!important;
  position:relative;
  top:3px;
}

/* Show device action on asset controller (View Complete Profile)
**********************************************************************************/
#device_details{
  margin:0 0 10px;
  padding:0 10px 10px;
  border-bottom:1px solid #ccc;
  position:relative;
  /* see hacks.ie.css */
}
#device_details #viewer{
  width:88px;
  float:left;
}
#device_details #node_general_summary{
  float:right;
  position:relative;
  right:20px;
}
#device_details div.edit_wrapper p.controls{ right:-20px; }
#device_details table.general_summary , #device_details table.configuration_summary {
  margin:0;
  padding:0;
  table-layout:fixed;
  border-collapse:collapse;
}
#device_details div#configuration_table {
  margin:5px 0 0 100px;
  padding-top:5px;
  border-top:1px solid #ccc;
}
#device_details table.general_summary td , #device_details table.configuration_summary td {
  margin:0;
  padding:1px 0;
  line-height:1.4em;
  /* see hacks.ie.css */
}
#device_details table.general_summary td.label , #device_details table.configuration_summary td.label {
  width:105px;
  font-weight:bold;
  padding-left:5px;
} 
#device_details table.general_summary td.value , #device_details table.configuration_summary td.value { width:170px; } 
#device_details table.general_summary_edit td{ line-height:normal; }
#device_meta{ padding:0; }
#device_meta div.column{ width:344px; }
#device_meta div.first{ float:left; }
#device_meta div.second{ float:right; }
#device_meta div.box{
  padding:0 10px;
  margin:0 0 20px;
  width:322px;
  clear:both;
  overflow:hidden;
}
#device_meta div.box h3{
  background-repeat:no-repeat;
  background-position:5px center;
  background-color:#eee;
  padding:3px 5px 0 30px;
  margin:0 0 5px;
  font-size:1.5em;
  font-weight:normal;
  border-bottom:1px solid #ddd;
  float:left;
}
#device_meta div.box h3 span{
  display:block;
  float:left;
}
#device_meta div.box h3 a.viewall, #device_meta div.box h3 a.toggle_content{
  display:block;
  float:right;
  font-size:10px;
  margin:5px 0 0;
}
#device_meta div.box h3 a.viewall{
  border-right:1px solid #ccc;
  padding:0 5px 0 0;
  margin-right:5px;
}
#device_meta div.box div.box_content{ clear:both; }
#device_meta div.box table{
  width:100%;
  border-collapse:collapse;
}
#device_meta div.box table thead tr th{
  padding:2px 3px;
  text-align:left;
}
#device_meta div.box table tbody tr td{ padding:2px 3px; }
#device_meta div.box p{
  margin:0;
  padding:0;
}
#device_meta div.box p.items_shown{
  text-align:right;
  padding:5px 0 0;
  font-weight:bold;
  font-size:11px;
}
#device_meta div.box p.items_shown a{ font-weight:bold; }
#device_meta div.box p.none{
  font-weight:bold;
  font-size:1.2em;
}

/* Flyover settings (the lightbox overlay)
**********************************************************************************/
.lightbox div#intro_to_inventory ul, .lightbox div#intro_to_inventory ul *{ margin:0 auto; padding:0; }
.lightbox div#intro_to_inventory ul li{
  text-align:left;
  display:inline;
}
.lightbox div#intro_to_inventory ul li a{
  display:block;
  text-decoration:none;
  padding:5px 5px 5px 90px;
  margin:10px auto;
  background-position:5px center;
  background-repeat:no-repeat;
  border:1px solid #fff;
  /* see hacks.ie6.css */
  min-height:60px;
  text-align:left;
  width:230px;
}
.lightbox div#intro_to_inventory ul li a span{
  display:block;
  padding:15px 0 0 0px;
}
.lightbox div#intro_to_inventory ul li a span strong{
  text-decoration:underline;
  font-size:1.3em;
  font-weight:normal;
  padding:0 25px 0 0;
  background:transparent url(/apps/img/icons/medium_arrow.png) no-repeat center right;
}
.lightbox div#intro_to_inventory ul li a span em{
  display:block;
  font-size:10px;
}
.lightbox div#intro_to_inventory ul li.shallow a{ background-image:url(/apps/img/icons/large/desktop.png); }
.lightbox div#intro_to_inventory ul li.full a{ background-image:url(/apps/img/icons/large/device.png); }
.lightbox div#intro_to_inventory ul li a:hover{
  border-color:#ccc;
  background-color:#ebebeb;
}
.lightbox div#intro_to_inventory p{ padding:10px 0 0; }
.lightbox div.content table{ margin:0 auto; }
#auth_for_inventory h3{
  margin-bottom:2px;
  text-align:left;
  border-bottom:1px solid #b2b2b2;
}
#auth_for_inventory p.btn{
  padding:10px 0 10px 0;
  text-align:center;
}
#auth_for_inventory p{
  padding-top:0;
  margin-top:0;
}
#auth_for_inventory .stealth{
  font-size:0.85em;
  clear:both;
}
#auth_for_inventory p.extra_note{ padding-top:12px; }
#auth_for_inventory input.text{ width:120px; }
#auth_for_inventory div.username{
  overflow:auto;
  float:left;
}
#auth_for_inventory div.password{
  overflow:auto;
  float:left;
  padding-left:20px;
}
#auth_for_inventory label{ font-weight:bold; }
#auth_for_inventory p{ text-align:left; }
#auth_for_inventory div.inset{ padding-left:15px; }
#auth_for_inventory p.check, #auth_for_inventory p.pw_note{ text-align:center; }
#auth_for_inventory span.example{ font-size:0.85em; }
#shallow_scan_of_localhost p{ font-size:1.3em; }
#failed_scanning_localhost ol{
  margin:5px 0 0 10px;
  padding:0 0 0 15px;
}
#failed_scanning_localhost ol li{
  list-style-type:decimal;
  text-align:left;
  padding-bottom:10px;
}
#failed_scanning_localhost ol li ul{
  margin:0 0 0 20px;
  padding:0 0 10px;
}
#failed_scanning_localhost ol li ul li{
  list-style-type:disc;
  padding:0;
  margin:2px 0 0;
}
#failed_scanning_localhost p.left{
  text-align:left;
  padding:8px 0;
}
#failed_scanning_localhost span.help{
  background:transparent url(/img/icons/small/help.png) no-repeat center left;
  padding-left:23px;
}

#spiceworks_upgrade_notification strong{
  color:#FE5200;
  font-weight:bold;
}
#spiceworks_upgrade_notification h3 {
  color:#000;
  font-weight:bold;
  margin:0!important;
  padding-top:0!important;
  padding-bottom:10px;
}

/* Datagrid for Software/Services/Hotfixes
************************************************************/
#device_list #viewer div.toggle{
  text-align:right;
  padding:0 3px 3px 0;
}
#device_list #viewer div.data_grid{
  width:536px;
  clear:left;
  margin:0 0 0 2px;
}
#device_list #viewer div.data_grid p.loading{
  border:1px solid #fe5200;
  background:#fff6f2;
  padding:5px 5px;
  margin:100px 0 0 170px;
  text-align:center;
  width:auto;
  font-size:14px;
  font-weight:bold;
  -moz-opacity:8.0;
  opacity:.8;
  filter:alpha(opacity=80);
}
#device_list #viewer div.data_grid table{ border-collapse:separate; }
#device_list #viewer div.data_grid table.header{ width:100%; }
#device_list #viewer div.data_grid table.header tr th{
  font-weight:bold;
  padding:2px 0;
  background-color:#e2e7ec;
  border:1px solid #ccc;
  color:#444;
}
#device_list #viewer div.empty_data_grid table.header tr th{ padding:2px 3px; }
#device_list #viewer div.data_grid table.header tr th.sorted-asc, #device_list #viewer div.data_grid table.header tr th.sorted-desc{ background-color:#cad8e5; }
#device_list #viewer div.data_grid table.header tr th:hover, #device_list #viewer div.data_grid table.header tr th.hover{
  border:1px solid #bbb;
  cursor:pointer;
  color:#444;
  background-color:#cad8e5;
}
#device_list #viewer div.data_grid div.body{
  width:533px;
  height:234px;
  border:0;
  overflow-y:auto;
  zoom:1;
}
#device_list #viewer div.data_grid div.body table{ width:100%; }
#device_list #viewer div.data_grid div.body table tbody tr{ background:#efefef; }
#device_list #viewer div.data_grid div.body table tbody tr.odd{ background:#fff; }
#device_list #viewer div.data_grid div.clickable table tbody tr:hover, #device_list #viewer div.data_grid div.clickable table tbody tr.hover{
  background:#ddd;
  cursor:pointer;
}
#device_list #viewer div.data_grid div.clickable table tbody tr.clicked{
  background:#ccc;
  cursor:pointer;
}
#device_list #viewer div.data_grid div.body table tbody tr td{
  padding:3px!important;
  border:1px solid #eee;
}
#device_list #viewer div.data_grid div.body table tbody tr td.name{ width:200px; }
#device_list #viewer div.data_grid div.body table tbody tr td.licenses{ width:75px; }
#device_list #viewer div.data_grid div.body table tbody tr td.number_of_installs{ width:40px; /* see hacks.ie.css */ }

/* Pages control
*************************************************************************************/
#content div.pagination{
  font-size:14px;
  font-weight:bold;
  color:#888;
  margin:5px 0 0 3px;
  padding:0;
  float:left;
  overflow:hidden;
  zoom:1;
}
#content div.pagination a, #content div.pagination span{
  background:#fff;
  color:#888;
  display:block;
  float:left;
  margin-right:3px;
  padding:1px 5px;
  text-decoration:none;
  font-weight:normal;
  border:1px solid #ccc;
}
#content div.pagination span.elipse{ border:none; }
#content div.pagination span.disabled{ display:none; }
#content div.pagination span.current{
  color:#000;
  font-weight:bold;
  cursor:default;
}
#content div.pagination a:hover{
  color:#333;
  text-decoration:none;
}
#content div.pagination span.current, #content div.pagination a:hover{ background:#fda478 url(/apps/img/layout/gradients/light_to_orange.jpg) repeat-x top left; }
#content div.pagination a.next, div.pagination a.prev{ font-weight:bold; }

/* Spicemeter
************************************************************/
div#spicemeter p.meta{ text-align:justify; }
div#spicemeter div#large_meter{
  float:right;
  width:280px;
  height:90px;
  margin:0 -7px 10px 40px;
  padding:0;
  background:transparent url(/apps/img/spicemeter/meter_large.jpg) no-repeat top left;
}
div#spicemeter div#large_meter span#my_position{
  position:absolute;
  background:transparent url(/apps/img/spicemeter/you.png) no-repeat top left;
  width:13px;
  height:12px;
  margin:20px 0 0 22px;
}
div#spicemeter div#large_meter p{ display:none; }
div#spicemeter ol{
  clear:both;
  display:block;
  margin:10px 0 0;
  padding:0;
}
div#spicemeter ol li{
  position:relative;
  margin:0;
  padding:10px;
  overflow:auto;
  background:transparent none no-repeat 10px center;
}
div#spicemeter ol li.feature{
  padding-left:45px;
  border-top:1px solid #ccc;
  background-image:url(/apps/img/spicemeter/check_off.png)
}
div#spicemeter ol li.used{ background-image:url(/apps/img/spicemeter/check_on.png); }
div#spicemeter ol li.feature span{
  display:block;
  margin:0;
  padding:0;
}
div#spicemeter ol li.feature span.desc{
  float:left;
  width:420px;
}
div#spicemeter ol li.feature span.desc strong{ display:none; }
div#spicemeter ol li.feature span.meta{
  text-align:right;
  font-size:11px;
  float:right;
  width:220px;
}
div#spicemeter ol li.feature a{ text-decoration:none; }
div#spicemeter ol li.feature a:hover{ text-decoration:underline; }
div#spicemeter ol li.feature a.help{
  background:transparent url(/apps/img/icons/small/help.png) no-repeat center left;
  padding:10px 35px 10px 25px;
}
div#spicemeter ol li.feature a.video{
  background:transparent url(/apps/img/icons/movie.png) no-repeat center left;
  padding:10px 0 10px 22px;
}
div#spicemeter ol li.footer{
  background:#ebebeb none;
  text-align:center;
  font-size:10px;
  margin:0;
  padding:14px 10px;
  float:none;
}
div#spicemeter ol li.footer img{ display:none; }
div#spicemeter ol li.footer span{
  background:transparent url(/apps/img/spicemeter/check_small.png) no-repeat center left;
  padding:8px 0 6px 23px;
}
div#spicemeter p.trouble{
  clear:left;
  font-size:11px;
  text-align:center;
  padding:5px 0;
  margin:10px 0 0;
}
div#spicemeter p.trouble strong{
  background:transparent url(/apps/img/icons/small/help.png) no-repeat center left;
  padding:7px 0 7px 24px;
}

/* Managing categories
************************************************************/
body.categories .settings_section .action{
  float:left;
  padding:0;
}
body.categories .settings_section .action h5{
  font-size:.9em;
  font-weight:normal;
  margin:5px 0 0;
  padding:0;
}
body.categories .settings_section .action p{
  margin:5px 0 0;
  padding:0;
}
body.categories .settings_section .action p.btn{
  clear:left;
}
body.categories .settings_section .action p.btn em{
  position:relative;
  top:-4px;
}
#categories_layout{
}
#categories_layout p.btn a{
  font-size:.9em;
}
#category_preview{
  float:right;
  width:250px;
}
#category_properties_wrapper{
  float:none;
}
ol#active_categories{
  border:1px solid #ccc;
  float:left;
  padding:5px;
  width:350px;
  margin:4px 0 8px;
}
ol#active_categories li{ display:block; float:left; /* see hacks.ie7.css */ }
ol#active_categories li a{
  padding:2px 0 0;
  float:left;
  width:78px;
  height:60px;
  border:1px solid #ccc;
  background:#fff;
  text-decoration:none;
  margin:0 7px 5px 0; /* see hacks.ie7.css */
  font-size:10px;
  text-align:center;
  overflow:hidden;
  cursor:pointer;
}
ol#active_categories li a:hover{ border-color:#666; }
ol#active_categories li.selected a{ border-color:#666!important; background:#eee; }
ol#active_categories li strong{ display:block; padding:0 0 5px; }
ol#active_categories li img{
  border:0;
  width:40px;
}
#category_preview ul.aggregate_icons{
  border:1px solid #ccc;
  padding:20px;
  margin:4px 0 8px;
}
#category_preview ul.aggregate_icons li{
  display:block;
}
#category_preview ul.aggregate_icons li a{
  float:none;
  display:block;
  margin:0 0 0 25px;
}
#category_preview ul.aggregate_icons li.placeholder{ text-align:center; }
#category_preview ul.aggregate_icons li#change_category_icon{
  display:block;
  text-align:center;
  margin-left:-25px;
  float:none;
}
#category_preview ul.aggregate_icons li#change_category_icon a{
  display:inline;
  float:none;
  background:transparent;
  color:#000;
  text-decoration:underline;
  text-align:center;
  width:auto;
}
#category_properties{
  border:1px solid #ccc;
  padding:5px;
}
#category_properties_wrapper h4{
  margin:20px 0 5px;
}
#category_properties #group_rule_type{
  margin:10px 0 0;
}
#category_conditions{ table-layout:fixed; }
#category_conditions td{ text-align:left; padding:2px 3px 2px 0; }
#category_conditions td.key{ width:200px; }
#category_conditions td.key select{ width:100%; }
#category_conditions td.operator{ width:100px; }
#category_conditions td.operator select{ width:100%; }
#category_conditions td.value{ width:250px; }
#category_conditions td.value input.text{ width:230px!important; }
#category_conditions td.value input.calendar_input{ width:70px; }
#category_conditions td.value img.rule_value_indicator{ }
#category_conditions td.actions{ width:100px; padding-left:8px!important; }
#category_conditions td.actions input.image_button{ position:relative; top:1px; }
#icon_chooser{ width:525px; }
#icon_chooser_content ul{ list-style:none; margin:0; padding:0; }
#icon_chooser_content ul li{ display:inline; }
#icon_chooser_content ul li a{
  float:left;
  border:1px solid #fff;
  margin:0 3px 3px 0;
}
#icon_chooser_content ul li a:hover{ border-color:#ccc; }
#icon_chooser_content ul li a img{
  border:0;
  width:40px;
}
#restore_categories p.action{
  margin:10px 0;
}
#restore_categories div.restore_disabled{
  padding:5px 0 0;
  border-top:1px solid #ccc;
}

/* Web portal
************************************************************/
#web_portal_frame{
  width:700px;
  height:650px;
  overflow:scroll;
}

/* COLUMN VIEW @column_view
************************************************************/
#browse_loading{
  position:absolute;
  width:696px;
  height:293px;
  z-index:5;
}

#browse_loading div{
  position:relative;
  width:696px;
  height:293px;
  top:0;
  left:0;
  background:white;
  -moz-opacity:0.2;
  opacity:.20;
  filter:alpha(opacity=20);
}

#browse_loading h1{
  position:absolute;
  top:110px;
  left:200px;
  font-size:2.3em;
  color:#888;
  border:1px solid #eee;
  background:white;
  width:250px;
  text-align:center;
  padding:10px;
  zoom:1;
  z-index:6;
}
#browse_loading h1#browse_loading_error{
  font-size:1.3em;
}




.column_view{
  border:1px solid #aaa;
  margin-bottom:10px;
  width:696px;
  height:293px;
}
.column_view .item_info{
  background-color:#eee;
  padding:10px;
  height:263px;
  text-align:center;
}
.column_view ul{
  width:196px;
  font-size:12px;
  font-family:Arial,sans-serif;
  list-style:none;
}
.column_view ul li.item_row{
  cursor:pointer;
  padding-top:1px;
  padding-bottom:1px;
}
.column_view ul li.item_row.separator{ border-top:1px solid #ddd; padding-top:4px; margin-top:4px;}
.column_view ul li.item_row.description{
  border-bottom:1px solid #eee;
}

.column_view ul li.item_row.selected{
  background-color:#ddd;
  color:#333;
  background-image:url(/apps/img/icons/indicators/toggle_browse_selected.png);
  background-repeat:no-repeat;
  background-position:98% center;
  width:180px;
}
.column_view ul li.item_row.selected.current{
  background-image:url(/apps/img/icons/indicators/toggle_browse_current.png);
  background-color:#859fae;
  color:#FFF;
}
.column_view ul li.item_row.selected.current.loading{
  background-image:url(/apps/img/icons/ajax_busy_small.gif);
}
.column_view ul li.item_row a{
  overflow-x:hidden;
  display:block;
  padding-left:5px;
  padding-top:2px;
  padding-bottom:1px;
  margin:0px;
  border:0px;
  text-decoration:none;
  color:#333;
}
.column_view ul li.item_row a:hover{
  background-color:#f4f4f4; 
}
.column_view ul li.item_row.selected a{ 
  background:none;
}
.column_view ul li.item_row.selected a:hover{
  background:none;
} 

.column_view ul li.item_row.current a span{ 
/*  width:163px;*/
  color:#FFF;
}
.column_view ul li.item_row.current a:hover{
  background:none;
} 

.column_view ul li.item_row.reload a{
  text-decoration:underline;
  font-style:italic;
  float:right;
  padding-right:5px;
  padding-top:8px;
  color:#555;
}
.column_view ul li.item_row.reload a:hover{
  text-decoration:underline;
  font-style:italic;
  background:none;
  color:black;
}
.column_view ul li.item_row a span{}

/* RENDERED TEXT, the last column that shows up */
.column_view ul div.rendered_text{
  /* a div should not be an immediate descendent of a UL, only LI can do that */
  padding:10px;
  font-size:0.95em;
  font-weight:bold;
}

/* ROOT COLUMN */
.column_view ul.root{ width:156px; }
.column_view ul.root li.item_row{
  border-bottom:1px solid #efefef;
  width:141px;
  padding-top:0px;
  padding-bottom:0px;
}
.column_view ul.root li.item_row a{
  padding-top:5px;
  padding-bottom:5px;
  display:block;
  font-weight:bold;
  font-size:1.1em;
  padding-left:5px;
  text-decoration:none;
}
.column_view ul.root li.item_row.selected a{
}
.column_view ul.root li.item_row.selected a:hover{
  background-color:transparent;
}
.column_view ul.root li.item_row a span{
  padding-left:25px;
  padding-top:2px;
  display:block;
}
.column_view ul.root li.item_row a img{
  float:left;
}
/* RESULT COLUMN */
.column_view ul.result{
  padding:0;
  width:220px;
}

/* Call-to-Action box (based on the one in the community)
************************************************************/
div.call_to_action{
  border:1px solid #ccc;
  padding:5px 10px;
  background:#fff url(/apps/img/layout/gradients/light_to_white.jpg) repeat-x left top;
  margin:10px 0;
  float:left;
  width:678px;
}
div.call_to_action img.call_to_action_icon{ float:left; }
div.call_to_action div.call_to_action_content{
  padding:0 0 0 10px;
  float:left;
  margin:10px 0;
}
div.call_to_action div.call_to_action_content p{ margin:0; }

/* Call-to-Action box (based on the one in the community)
************************************************************/
div.call_to_action{
  border:1px solid #ccc;
  padding:5px 10px;
  background:#fff url(/apps/img/layout/gradients/light_to_white.jpg) repeat-x left top;
  margin:10px 0;
  float:left;
  width:678px;
}
div.call_to_action img.call_to_action_icon{ float:left; }
div.call_to_action div.call_to_action_content{
  padding:0 0 0 10px;
  float:left;
  margin:10px 0;
}
div.call_to_action div.call_to_action_content p{
  margin:0;
}

/* tickets and alerts table on general summary for assets
************************************************************/
#device_summary #tickets_and_alerts{
  clear:both;
  margin:0;
  padding:5px 0;
  line-height:1.5em;
  border-top:1px solid #ccc;
}
#device_summary #tickets_and_alerts table{ border-collapse:collapse; }
#device_summary #tickets_and_alerts table#status_table tr h4{
  border-bottom:1px solid #EEEEEE;
  color:#AAAAAA;
  font-size:0.9em;
  font-weight:normal;
  font-style:italic;
  background-color:#f9f9f9;
  margin:10px 0 0 0;
  padding:2px 4px 1px 4px;
}
#device_summary #tickets_and_alerts h4 span{ font-weight:normal; }
#device_summary #tickets_and_alerts h4 span a{ color:#666; }
#device_summary #tickets_and_alerts h4 span a:hover{ color:#000; }
table#status_table{ border-collapse:collapse; }
table#status_table tbody tr td{ 
  padding:2px!important; 
  white-space:nowrap;
}

#device_summary #tickets_and_alerts tr.alert td {
   color:#993333;
   font-weight:bold;
}
   
table#status_table tbody tr td.summary{ white-space:normal; }
table#status_table tbody tr.action td{ 
  padding-bottom:10px!important; 
  font-size:90%;
}
table#status_table tbody tr td.action{ 
  text-align:right;
  width:60px;
}
table#status_table tbody tr td.action input{ 
  position:relative;
  top:3px;
}
table#status_table.clickable tr.hover td{
  background-color:#f6f6f6;
  cursor:pointer;
}
table#status_table.clickable tr.clicked td, table#status_table.clickable tr.down td{
  background-color:#ddd;
  cursor:pointer;
}
table#status_table.clickable tr.closed td{
  font-style:italic;
  color:#999;
}
table#status_table tbody tr.high_priority td{
  color:#AE2526;
}

/* Progress bar styles */

div.scan_progress {
  background:white;
  border:1px solid #ccc;
  color:white;
  float:left;
  margin:5px auto 5px auto;
  overflow:hidden;
  padding:1px;
  position:relative;
  text-align:left;
  /* explictly defined width; "100%" doesn't line up with the right edge, due to border + padding */
  width:697px;
}

div.scan_progress div.bar  {
  background:#fe5200;
  float:left;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  height:17px;
  margin:0;
  text-align:center;
}

div.scan_progress div.still {
  background:url(/img/other/progressbar-still.gif) top right #fe5200!important;
}

div.scan_progress div.moving {
  background:url(/img/other/progressbar-moving.gif) top right #fe5200!important;
}

div.scan_progress span.percentage {
  float:left;
  text-align:left;
  display:block;
  margin:0;
  padding:2px 4px 0px 3px;
  white-space:nowrap;
}

div.scan_progress span.percentage span.value {
  color:#383838;
  font-size:12px;
  font-family:Arial;
  font-weight:bold;
  line-height:15px;
}


/* Style for the rule builder
************************************************************/
#rule_builder p{
  font-weight:bold;
}

#rule_builder p label{
  padding-top:3px;
  width:110px;
  float:left;
}
#rule_builder textarea{
  width:400px;
  height:80px;
}
#rule_source textarea{
  width:600px;
  height:200px;
}