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

*** The many shades of orange *** 
Spiceworks (Blinding) Orange: #FE5200
Another Bright, but not as bright Orange: #F76E18
Another richer orange: EA592B
Spiceworks Light Orange:#FFF6F2 -- used as hover state on tables
Selected State Orange: #FFB591 -- used as selected state on table rows

Blue link color: #038
New blue color: #2080AD
Light gray header and background color: #F7F7F7
Light Blue Background: #D5DDE7
Highlight blue color: #F1F5FA


Dark Brown: 
background-color:rgba(41, 34, 34, 0.96) / #;
background-color:rgb(49,43,43) / #312B2B


Lighter Brown Border: #464038

*/

/* Basic, generic styles
*****************************************************************/

a{
  color:#000;
  font-weight:normal;
  text-decoration:underline;
}
strong { font-weight: bold; }
p.meta a{ text-decoration:underline; }
a:hover{ text-decoration:underline; }
a.subtle { text-decoration: none; }
a.subtle:hover { text-decoration:underline!important; }
a.help-always-highlight{ color:#fe5200; }
a.stealth:hover{ text-decoration:underline; }
a.help_icon{
  background:transparent url(../images/icons/small/help.png) no-repeat center right;
  padding:3px 20px 3px 0!important;
}

a.two_line {
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
}

a.two_line span {
  font-weight:bold;
  text-decoration:none;
  display:block;
  text-align:left;
}

a.two_line:hover span {
  text-decoration:underline;
}
a.two_line span:first-child {
  color:#FE5200;
}

a.ok {
  background:transparent url(../images/icons/small/ok.png) no-repeat scroll left center;
  padding-left:19px;
}

a.v2button{
  color:#333!important;
  border:2px solid #999;
  background:#ccc;
  text-decoration:none;
  padding:5px;
  font-size:1.6em;
  font-weight:bold;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
}
a.v2button:hover{ color:#222!important; text-decoration:none!important; border-color:#444; }
a.v2button.disabled{ color:#999!important; cursor:text; border-color:#aaa; }
a.v2button.in-process{ background:#ccc url(/images/icons/ajax-loader-button.gif) no-repeat 98% 50%; padding-right:22px; }

a.scan_network.icon {
 background:transparent url(../images/icons/small/start_scan.png) no-repeat scroll 5px 50%;
 padding-left:25px;
}

button.scan_network.with-image span span {
  background-image:url(../images/icons/small/start_scan.png);
}

button.scan_network.with-image.scanning span span {
  background-image:url(../images/icons/small/scanning.gif); 
}

a.scan_device.icon {
 background:transparent url(../images/icons/indicators/spinning_arrows_orange_still.png) no-repeat scroll 5px 50%;
 padding-left:25px;
}

button.scan_device.with-image span span {
  background-image:url(../images/icons/indicators/spinning_arrows_orange_still.png);
}

button.scan_device.with-image.scanning span span {
  background-image:url(../images/icons/indicators/spinning_arrows_orange.gif); 
}

a.scan_device.scanning.icon {background-image:url(../images/icons/indicators/spinning_arrows_orange.gif); text-decoration:none;}

a.scan_link { text-decoration:none; }
a.scan_link.disabled {color:#666; text-decoration:none!important; cursor: default!important;}
a.scan_link.disabled span { text-decoration:none; }
a.scan_link.disabled:hover span {text-decoration:none!important; cursor: default!important;}


/* Export links/icons
*****************************************************************************/
p.export-links a.icon, p.export a.icon{
	background-repeat:no-repeat;
	padding:3px 5px 3px 22px;
	text-decoration:none;
}
a.icon.export-print, p.export-links a.export-print{ background-image:url(../images/icons/export/printer.png); }
a.icon.export-pdf, p.export-links a.export-pdf{
  background-image:url(../images/icons/export/adobe.png);
  background-position:3px 50%;
}
a.icon.export-csv, p.export-links a.export-csv{
  background-image:url(../images/icons/export/csv.png);
  background-position:3px 50%;
}
a.icon.export-excel, p.export-links a.export-excel{
  background-image:url(../images/icons/export/excel.png);
  background-position:3px 50%;
}


div.quick_form p.btn a.help_icon{
  background-position:center left;
  padding:3px 0 3px 20px!important;
}
a.stealth{
  text-decoration:none;
  color:#666;
  font-weight:normal;
  font-style:italic;
}
h1, h2, h3, h4, h5{ font-weight:normal; }

h4{
  font-size:14px;
  font-weight:bold;
}
h3{
  font-size:15px;
  font-weight:bold;
}
fieldset{ border:1px solid #ccc; }
fieldset legend{
  color:#444;
  font-weight:bold;
}
.highlight{ background-color:#ffc; }
.warning{ color:#EAB600; }
.error, .err{
  color:#933;
  font-weight:bold;
}

.modal-error {
  display:block;
  text-align: center;
  margin-bottom:15px;
}

.standout{color:green; }
.smaller{ font-size:80%; }
.fleft{ float:left; }
.fright{ float:right; }
.contained-float{ overflow:hidden; /* containing floats without markup */ }
.clearfix-left{ clear:left; }
.clearfix-right{ clear:right; }
.clearfix-both{ clear:both; }
.baby-text{ font-size:11px; }
input.text, textarea, select, input.editor_field, input.file, a.fake_input{
  font-size:1em;
  padding:2px 0px 2px 4px;
  font-family:Helvetica, Arial, sans-serif;
  color:#444;
  line-height:1.3em;
  border-top:1px solid #7c7c7c;
  border-left:1px solid #c3c3c3;
  border-right:1px solid #c3c3c3;
  border-bottom:1px solid #ddd;
  background:#fff url(/images/forms/fieldbg.gif) repeat-x top;
}
a.fake_input span { padding:1px;}

select{ padding:2px; }

input.init, textarea.init, select.init{ color:#999; }
input.error, textarea.error, select.error, .fieldWithErrors input, .fieldWithErrors textarea, .fieldWithErrors select{
  border:1px solid #f00;
  color:#444;
  font-weight:normal;
}
input.readonly, input.disabled, select.readonly, select.disabled, textarea.readonly, textarea.disabled, select[disabled], input[disabled]{
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);
  background:#eee;
  color:#AAA;
}
.stripe0{ background-color:#fff; }
.stripe1{ background-color:#ddd; }
.center{ text-align:center; }
.right{ text-align:right; }
li{ list-style:none; }
body.server_error li{ list-style:decimal; }


/* @Forms
*****************************************************************************************/
/* Styles for forms
**********************************************************************************/
form{
  margin:0;
  padding:0;
}
form.simple p{ clear:left; }
form.simple div.inset{ padding:0px 0 0px 20px; }
form.standard p input.text{ width:190px; }
form.standard p input[type=file]{ width:196px; width: -moz-min-content; border:none; background: none; padding-left: 0;}
form.standard p select{ width:196px; }
form.standard p.with_error, form.standard p.btn, form.standard p.non, form.standard p.wide{ width:auto; }
form.with_examples p{ width:auto!important; }
form.standard p.with_error input, form.simple p.with_error input, form.simple p.with_error select, form.simple p.with_error textarea, span.with_error{ border:1px solid #f00; }
form.simple p label, form.simple p.no_label strong, div.pseudo_form p label{
  display:block;
  float:left;
  width:6em;
  text-align:left;
  padding:3px 3px 0 0;
  font-weight:bold;
  height:1.6em;
}
form.simple p.no_label strong{
  position:relative;
  top:-5px;
}
form.simple p.optional-fields{
  padding:5px 0 0 5px;
  margin:0 0 10px;
  border-bottom:1px solid #ccc;
}
form.simple p.help{
  margin:0;
  padding-left:6em;

  /* there is some margin on the paragraph above this element, we need to push it up a little closer */
  position:relative;
  top:-10px;
}

form.simple p.natural{
  padding-left:0;
  position:static;
  top:0;
}
form p span.meta, div.pseudo_form p span.meta{
  display:block;
  clear:left;
  padding:3px 0 0;
}
form.simple p.check label, form.simple p label.secondary, div.pseudo_form p label.secondary{
  display:inline;
  float:none;
  padding:0;
}
form.simple p label.secondary, div.pseudo_form p label.secondary{ font-weight:normal; }
form.standard p label, div.pseudo_form p label, form.standard p.no_label strong{
  width:200px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
div.pseudo_form p.no_input span.alt{
  position:relative;
  top:5px;
}
form.standard p.with_checkbox label, div.pseudo_form p.with_checkbox label{
  padding-right:0px;
  margin-right:-1px;
}
form.standard p.with_checkbox input, div.pseudo_form p.with_checkbox input{
  position:relative;
  top:1px;
  /* see hacks.ie.css */
}
form.small p label, form.small p.no_label strong{ width:4em; }
form.small p.check, form.small p.help{ padding-left:4em; }
form.medium p label, form.medium p.no_label strong{ width:8em; }
form.medium p.check, form.medium p.help{ padding-left:8em; }
form.large p label, form.large p.no_label strong, form.large p.with_checkbox label{ width:12em; }
form.large p.check, form.large p.help{ padding-left:12em; }
form.xlarge p label, form.xlarge p.no_label label{ width:15em; }
form.xlarge p.check, form.large p.help{ padding-left:15em; }
form.simple p label.secondary{
  display:inline;
  float:none;
  width:auto;
  padding:0 3px;
  font-weight:normal;
}
form.standard p, div.pseudo_form p{
  padding:2px 0;
  margin:0;
  color:#000;
}
form.standard p.non{ border:0; }
form.simple p textarea{
  width:30em;
  height:10em;
}
form.standard p.help{
  clear:left;
  padding:10px 0;
  position:static;
  top:0;
  width:auto;
}
form.simple p.btn{
  margin:0;
  padding:0;
}
form.small p.btn{ margin:0 0 0 4em; }
form.standard p.btn{
  border:0;
  padding:5px 0;
}
form.standard p.btn em.highlight, p.table_actions em.highlight{
  position:relative;
  top:-4px;
}
form.inline p label{
  display:inline;
  float:none;
}
form.inline p input{ display:inline; }
span.example{
  color:#666;
  font-style:italic;
  font-size:.95em;
}
form p.rb-list{}
form p.rb-list strong{}
form p.rb-list span.item{
  display:block;
  padding:0 0 0 3px;
  margin:0 0 8px 6em;
}
form.small p.rb-list span.item{ margin-left:4em; }
form.medium p.rb-list span.item{ margin-left:8em; }
form.large p.rb-list span.item{ margin-left:12em; }
form.xlarge p.rb-list span.item{ margin-left:15em; }
form p.rb-list span.item input{}
form p.rb-list span.item label{}
form p.rb-list span.item span.example{}
form fieldset.toggleable{
  margin:8px 0;
  padding:0 0 0 10px;
  border:1px solid #ccc;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}
form fieldset.toggleable div.content{
}
form fieldset.toggleable div.content.disabled{
  -moz-opacity:0.5;
  opacity:0.5;
  filter:alpha(opacity=50);
}

#secondary .delete-panel{
  margin:8px 0 0;
  padding:8px 0 0;
  border-top:1px solid #ccc;
}
#secondary .delete-panel h3{ font-weight:normal; margin:0 0 5px; }

/* form big time error panel, used on email error form, which is found on email, user and monitor settings pages, and also the email wizard */
.form-error{ margin:8px 0; border:1px solid #ccc; padding:5px; font-size:1.1em; background:#fff url(/images/layout/gradients/vertical-orange.png) repeat-x bottom left; }
.form-error h4{ color:#f00; }
.form-error p{ margin:5px 0!important; }
.form-error .correct-error a{ padding:0 10px 0 0; font-size:1.1em; }
.form-error .delete-panel{ border-top:1px solid #ccc; margin:8px 0 0; padding:0; }

/* Export buttons found next to a table (pdf, excel, etc.)
*****************************************************************************/
p.back{
  float:left;
  margin:0;
  padding:0 0 0 20px;
  background:transparent url(../images/icons/back_arrow.png) no-repeat center left;
}
p.export{
  margin:0 0 10px;
  float:right;
  clear:none;
  position:relative;
  top:-4px;
}
p.export a img{
  border:0;
  margin-right:3px;
  position:relative;
  top:3px;
}
p.export a{
  margin-right:7px;
  text-decoration:none;
}
p.export a:hover{ text-decoration:underline; }

div.activity-title-actions{
  position:relative;
  top:-2px;
}

table.four_column { width:100%; }
table.four_column tr { line-height:1.4em;}
table.four_column tr td.first { width: 19%;}
table.four_column tr td.second { width: 33%;}
table.four_column tr td.third { width: 18%;}
table.four_column tr td.fourth { width: 30%;}
table.four_column tr td { padding:2px 0; }

table tr td.label, table tr td label{ font-weight:bold; }

ul.bubbles{ margin:0; padding:0; overflow:hidden; }
ul.bubbles li.item{
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  border:1px solid #CAD8F3;
  background:#DEE7F8 none repeat scroll 0 0;
  margin:2px!important;
  padding:1px 5px 2px;
  float:left;
  position:relative;
  white-space:nowrap!important;
}
ul.bubbles li.item .full, ul.bubbles li:hover.item .truncated{ display:none; }
ul.bubbles li:hover.item .full{ display:block; }
ul.bubbles li.more{ display:none; }
ul.bubbles.show-more li.more{ display:block; }
ul.bubbles.removeable li.item{ padding-right:15px!important; }
ul.bubbles li.item:hover{
  background:#BECEEF none repeat scroll 0 0;
  border:1px solid #7596DD;
}
ul.bubbles.green li.item{ background-color:#DDF8E1; border-color:#AAEEB4; }
ul.bubbles.green li.item:hover{ background-color:#9DE378; border-color:#5ABA26; }
ul.bubbles li.item a{ text-decoration:none; }
ul.bubbles li.item a.asset-link{ 
  display:block;
  padding:40px 5px 0;
  width:65px;
  background:transparent url(/images/icons/medium/unknown.png) no-repeat top center;
  text-align:center;
  font-size:10px;
  color:#666;
}
ul.bubbles li.item a.remove, tbody tr.item a.remove {
  background:transparent url(/images/icons/small/close.gif) no-repeat top left;
  display:block;
  font-size:1px;
  text-indent:-9000px;
  height:7px;
  position:absolute;
  right:4px;
  top:5px;
  outline:none;
  width:7px;
  cursor:pointer;
}
ul.bubbles li.item a.remove:hover, tbody tr.item a.remove:hover { background-position:center bottom; }
ul.bubbles li.add-bubble, ul.bubbles li.non-item{
  float:left;
}
ul.bubbles li.non-item{ margin:5px 0 0 5px; font-size:10px; }
ul.bubbles li.non-item a{ text-decoration:none; color:#999; }
ul.bubbles li.non-item a:hover{ color:#666; }
ul.bubbles li.add-bubble .contents{
  display:block;
  padding:1px 0 0 5px;
  margin:0;
}
ul.bubbles li.add-bubble .contents a{
  display:block;
  padding-top:3px;
}
ul.bubbles li.add-bubble .contents form{ display:inline; margin:0; padding:0; }
ul.bubbles li.add-bubble .contents form input.text{ padding:0; }
ul.simple{ display:inline; }
ul.simple li{ display:inline; }
ul.simple li:before{ content:'• '; }
ul.simple li:first-child:before, .simple li.non-item:before{ content:''; }
ul.simple li.more{ display:none; }
ul.simple.show-more li.more{ display:inline; }
ol.hierarchical{ display:inline; }
ol.hierarchical li{ display:inline; }
ol.hierarchical li:before{ content:'› '; }
ol.hierarchical li:first-child:before, .hierarchical li.non-item:before{ content:''; }
ol.hierarchical li.more{ display:none; }
ol.hierarchical.show-more li.more{ display:inline; }


span.lazy_ipe:hover { background-color: #ffff99; }

.footnote-flag{ }
.footnote{ padding:0; margin:0; color:#999; font-size:10px; font-style:italic; }

select optgroup {
  font-size:12px;
  padding:5px 3px;
}
select optgroup option {
  font-size:13px;
  padding:0 0 0 10px;
}
/* Copyright © 2006-15 Spiceworks, Inc.  All Rights Reserved.  http://www.spiceworks.com */
/*

Spiceworks application CSS (non-layout)

Spiceworks Orange:#fe520
Lt. Spiceworks Orange:#fff6f2

*/


body{
  font:62.5% Arial, Sans-Serif;
  color:#333;
  background-color:transparent;
  margin-bottom:30px;
  padding:0;
}

.float-left {float:left}


#primary{
  padding:5px;
}

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[type=text], #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; }


#user_management .notification-activator {
  padding-right:10px;
  padding-left:10px;
  background:transparent url(../images/icons/indicators/tiny-menu-indicator.png) no-repeat center right;
}

#user_management .notification-activator.updating {
  background:transparent url(../images/icons/ajax_busy_small.gif) no-repeat center right;
}



div#end_users ul{
  padding-bottom:0px;
  margin-bottom:20px;
}
div#end_users ul li{
  float:left;
  padding-right:10px;
  color:#999;
  width:330px;
  margin-top:3px;
}
div#end_users ul li.visible{
  color:#444;
}
div#end_users ul li input.end-user-visible{
  vertical-align:bottom;
}

/* Start your first scan
*****************************************************************************/
#group_summary.showing_run_first_scan_summary div.sui-sheet,
#item_summary.showing_run_first_scan div.sui-sheet { background-color:#fff6f2; }
div#run_first_scan{ margin:20px 0 0 0; }
#group_summary div#run_first_scan{ overflow:hidden; }
#group_summary div.sui-sheet #run_first_scan div.img{
  float:left;
  padding:5px 0 0 10px;
  width:140px;
}
#group_summary div.sui-sheet #run_first_scan div.intro{
  float:right;
  margin:0;
  width:315px;
}
#group_summary div.sui-sheet #run_first_scan div.intro p.btn{ padding:10px 0; }
#group_summary div.sui-sheet #run_first_scan div.intro h4.learn_more{
  border-top:1px solid #a3a3a3;
  margin:0;
  padding:15px 0 0 0;
}
#group_summary div.sui-sheet #run_first_scan div.intro ul{ padding-left:40px; }
#group_summary div.sui-sheet #run_first_scan div.intro ul li{
  margin:10px 0;
  padding:0 0 5px 20px;
  background-repeat:no-repeat;
}
#group_summary div.sui-sheet #run_first_scan div.intro ul li.movie{ background-image:url(/images/icons/movie.png); }
#group_summary div.sui-sheet #run_first_scan div.intro ul li.spicelist{ background-image:url(/images/icons/spicelist.png); }
#group_summary div.sui-sheet #run_first_scan div.intro ul li.help{ background-image:url(/images/icons/small/help.png); }
#group_summary div.sui-sheet #run_first_scan div.intro ul li.community{ background-image:url(/images/icons/community.png); }
#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;
}
#group_summary.showing_software p.showing{
  font-size:1em;
  padding:0 0 8px;
}
#group_summary.showing_software p.view-all{ padding:8px 0 0; text-align:right; font-size:1.2em; }

/* Start Here
*****************************************************************************/
#secondary div.sui-sheet div.start_here{
  padding:2px 3px 41px;
}

#secondary div.sui-sheet div.first_scan{
  margin:3px 3px;
  padding:5px 5px;
  height:35px;
  position:relative;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:1px solid #DDD;
  background-color:#fff6f2;
  margin-bottom:10px;
}
#secondary div.sui-sheet div.first_scan > .scan_network{
  position:absolute;
  right:7px;
  top:9px;
  color:#444;
}

/* Styles for View pages
*****************************************************************************/
#agg_wrap_scroll, #agg_wrap{
  margin:0;
  padding:0;
}
#primary.inventory-icon-groups{
  list-style:none;
  margin:0 0;
  padding-left:7px;
  height:274px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
  background-color:#F2F2F2!important;
}
#primary span.agg_wrap_message{
  display:block;
  width:100%;
  padding:3px;
  background-color:#FCECD9;
  font-weight:bold;
  text-align:center;
  float:left;
}

#agg_wrap{
  list-style:none;
  float:left;
  padding:0 2px 0 2px;
  margin:0 0 0 3px;
  width:auto;
}
#agg_wrap > li{ display:block; float:left; }
#category_preview ul li{ display:inline;}


/* Network Map Page settings
*****************************************************************************/
#primary.network-map-no-flash{
}
#primary.network-map-no-flash h2{
  font-size:2em;
  margin:10px;
}
#primary.network-map-no-flash ol{
  margin:10px;
}
#primary.network-map-no-flash ol li{
  list-style-type:decimal;
  font-size:1.4em;
  margin:10px 0 10px 20px;
}
/* disabled refresh link style */
body.networkmap div.sui-toolbar a.disabled:hover span{color:#aaa!important; text-decoration:none; }

body.networkmap div.sui-filterbar-container{
  height:21px;
  padding:0;
  position:relative;
  border-bottom:1px solid #CCC;
}

body.networkmap div.sui-filterbar-container div.sui-filterbar{
  height:15px;
  padding-right:30px;
  overflow:hidden;
}

body.networkmap div.sui-filterbar-container a.more-menu{
  position:absolute;
  right:4px;
  top:3px;
  text-decoration:none;
  padding:0px 6px;
  margin-bottom:4px;
  font-size:0.95em;
}
body.networkmap div.sui-filterbar-container a.more-menu.selected{
  background-color:#999;
  color:white;
  text-decoration:none;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:0px 6px;
}
body.networkmap div.sui-filterbar-container a.more-menu:hover{
  color:#FE5200!important;
}

body.networkmap div.sui-filterbar a.sui-filter{
  margin-bottom:4px;
}

#primary.network-map{
  padding:0;
}

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

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

#swf_loading h1 span{
  border:1px solid #FFF;
  display:block;
  padding:10px;
  background:url(/images/layout/gradients/black_to_gray.png);
}
#swf_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;
  z-index:6;
  margin:0px;
  padding:0px;
  -moz-opacity:0.95;
  opacity:.95;
  filter:alpha(opacity=95);

}
#swf_loading h1#swf_loading_error{ font-size:1.3em; }


/* Device icon styles
*****************************************************************************/
#agg_wrap > li > a, div.aggregate_icon, #category_preview ul > li > a{
  float:left;
  border:0;
  background:transparent url(../images/layout/boxes/inventory.jpg) no-repeat top left;
  width:158px;
  height:130px;
  margin:5px 7px 0;
  color:#fff;
  position:relative;
  overflow:hidden;
}

#agg_wrap > li > div.edit{
  float:left;
  border:0;
  background:transparent url(../images/layout/boxes/inventory_edit.png) no-repeat top left;
  width:158px;
  height:130px;
  margin:5px 7px 0 !important;
  color:#fff;

  position:relative;
  overflow-x:hidden;
}

#agg_wrap > li.dragging a.view{   background:transparent url(../images/layout/boxes/inventory_dragging.png) no-repeat top left!important; }
#agg_wrap > li.aggregate_icon a.view:hover span.handle{ display:none; }
#agg_wrap > li.aggregate_icon a.view:hover span.handle, ol#agg_wrap li.dragging a.view span.handle,
#agg_wrap > li.draggable a.view span.handle{
  position:absolute;
  top:5px;
  left:4px;
  display:block;
  width:20px;
  height:20px;
  cursor:pointer;
  z-index:100;
  background:url(/images/layout/move_handle.png) no-repeat top left;
}

ol#agg_wrap li.aggregate_icon a.view:hover span.handle:hover, ol#agg_wrap li.dragging a.view span.handle:hover{
/*  cursor:move!important;*/
  background:url(/images/layout/move_handle_hover.png) no-repeat top left;
}

ol#agg_wrap li.dragging a.view span.handle, ol#agg_wrap li.dragging a.view:hover span.handle,
ol#agg_wrap li.draggable a.view span.handle{
  width:138px!important;
  height:125px!important;
  cursor:move!important;
}

#agg_wrap > li > div.edit input.text{
  font-size:1.1em;
  height:18px;
  text-align:center;
  font-weight:bold;
  margin:5px 10px 0px 10px;
  padding-top:0px;
  width:130px;
  color:#000;
  background-color:#fff;
}
#agg_wrap > li span.change_icon{
  color:#000000;
  cursor:pointer;
  font-size:0.9em;
  position:absolute;
  right:30px;
  text-align:center;
  text-decoration:underline;
  top:50px;
  width:30px;
}

#agg_wrap > li > div.edit p.actions{
  width:auto;
  position:absolute;
  top:100px;
  right:10px;
}

#agg_wrap > li > a, #category_preview ul > li > a{
  cursor:pointer;
  color:#fff;
  text-decoration:none;
}

#device_detail, div.aggregate_icon, ol.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, #category_preview ul li a:hover{
  background-position:center left;
  cursor:pointer;
}
#agg_wrap > li > a:active, #category_preview ul li a:active{ background-position:bottom left; }
#agg_wrap > li img, .aggregate_icon img{ border:0; }
#agg_wrap > li img.icon, .aggregate_icon img{
  position:absolute;
  margin:2.1em 0 0 5px;
}
#agg_wrap > li .meta, .aggregate_icon .meta{ display:block; }
#agg_wrap > li .meta strong, .aggregate_icon strong{
  display:block;
  font-size:1.1em;
  height:10px;
  text-align:center;
  font-weight:bold;
  padding:5px 0;
  margin:0;
}
.aggregate_icon strong a.pivot{
  text-decoration:none;
  font-weight:bold;
  color:#fff;
}
#agg_wrap > li .meta span.count_wrap, .aggregate_icon span.count_wrap{
  display:block;
  float:right;
  margin:8px 25px 0 0;
}
#agg_wrap > li .meta 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(../images/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(../images/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(../images/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(../images/icons/small/ticket_dark.png); }

#agg_wrap .aggregate_icon span.group_menu, #agg_wrap .aggregate_icon span.group_type{
  display:block;
  position:absolute;
  padding:0;
  margin:0;
  overflow:hidden;
}

#agg_wrap .aggregate_icon  span.group_menu{
  background:transparent url(../images/layout/groupmenu.png) no-repeat top left;
  height:15px;
  right:10px;
  top:5px;
  width:13px;
  display:none;
}

#agg_wrap .aggregate_icon:hover  span.group_menu {
  display:block;
}

#agg_wrap li.smart a span.group_type{
  display:none;
}
#agg_wrap li.smart a:hover span.group_type{
 background-position:0px -15px ;
}

#agg_wrap li.static a span.group_type{
  display:none;
}
#agg_wrap li.static a:hover span.group_type{
 background-position:0px -13px ;
}
#agg_wrap li.built_in a span.group_type{
  display:none;
}

#agg_wrap > li.locked a span.group_type{
  background:url(../images/icons/indicators/group_type_locked.png) top left no-repeat;
  left:5px;
  bottom:10px;
  height:15px;
  width:26px;
}

#agg_wrap > li.locked a:hover span.group_type{
 background-position:0px -16px ;
}


#agg_wrap > li.built_in a:hover span.group_type{
 background-position:0px -15px ;
}

#agg_wrap > li.active_directory a span.group_type{
  background:url(../images/icons/indicators/group_type_active_directory.png) top left no-repeat;
  bottom:10px;
  left:4px;
  height:15px;
  width:20px;
}

#agg_wrap > li.active_directory a:hover span.group_type{
 background-position:0px -14px ;
}

#agg_wrap .aggregate_icon  span.group_menu:hover, #agg_wrap .aggregate_icon span.group_menu.active{
  background:transparent url(../images/layout/groupmenu_hover.png) no-repeat top left;
  z-index:500!important;
  height:15px;
}
#agg_wrap > li.locked a.view span.group_menu{display:none;}

#agg_wrap > li > a span.count_wrap span:hover,
  .aggregate_icon span.count_wrap span:hover{
  text-decoration:underline;
  cursor:pointer;
}
#agg_wrap li .meta span.count em, .aggregate_icon span.count em{
  /* this is the number */
  font-style:normal;
  text-align:left;
  text-shadow:0 0 4px #777;
}
#agg_wrap li .meta 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,  #category_preview span.scanning{
  position:absolute;
  display:block;
  width:152px;
  height:123px;
  margin:1px 0 0 0;
  background:transparent url(../images/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; }



/* Inventory
*****************************************************************************/
#primary.inventory-browse, #primary.inventory-icon, #primary.inventory-list, #primary.my-tools{
  padding:0;
}
body.inventory #primary{
  padding:0;
}

/* Display/hide primary filter bar, changes here will also affect cloud
   services as its filtering was modeled after inventory.
*****************************************************************************/
body .primary_filter {
  height:0;
  opacity: 0;
  -moz-opacity: 0;
  filter:alpha(opacity=0);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
}

body.filters-shown .primary_filter {
  height:22px;
  opacity: 1;
  -moz-opacity: 1;
  filter:alpha(opacity=100);
  -webkit-transition-property: all;
  -webkit-transition-duration: 0.5s;
}


/* Styles for the icon summary page
*****************************************************************************/

body.inventory #primary.inventory-icon{
  height:263px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
  background-color:#f2f2f2!important;
}

#primary.agreements-icon{
  height:185px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
  padding:5px;
  background-color:#FFF;
}

#primary #device_list li {
  padding:2px;
  float:left;
}
#primary ul.icons li.unclickable a span.small{
  padding-top:34px!important;
  font-size:12px!important;
}


/* Icon summary mouseover popups
*****************************************************************************/
div.device_popup{
  width:235px;
  z-index:300;
}
div.bubble-popup.device_popup div.container > h5 {
  text-align: center;
  padding-right: 5px;
}
.rgba div.bubble-popup.device_popup div.container {
  background-color: transparent;
}

.rgba div.bubble-popup.device_popup div.container div.content {
  background-color:rgba(248, 248, 248, 0.9);
}

div.device_popup .content {
  overflow: auto;
}
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 0;
  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;
  margin-left: 2px;
}

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

body.inventory #item_summary.device{
  background-color:#F5F5F5;
}
body.inventory #secondary div.one-column,
body.users #secondary div.one-column {
 padding:0;
}
body.inventory #secondary div.one-column div.sui-tabbed-box div.sui-tabbed-box-inner,
body.users #secondary div.one-column div.sui-tabbed-box div.sui-tabbed-box-inner{
  border:0;
}
body.inventory #secondary div.one-column div.sui-tabbed-box {
}
body.inventory #secondary div.one-column div.sui-tabbed-box .sui-tabs {
/*  background:none;*/
/*  background-color:#F5F5F5;*/
}


body.inventory #secondary div.two-column div.sui-tabbed-box{
  width:76%;
  float:left;
}

body.inventory #secondary div.two-column div.sui-overview{
  width:22.6%;
  float:right;
}

body.inventory #secondary #group_summary div.sui-tabbed-box{
  width:82%;
  float:left;
}
body.inventory #secondary #group_summary div.sui-overview{
  width:16%;
  float:right;
}


/* No nodes found for the device/software summary page
*********************************************************************************************************/
#summary_wrap{
  clear:left;
  padding:0;
  font-size:1em;
}
#item_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;*/
}
#item_summary.empty h3.heading{ height:1.4em; }

#item_summary.empty #active_overview, #item_summary.empty #item_summary_view{ /* see hacks.ie6.css */ }
#item_summary.empty #active_overview, #item_summary.empty #item_summary_view{ color:#888; }

#item_summary.empty #active_overview h4,
#item_summary.empty #item_summary_view h4,

#secondary .sui-sheet div.detail_msg h4{
  font-size:2em;
  font-weight:normal;
  width:100%;
  text-align:center;
  margin:0;
  padding:130px 0 0;
}
#secondary div.detail_msg {
  min-height:280px;
}
#secondary .sui-sheet div.detail_msg {
  clear: both;
  min-height:0;
}
#secondary div.detail_msg h4 {
  font-size:2.8em;
  padding-top:100px;
  width:100%;
  font-weight:normal;
  text-align:center;
  margin:0;
  text-shadow:1px 1px 5px #CCC;
}
#secondary div.detail_msg p {
  font-size:1.2em;
}
#primary div.detail_msg a.back{
  background:transparent url(../images/icons/small/cancel_back.png) no-repeat scroll left center;
  padding-left:19px;
}
#primary div.detail_msg p {
  font-size: 15px;
}
#primary div.detail_msg .network-app {
  color: #2080AD;
  text-decoration: none;
}
#primary div.detail_msg h4{
  font-size: 30px;
  font-weight: lighter;
  color: #333333;
  margin-bottom: 13px;

}
#primary div.detail_msg{
  color:#333333;
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  margin-top: 75px;
  margin-bottom: 100px;
}
#secondary div.detail_msg{
  color:#888;
  text-align:center;
  padding:0 20px;
}

div.detail_msg p.btn{
  padding-top:5px;
  margin-top: 16px;
}
div.detail_msg p.btn a+a{
 margin-left:5px;
}
div.detail_msg div{
  margin:10px auto 0pt;
  width:450px;
  font-size:1.4em;
}
div.detail_msg.no-rackspace-data p.fix-credentials{ margin:0 0 5px; }
#item_summary.empty #active_overview p.empty_sub_heading,
#item_summary.empty #item_summary_view p.empty_sub_heading,
#item_summary.empty #item_summary_view h4 { text-align:center; }

#item_summary.empty #active_overview p.select,
#item_summary.empty #item_summary_view p.select{
  text-align:center;
  font-size:1.5em;
}
#item_summary.empty #active_overview h4.error,
#item_summary.empty #item_summary_view h4.error{ color:#c66; }

#active_overview div.computer_meta{
  border-top:1px solid #ccc;
  padding-top:5px;
  clear:both;
}
#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.empty{
  text-align:center;
  padding:10px 0;
  font-weight:normal;
}


/* Inventory Databand */

.software-stats {
  width: 50px;
  padding: 0 5px 10px 5px;
  text-align: center;
  float: left;
}
.software-stats h1 {
  font-size: 1.6em;
}
.software-stats h2 {
  font-size: 0.8em;
}
.software-stats .unverified {
    clear: left;
}

.software .sui-status-overlay.saving {
  padding-top: 55px;
}

.sui-databand.hotfix .sui-databand-center-sections li,
.sui-databand.service .sui-databand-center-sections li,
.sui-databand.software .sui-databand-center-sections li {
  margin: 7px 0;
  padding: 3px 0;
  white-space: nowrap;
  text-overflow:ellipsis;
  overflow: hidden;
}

.sui-databand.software .version-histogram-title {
  text-align: center;
}
#version-histogram {
  width: 160px;
  height: 50px;
  margin: 0 auto;
  position: absolute;
  top: 15px;
}
#version-histogram .label {
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
}
#version-histogram .label:hover {
  overflow: visible;
  z-index: 100;
}
#version-histogram .label:hover span {
  background: #d8e2ec url(/images/layout/gradients/vertical-blue.png) repeat-x;
  background-attachment: fixed;
  background-position: 0px 13px;
  margin: 0 auto;
}
#version-histogram svg {
  border-bottom: 1px solid #008e8e;
}


.sui-databand.software .sui-databand-right {
  width: 140px;
}

.sui-databand.software .sui-databand-center-sections {
  right: 240px;
}



.sui-databand.device .sui-databand-left ul li.sui-databand-icon.owner {
  margin-top:5px;
}

.sui-databand.device .sui-databand-left ul li.sui-databand-icon.location ~ li.sui-databand-icon.owner {
  margin-top:1px;
}

.sui-databand.device .sui-databand-center-sections .graph {
  min-width:25%;
  max-width:300px;
}

.sui-databand.device .sui-databand-center-sections .disk.graph li {
  display:block;
  padding:3px 0;
  margin:6px 0;
}
.sui-databand.device .sui-databand-center-sections .printer.graph li {
  display:block;
  margin:3px 0;
  padding:2px 0;
}


.sui-databand.device .sui-databand-center-sections .graph span.label {
  float:left;
  font-size:10px;
  clear:both;
  line-height:15px;
  position:relative;
  z-index:1;
  font-weight:normal;
  padding-left:5px;
  color:#333333;
}
.sui-databand.device .sui-databand-center-sections .disk.graph span.label {
  font-weight:bold;
}

.sui-databand.device .sui-databand-center-sections .graph span.remaining  {
  float:right;
  font-size:9px;
  clear:right;
  line-height:15px;
  position:relative;
  z-index:1;
  color:#333;
  padding-right:5px;
}

.sui-databand.device .sui-databand-center-sections .graph span.remaining .percent {display:none!important;}
.sui-databand.device .sui-databand-center-sections .graph:hover span.remaining .size {display:none;}
.sui-databand.device .sui-databand-center-sections .graph:hover span.remaining .percent {display:inline!important;}

.sui-databand.device .sui-databand-center-sections .graph  li em{
  background-color:#BBB;
  -moz-opacity:0.5;
  opacity:.50;
  filter:alpha(opacity=50);
}
.sui-databand.device .sui-databand-center-sections .disk.graph  li.low span.fluid-percentage-bar em{background-color:#FC1700!important;}
.sui-databand.device .sui-databand-center-sections .graph  li span.fluid-percentage-bar{height:12px;}
.sui-databand.device .sui-databand-center-sections .disk.graph  li:first-child span.fluid-percentage-bar{height:15px;}
.sui-databand.device .sui-databand-center-sections .disk.graph  li:first-child span{line-height:19px;}
.sui-databand .sui-databand-center-sections .graph p{overflow:hidden;}

.sui-databand .sui-databand-left, .sui-databand .sui-databand-area .sui-databand-inner {
  overflow: visible;
}

.sui-databand.software .sui-image,
.sui-databand.hotfix   .sui-image,
.sui-databand.service  .sui-image,
.sui-databand.device   .sui-image {
  background-position:center center;
  background-repeat:no-repeat;
  background-size:60px auto;
  -moz-background-size:60px auto;
  -ms-background-size:60px auto;
  -webkit-background-size:60px auto;
}
.sui-databand.people   .sui-image {
  background-size:80px auto;
  -moz-background-size:80px auto;
  -ms-background-size:80px auto;
  -webkit-background-size:80px auto;
}

#uploadDeviceAvatarForm {
  width: 340px;
  overflow: hidden;
}

#uploadDeviceAvatarForm [type=file] {
  margin-top: 5px;
  width: 210px;
  margin-right: 10px;
}

#uploadDeviceAvatarForm #import-new h4{
  margin-top: 17px;
  margin-bottom: 7px;
}

#uploadDeviceAvatarForm #use-existing {
  height: auto;
  min-height: 58px;
}

#uploadDeviceAvatarForm #use-existing .avatars-container {
  width: 315px;
  overflow: hidden;
  max-height: 203px;
  margin-top: 3px;
}

#uploadDeviceAvatarForm #use-existing .setAvatarAllCont {
  width: 315px;
  overflow: hidden;
}

#uploadDeviceAvatarForm #use-existing .avatars-container .avatar {
  height: 86px;
  width: 86px;
  margin: 8px;
  float: left;
  background-size: 60px auto;
  -moz-background-size: 60px auto;
  -ms-background-size: 60px auto;
  -webkit-background-size: 60px auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #DFDFDF;
}

#uploadDeviceAvatarForm #use-existing .setAvatarAllCont .avatar {
  height: 86px;
  width: 86px;
  margin: 8px;
  float: left;
  background-size: 60px auto;
  -moz-background-size: 60px auto;
  -ms-background-size: 60px auto;
  -webkit-background-size: 60px auto;
  background-position: center center;
  background-repeat: no-repeat;
  border: 1px solid #DFDFDF;
  margin-left: 104px;
}

#uploadDeviceAvatarForm #use-existing .setAvatarAllCont .actions {
  width: 100%;
  text-align: center;
  overflow: hidden;
}

#uploadDeviceAvatarForm #use-existing .setAvatarAllCont .actions .sui-bttn {
  margin: 8px;
}

#uploadDeviceAvatarForm #use-existing .avatars-container h5 {
  text-align: center;
  margin: 20px;
}

#uploadDeviceAvatarForm #use-existing .setAvatarAllCont h5 {
  text-align: center;
  margin: 13px;
  font-size: 13px;
}

#uploadDeviceAvatarForm #use-existing  .scroll {
  overflow-y: scroll;
  overflow-x: hidden
}

#uploadDeviceAvatarForm #use-existing  .scroll .avatar {
  margin: 5px;
}

#uploadDeviceAvatarForm #use-existing  .avatars-container .avatar .icon-close_gray {
  float: right;
  margin-top: -6px;
  margin-right: -7px;
  cursor: pointer;
}
#uploadDeviceAvatarForm #use-existing .avatars-container .avatar .deleteContainer {
  width: 100%;
  height: 20px;
  float: left;
}
#uploadDeviceAvatarForm #use-existing .avatars-container .avatar .set {
    width: 100%;
    height: 17px;
    bottom: -49px;
    position: relative;
    text-align: center;
    text-decoration: none;
    background: #999;
    font-size: 11px;
    overflow: hidden;
    color: #fff;
    font-weight: bold;
    opacity: 0.0;
    -moz-opacity: 0.0;
    filter: alpha(opacity=00);
    -webkit-transition: opacity ease-out 0.5s;
    cursor: pointer;
}

#uploadDeviceAvatarForm #use-existing .avatars-container .avatar .set:hover{
    opacity: 1;
}

.sui-databand.device .sui-databand-center-sections.section-count-2 .additional {
  width:60%;
  min-width:200px;
}

.sui-databand.device .sui-databand-center-sections .additional li {
  margin:7px 0;
}

.sui-databand.device .sui-databand-center-sections.section-count-2 .graph {
  width:40%;
}

.sui-databand.printer .sui-databand-center fieldset {
  border:0;
  display:inline;
}
.sui-databand.printer .sui-databand-center legend {
  font-weight:normal;
  padding:5px 0;
  color:#AAA;
  display:none;
}

.sui-databand.printer .sui-databand-center span.label {
  color:#CCC;
}

/* 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;
  overflow:hidden;
  border:1px solid #aaa;
  background:#c0c6d0 url(../images/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;
}

#group_summary h3.heading span.right, #summary_wrap #item_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,

/* Styles for the tabbed device summary box and its children elements
***************************************************************************************************************/
#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;
  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;
  padding:2px 15px 0 0;
  margin:0 0 5px;
  text-align:right;
}
#active_overview div.pivot_table{ width:50%; }

#secondary div.sui-sheet div.collapsable{ width:100%; }
#secondary div.sui-sheet div.collapsable table{ width:100%; }
#secondary div.sui-sheet div.collapsable table.attributes{ width:95%; margin:0 0 0 15px; }
#secondary div.sui-sheet table tr td{ vertical-align:top; }
#secondary div.sui-sheet #node_general_summary table tr td{ padding:1px 0 1px 0; overflow:hidden; }
#secondary div.sui-sheet div.collapsable table.attributes td{ width:25%; padding:2px 0; }

#secondary div.sui-sheet table#device_installables_table tr td.version{ width:6em; }
#secondary div.sui-sheet table#device_installables_table tr td.date{ width:6em; }
#secondary div.sui-sheet table#device_installables_table tr td.date.cloud{ width: 9em; }
#secondary div.sui-sheet table#device_installables_table tr td.product-key{ width:210px; }
#secondary div.sui-sheet table#device_installables_table.services tr td.name{ width:30%; }
#secondary div.sui-sheet table#device_installables_table.services tr td.status{ width:6em; }
#secondary div.sui-sheet table#device_installables_table tr td.start-mode{ width:7em; }
#secondary div.sui-sheet table#device_installables_table tr td.installed_by{ width:10em; }

/* VIRTUAL MACHINES TAB
***************************************************************************************************************/

#secondary div.sui-sheet table#virtual_machine_summary_table { table-layout:fixed; }
#secondary div.sui-sheet table#virtual_machine_summary_table td.vm-name{ width:50%; }
#secondary div.sui-sheet table#virtual_machine_summary_table td.guest-hostname{ width:50%; }
#secondary div.sui-sheet table#virtual_machine_summary_table.includes-hosts td.vm-name{ width:33%; }
#secondary div.sui-sheet table#virtual_machine_summary_table.includes-hosts td.vm-host{ width:33%; }
#secondary div.sui-sheet table#virtual_machine_summary_table.includes-hosts td.guest-hostname{ width:33%; }
#secondary div.sui-sheet table#virtual_machine_summary_table td.memory{ width:5em; }
#secondary div.sui-sheet table#virtual_machine_summary_table td.hdd-capacity{ width:5em;  }
#secondary div.sui-sheet table#virtual_machine_summary_table td.vm-status{
    /* size up for the toggle indicator 11px(toggle) + 1px(space)+ 16px(status) */
    width:28px;
    padding-left:0px;
    padding-right:0px;
}
#secondary div.sui-sheet table#virtual_machine_summary_table thead.sortable td.vm-status.sorted{
    /* no need to pad column label text when sorted because there's no column label on this one */
    padding-left:0px;
    /* line the icon up with the status icon */
    background-position:12px center;
}
#secondary div.sui-sheet table#virtual_machine_summary_table tbody tr.details > td:first-child{
    /* line first cell of the details rows up with the status icon (see next) */
    padding-left:12px;
}
#secondary div.sui-sheet table#virtual_machine_summary_table tbody td.vm-status{
    /* left position is to make room for toggle indicator. otherwise it matches padding */
    background-position:12px 2px;
    background-repeat:no-repeat;
}
table#virtual_machine_summary_table td.vm-status.vm-status-on{
    background-image:url(/images/icons/small/server_play.png);
}
table#virtual_machine_summary_table td.vm-status.vm-status-off{
    background-image:url(/images/icons/small/server_stop.png);
}
/* toggle indicator */
table#virtual_machine_summary_table tbody tr span.toggle-indicator{
    background-position:left center;
    background-repeat:no-repeat;
    background-color:transparent;
    display:inline-block;
    width:11px;
}
table#virtual_machine_summary_table tbody tr:hover span.toggle-indicator{
    background-image:url(/images/icons/indicators/toggle1.png);
}
table#virtual_machine_summary_table tbody tr.details-visible:hover span.toggle-indicator,
table#virtual_machine_summary_table tbody tr.details-visible span.toggle-indicator{
    background-image:url(/images/icons/indicators/toggle2.png);
}
table#virtual_machine_summary_table div.detail{
    padding-top:9px;
    padding-bottom:3px;
}
table#virtual_machine_summary_table div.detail dl{
    font-size:0.9em;
}
table#virtual_machine_summary_table div.detail dt{
    float:left;
    clear:left;
    font-weight:bold;
    width:9em;
}
table#virtual_machine_summary_table div.detail dd{
}
table#virtual_machine_summary_table div.detail dd.value-unknown{
    font-style:italic;
}

/* power control */

div.vm-power-control.fixed-content{ height:120px;  }
div.vm-power-control.fixed-content .sui-status-message{ height:120px; padding:45px 0 0; }
div.vm-power-control.fixed-content div.prompt{ height:120px; display:table; width:100%; }
div.vm-power-control.fixed-content.error { height:180px;  }
div.vm-power-control.fixed-content.error .sui-status-message{ height:180px; padding:70px 0 0; }
div.vm-power-control.fixed-content.error div.prompt{ height:180px; display:table; width:100%; }
div.vm-power-control.fixed-content div.prompt > div { display:table-cell; vertical-align:middle; }
div.vm-power-control.fixed-content div.prompt .sui-status-message{ height:auto; padding:0; }
div.vm-power-control.fixed-content div.prompt p.message { text-align:center; padding:5px; }
div.vm-power-control.fixed-content div.prompt p.prompt { padding:5px; }
div.vm-power-control.fixed-content div.prompt p.btn { border-top:0 none; text-align:center; height:auto; }
div.vm-power-control.fixed-content div.prompt p.btn button { padding-left:3px; padding-right:3px; }
div.vm-power-control.error-details {font-size: 0.9em;}
div.vm-power-control.error-details label { text-decoration:underline; color:#000000; }

/* DEVICE PURCHASES SUMMARY TAB
***************************************************************************************************************/
div#device-purchase-tab div#purchase-summary{
  height: 3em;
  margin-bottom: 10px;
}
div#group_summary div#device-purchase-tab div#purchase-summary dt{width:17%;}
div#device-purchase-tab div#purchase-summary dt{
  font-weight: bold;
  float: left;
  width: 27%;
  line-height: 1.4em;
}
div#group_summary div#device-purchase-tab div#purchase-summary dt.right_side{width:20%;}
div#device-purchase-tab div#purchase-summary dt.right_side{width:21%;}
div#group_summary div#device-purchase-tab div#purchase-summary dd{width:30%;}
div#device-purchase-tab div#purchase-summary dd{
  float: left;
  width: 25%;
  text-align: left;
  line-height: 1.4em;
  margin-left: 5px;
}
div#device-purchase-tab div#purchases-list-body{ max-height: 250px; }
div#device-purchase-tab div#more_purchases a{ margin: 10px 0 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%; }


#secondary div.sui-sheet table tr td.label{ font-weight:bold; font-size:90%; color:#444 }
#secondary table tr td.label sup, #configuration_table table tr td.label sup{
  vertical-align:top;
}
#secondary div.sui-sheet p.more{
  text-align:left;
  padding:0;
  margin:5px 10px 0 5px;
}
#secondary div.sui-sheet div.unknown_meta{
  border-top:1px solid #ccc;
  padding:0 3px 0;
  margin:0 0 5px;
}
#secondary div.sui-sheet div.unknown_meta p{
  padding:0;
  margin:5px 0 0;
}
#secondary div.sui-sheet p.super_unknown{ margin:2px 0 0; }
#secondary div.sui-sheet 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;
}

#secondary div.sui-sheet a.spice_select{
  width:165px;
  height:15px;
}

.big-summaries {
  overflow: auto;
  font-size: 24px;
}

#group_summary #purchase-summary {
  width: 490px;
  margin: auto;
  margin-bottom: 24px;
}

.big-summaries .summary-item {
  float: left;
  padding-bottom: 12px;
  width: 150px;
  text-align: center;
}

.big-summaries .summary-item-content {
  border-radius:6px;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  padding: 10px;
}

.big-summaries li.active {
  background: transparent url(/images/layout/gray_triangle.png) no-repeat center bottom;
}

.big-summaries li.active .summary-item-content {
  background-color: #aaa;
}

.big-summaries .summary-item a {
  display: inline-block;
  text-decoration: none;
}

.big-summaries .summary-item a:hover {
  text-decoration: underline;
}

.big-summaries li.active a {
  color: #fff;
  text-decoration: none !important;
}

#costs-view .summary {
  font-weight: bold;
  margin-bottom: 6px;
}

#costs-view .secondary {
  font-weight: normal;
  color: #888;
  margin-left: 6px;
}

#costs-view .datagrid {
  margin-top: 20px;
}

#costs-view .extra_info {
  margin-top: 8px;
  text-align: right;
  color: #888;
  font-size: 11px;
}

#assets-view .cell-name, #assets-view .cell-asset_costs_name { width: 45%; }
#assets-view .cell-c_purchase_date, #assets-view .cell-asset_costs_date { width: 20%; }
#assets-view .cell-c_purchase_price, #assets-view .cell-asset_costs_cost { width: 15%; }
#assets-view .cell-depreciated_value, #assets-view .cell-asset_costs_depreciated_value { width: 20%; }

body.inventory #group_summary #purchases-view tr .cell-name,
  body.inventory #group_summary #purchases-view tr .cell-purchase_name { width: 45%; }
body.inventory #group_summary #purchases-view tr .cell-purchased_at,
  body.inventory #group_summary #purchases-view tr .cell-purchased { width: 20%; }
body.inventory #group_summary #purchases-view tr .cell-device,
  body.inventory #group_summary #purchases-view tr .cell-purchase_asset { width: 15%; }
body.inventory #group_summary #purchases-view tr .cell-price,
  body.inventory #group_summary #purchases-view tr .cell-purchase_price { width: 20%; }

#labor-view .cell-id, #labor-view .cell-labor_id { width: 14%; }
#labor-view .cell-summary, #labor-view .cell-labor_summary { width: 29%; }
#labor-view .cell-device, #labor-view .cell-labor_device{ width: 29%; }
#labor-view .cell-time_spent, #labor-view .cell-labor_hours { width: 14%; }
#labor-view .cell-labor, #labor-view .cell-labor_cost { width: 14%; }

/* Add Purchase List Item Control
***************************************************************************/
div.add-purchase-control {
  width: 22px;
  height: 22px;
  position: relative;
  overflow: visible;
}

div.add-purchase-control > a img {border: none;}

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

#secondary div.sui-sheet span.disk-capacity-info { padding-left: 10px; }

/* Styles for the detail box for software/services/hotfixes
***************************************************************************/
#secondary div.sui-sheet table.software{
  width:100%;
  border-bottom:1px solid #ccc;
  padding:0;
  margin:0 0 5px 0;
}
#secondary div.sui-sheet table.service, #active_overview table.hotfix{
  position:relative;
  top:-1px;
}
#secondary div.sui-sheet table.service td, #active_overview table.hotfix td{ width:20%; }
#secondary div.sui-sheet table.service td.more_info, #active_overview table.hotfix td.more_info{
  width:40%;
  text-align:right;
}
#secondary div.sui-sheet table.software td.total{
  text-align:left;
  width:30%;
}
#secondary div.sui-sheet table.service td.total{ width:20%; }
#secondary div.sui-sheet table.service td.running, #secondary div.sui-sheet table.service td.stopped{ text-align:right; }
#secondary div.sui-sheet fieldset.wide{
  display:block;
  margin:0 5px 0 0;
  padding:3px 5px;
}
#secondary div.sui-sheet fieldset p{
  margin:0;
  clear:both;
  padding:2px 0;
  margin:0 0 0 2px;
}
#secondary div.sui-sheet fieldset p span.label{
  font-weight:bold;
  width:10em;
  float:left;
}
#secondary div.sui-sheet fieldset table{ width:100%!important; }
#secondary div.sui-sheet fieldset table.info{
  width:auto!important;
  margin:0;
  padding:0 5px 0 0;
}
#secondary div.sui-sheet fieldset table.info tr td.right{
  padding-left:20px;
  text-align:left;
}
#secondary div.sui-sheet h4.legend{
  clear:left;
  margin:0 0 8px;
  padding:0;
  font-size:1em;
  color:#444;
  border-bottom:1px solid #ccc;
  text-align:center;
}
#secondary div.sui-sheet h4.legend strong{
  background:#f4f4f4;
  position:relative;
  top:.6em;
  padding:0 5px;
}
#secondary div.sui-sheet h3.no_data{
  font-weight:normal;
  text-align:center;
}

#secondary ul.printer-levels p.subtitle {
  width:200px;
}

#secondary div.sui-sheet fieldset.printer{
  margin:5px 0 0;
  padding:5px;
}
#secondary div.sui-sheet fieldset.printer p#printer_supply_link{
  margin:0;
  padding:0;
  float:right;
  clear:none;
}
form.edit-software{}
form.edit-software p.licenses{
  margin:5px 0;
}
form.edit-software p.licenses input{ width:3em; }
form.edit-software p.licenses em.example{ font-style:italic; font-size:10px; color:#666; }
form.edit-software table{
  width:100%;
  table-layout:fixed;
}
form.edit-software table tr.stripe1{ background:#fff; }
form.edit-software p.button{}

/* Agreements Page, Tabs, etc
   @agreements
**********************************************************************************/
/* 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{
  padding-top:30px;
  margin-left:auto;
  margin-right:auto;
  width:580px;
  margin-top:0px;
  padding-left:30px;
  padding-bottom:40px;
  padding-right:30px;
  border:1px solid #CCC;
  background-color:#FFF;
  box-shadow: 1px 1px 5px #CCC;
  -webkit-box-shadow: 1px 1px 5px #AAA;
  -moz-box-shadow: 1px 1px 5px #AAA;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;

}

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, div.learn_agreements div.featured_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;
}

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

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

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


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

body.agreements #secondary div.sui-tabbed-box{
  width:72%;
  float:left;
}

body.agreements #secondary div.sui-overview{
  width:26%;
  float:right;
}

body.agreements #secondary div.sui-tabbed-box{
  min-height:400px;
  height:auto !important;
  height:400px;
}

body.agreements #secondary div.sui-sheet table.ticket_table{width:100%;}
body.agreements #secondary div.sui-sheet p.quick_find{width:50%;}
body.agreements #secondary div.sui-sheet p.pivot_table{width:35%;}
#secondary div.sui-sheet table{width:100%;}

body.agreements #secondary h3.section-header {
  border-bottom:1px solid #DDD;
  margin:0 0 8px;
  padding:0 0 5px 0;
  position:relative;
  top:-0.5em;
}

body.agreements #secondary h3.section-header span {
  border:0;
  color:#BFBFBF;
  background-color:#F5F5F5;
  display:inline;
  font-size:0.8em;
  font-weight:bold;
  padding:2px 4px 0 0;
  left:0;
  position:relative;
  top:1.1em;
}
div.signup p.uk-portal input.uk-portal { width: 100%; }
p.uk-portal input.uk-portal { vertical-align: middle; }
div.collapsable.rackspace > h3{ font-size:1em; }
#secondary div.collapsable.rackspace > h3{ background:transparent url(/images/icons/small/rackspace-standard.png) no-repeat center right; }
#secondary div.collapsable.rackspace > h3.exchange{ background-image:url(/images/icons/small/exchange-standard.png); }
#secondary div.collapsable.rackspace > h3.both{ background-image:url(/images/icons/small/rackspace-hybrid.png); }
#secondary div.collapsable div.collapsing h3.section-header span{ background:#fff; padding:0 5px; }
#secondary table tr.group-separator h3.section-header span{ background:#fff; }
body.agreements #secondary h3.section-header span.rackspace-customer{ color:#000; background:#fff; }
body.agreements #secondary h4.rackspace-no-data{ text-align:left; margin:0 0 10px; font-size:1.1em; color:#888; }

div.mailboxes table tr.mailbox span.type{ display:block; width:20px; height:20px; text-indent:-9999px; background:transparent url(/images/icons/small/rackspace-standard.png); }
div.collapsable.rackspace p.extra{ margin:5px 2px 0 0; font-size:11px; text-align:right; }
div.collapsable.rackspace table tr td.service{ width:8.5em; }
div.collapsable.rackspace table tr td.mailbox-type{ width:30px; }
div.collapsable.rackspace table tr td.mailbox-name{ width:14em; }
div.collapsable.rackspace table tr td.mailbox-eas, div.collapsable.rackspace table tr td.mailbox-bb{ width:20px; }

div.mailboxes table tr.mailbox.exchange span.type{ background-image:url(/images/icons/small/exchange-standard.png); }
div.mailboxes table tr.mailbox td span.blackberry{ display:none; }
div.mailboxes table tr.mailbox.blackberry td span.blackberry{ display:block; width:20px; height:20px; text-indent:-9999px; background:transparent url(/images/icons/small/blackberry.png) no-repeat center left; }
div.mailboxes table tr.mailbox td span.activesync{ display:none; }
div.mailboxes table tr.mailbox.activesync td span.activesync{ display:block; width:20px; height:20px; text-indent:-9999px; background:transparent url(/images/icons/small/activesync.png) no-repeat center left; }
div.collapsable.rackspace table tr td span.percentage_bar span.inner{ width:50px!important; }

div.collapsable.rackspace table tr td.list-type{ width:30px; }
div.collapsable.rackspace table tr td.list-name{ min-width:8em; }

div.lists table tr.list.distribution_list span.type{ display:block; width:20px; height:20px; text-indent:-9999px; background-image:url(/images/icons/small/exchange-standard.png); }
div.lists table tr.list.alias span.type{ display:block; width:20px; height:20px; text-indent:-9999px; background-image:url(/images/icons/small/rackspace-standard.png); }

body.agreements #secondary .scan-error{
  margin:0 0 0 10px;
  padding:10px 0 0 50px;
  background:transparent url(/images/icons/medium/scan-error.png) no-repeat left 25px;
}
body.agreements #secondary .scan-error h3, body.agreements #secondary .scan-error h4{ font-weight:normal; }
body.agreements #secondary .scan-error h3{
  margin:0 0 10px;
}
body.agreements #secondary .scan-error h4{
  margin:0 0 10px;
}
body.agreements #secondary .scan-error h4 em{ font-style:italic; font-weight:bold; }
body.agreements #secondary .scan-error p{ margin:10px 0 0; font-size:1.2em; }
body.agreements #secondary .scan-error .actions{ margin:10px 0 0; padding:10px 0 0; border-top:1px solid #ccc; }
body.agreements #secondary .scan-error p.show-details a{ color:#666; text-decoration:none; }
body.agreements #secondary .scan-error .error-details{ margin:10px 0; font-size:.9em; }

body.agreements #secondary div.inner div.no_instances_notification{ padding-top:10px; color:#555; }
body.agreements #secondary div.inner div.no_instances_notification h3{
  padding:0;
  margin:10px 0;
  text-align:center;
  font-size:1.5em;
}

body.agreements form.edit_agreement table td.label {
  vertical-align:top;
}

body.agreements form.edit_agreement textarea.description {
  width:auto;
  height:60px;
}

body.agreements form.edit_agreement input.cost {
  width:115px;
}

body.agreements form.edit_agreement table#contacts_table {
  width:100%;
}
body.agreements form.edit_agreement table#contacts_table input {
  width:100%;
}
body.agreements form.edit_agreement table#contacts_table th {
  font-weight:bold;
}
body.agreements form.edit_agreement table#contacts_table td + td{
  padding:5px 14px 5px 0;
}

body.agreements form.edit_agreement table#contacts_table thead tr th{
  background-color:transparent;
  border:none;
  color:#444444;
  text-align:left;
}
body.agreements form.edit_agreement table#contacts_table thead tr td { text-align:left; }
body.agreements #secondary div.sui-overview div.section div#agreement_contacts{ margin-bottom:20px; }
body.agreements #secondary div.sui-overview div.section div.quick_form{ top:150px; }
body.agreements #secondary div.sui-overview div.activity_list{ margin:0 0 50px; }

body.agreements .detail_msg.no-agreement-alerts h4{ padding-top:105px!important; }
body.agreements .detail_msg.no-agreement-alerts ul{ width:25em; margin:0 auto; }
body.agreements .detail_msg.no-agreement-alerts ul li{ margin:10px 0 0 4em; list-style:disc; text-align:left; }
body.agreements .detail_msg.no-agreement-alerts ul li.leadin{ margin:5px 0; list-style:none; font-size:1.1em; font-weight:bold; text-align:center; }
body.agreements .detail_msg.no-agreement-alerts ul li.manage{ font-size:1.2em; margin:10px 0 0; list-style:none; text-align:center; }

/* Agreements - Purchases tab */
body.agreements div#agreement_summary_content div#purchases-list-body{ max-height: 250px; }
body.agreements div#agreement_summary_content div#purchases_trend{ margin-bottom: 10px; }
body.agreements div#agreement_summary_content div#more_purchases a{ margin: 10px 0 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%; }

/* Agreements - General styling for IT Service tabs */
body.agreements div#agreement_summary_content h4 {font-size: 13px; font-weight: bold;}

/* Cloud Servers */
div#agreement_summary_content a.provision-new-link {
  background:url(/images/icons/add_warranty.png) no-repeat left center;
  padding-left: 20px;
  float: right;
  margin-top: 10px;
  color: #CCC;
  text-decoration: none;
}
div#agreement_summary_content a.provision-new-link:hover {
  text-decoration: underline;
  background:url(/images/icons/add_warranty_hover.png) no-repeat left center;
  color: #888;
}


/* Used for things like the today/last week/earlier sub-sections */
ul.activities li.section{
  color:#AAA;
  font-style:italic;
  font-size:0.9em;
  font-weight:bold;
  margin:0;
  padding:5px 0 0 0;
  border:0;
  border-bottom:1px solid #EEEEEE;
}

#secondary div.sui-sheet h4.activities-heading{
  border-bottom:0;
  margin:0 0 5px;
  padding-left:2px;
  font-weight:normal;
  position:relative;
  height:20px;
  font-size:1.4em;
  color:#666;
}
#secondary div.sui-sheet h4.activities-heading span{ /* Actions Links */
  font-size:12px;
  font-style:normal;
  padding:3px;
  position:absolute;
  right:0;
}
#secondary div.sui-sheet h4.activities-heading span{ margin-top:0; }
#secondary div.sui-sheet h4.activities-heading span a{
  padding-left:5px!important;
  color:#555;
}
#secondary div.sui-sheet h4.activities-heading span a:hover{
  color:black;
}
#secondary div.sui-sheet h4.activities-heading span a.settings{
  border-right:1px solid #ccc;
  padding:0 5px 0 0;
}

/* Activities CSS Rules.
   Activities are an unordered list of options with a class of "activities".
   @activities, @feed, @recent, @notes
*/

body.activities #jump_to_date{
  float:right;
  position:relative;
  top:15px;
}
body.activities .activity_list{
  margin-bottom:5px;
  border-bottom:1px solid #CCCCCC;
}

body.activities div.sui-bttn-toolbar .sui-bttn-group span.jump_to_date {
  line-height: 18px;
  padding: 2px 0px 2px 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  float: left;
}

body.activities div.sui-toolbar > span.jump_to_date > a.closer{
  background:transparent url(../images/icons/close.png) no-repeat scroll left top;
  padding-left:5px;
  margin:0;
  text-decoration:none;
}
body.activities div.sui-toolbar > span.jump_to_date > a.closer:hover{
  background:transparent url(../images/icons/close_hover.png) no-repeat scroll left top;
}

ul.activities{
  padding:0!important; /* use important here since this uber-generic selector can easily be overridden */
  margin:0!important;
}
ul.activities > li{
  padding:5px 0 5px 28px;
  border:1px solid transparent;
  background-position:4px 3px;
  background-repeat:no-repeat;
  background-size: 20px 20px;
  clear:both;
  margin-top:1px;
  position:relative;
  z-index:0;
  cursor:pointer;
}

/* Menu on each activity */
ul.activities > li div.simple-menu{
  display:none;
  position:absolute;
  right:-6px;
  top:14px;
  width:auto;
  z-index:250;
}

ul.activities > li div.simple-menu ul{
  margin:0;
}
ul.activities > li div.sw-menu-wrap:hover{
  height:0;
  width:0;
}
ul.activities a.sw-menu-opener{
  position:absolute;
  top:0;
  right:0;
}
ul.activities a.sw-menu-opener:hover, ul.activities div.sw-menu-wrap:hover a.sw-menu-opener, ul.activities li.menuOpened a.sw-menu-opener{
  background-color:white;
  border-bottom-width:0px;
  border-color:#999;
  border-top-left-radius:4px;
  border-top-right-radius:4px;
  -moz-border-radius:4px 4px 0 0;
  -webkit-border-top-left-radius:4px;
  -webkit-border-top-right-radius:4px;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  z-index:400;
}
ul.activities li.menuOpened div.simple-menu{
  display:block;
}
/*
ul.activities a.sw-menu-opener:hover + div.simple-menu, ul.activities div.simple-menu:hover{
  display:block;
}*/
ul.activities div.simple-menu > div{
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  width:auto;
  display:block;
  background-color:#FFF;
  z-index:9999!important;
}
ul.activities > li div.sw-menu-wrap{
  height:15px;
  position:absolute;
  right:0.7em;
  top:0.4em;
}
ul.activities > li a.sw-menu-opener{display:none;}
ul.activities > li.generic-activity:hover a.sw-menu-opener{display:block;}

ul.activities > li.generic-activity:hover{
  background-color:#F6F6F6;
  border:1px solid #EEE;
  z-index:1;
/*  display:block;  enabling will make safari hover state not work */
  overflow:visible;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
ul.activities > li.generic-activity:active{
  border:1px solid #CCC;
  background-color:#F4F4F4;
}

ul.activities li.generic-activity:hover span.who_done_it{
  color:#000;
}

ul.activities li.note, div.nested p.note{ background-image:url(/images/icons/small/agreements/note.png);}
ul.activities li.document, div.nested p.document{background-image:url(/images/icons/small/agreements/attachment.png);}
ul.activities li.note.collapsed-parent, ul.activities li.document.collapsed-parent{ background-image:url(/images/icons/small/agreements/note.png);}
ul.activities li.help, div.nested p.help{background-image:url(/images/icons/small/agreements/infoitem.png);}
ul.activities li.info, div.nested p.info{background-image:url(/images/icons/small/agreements/infoitem.png);}
ul.activities li.marketinfo, div.nested p.marketinfo{background-image:url(/images/icons/small/information.png);}
ul.activities li.marketwp, div.nested p.marketwp{background-image:url(/images/icons/small/whitepaper.png);}
ul.activities li.marketpromo, div.nested p.marketpromo{background-image:url(/images/icons/small/marketpromo.png);}
ul.activities li.marketcomm, div.nested p.marketpromo{background-image:url(/images/icons/small/groups.png);}
ul.activities li.spiceworks, div.nested p.spiceworks{background-image:url(/images/icons/small/spiceworks_activity.png);}
ul.activities li.user, div.nested p.spiceworks{background-image:url(/images/icons/small/user.png);}
ul.activities li.user, div.nested p.user{background-image:url(/images/icons/small/user.png);}
ul.activities li.admin, div.nested p.admin{background-image:url(/images/icons/small/community_profile.png);}
ul.activities li.report_schedule_instance_generated, div.nested p.report_schedule_instance_generated{background-image:url(/images/icons/small/spiceworks_activity.png);}

ul.activities li.purchase, div.nested p.purchase{background-image:url(/images/icons/small/purchase.png);}
ul.activities li.cloud, div.nested p.cloud,
ul.activities li.agreement, div.nested p.agreement {background-image:url(/images/icons/small/it_services_name.png);}
ul.activities li.domain, div.nested p.domain{background-image:url(/images/icons/small/it_services_name.png);}
ul.activities li.device, div.nested p.device{background-image:url(/images/icons/small/user_defined.png);}
ul.activities li.ilo, div.nested p.ilo{background-image:url(/images/icons/small/ilo.png);}
ul.activities li.ilooa, div.nested p.ilooa{background-image:url(/images/icons/small/ilo.png);}
ul.activities li.networkprinter, div.nested p.networkprinter{background-image:url(/images/icons/small/networkprinter.png);}
ul.activities li.laptop, div.nested p.laptop{background-image:url(/images/icons/small/laptop.png);}
ul.activities li.ilo, div.nested p.server{background-image:url(/images/icons/small/ilo.png);}
ul.activities li.ilooa, div.nested p.server{background-image:url(/images/icons/small/ilooa.png);}
ul.activities li.server, div.nested p.server{background-image:url(/images/icons/small/server.png);}
ul.activities li.desktop, div.nested p.desktop{background-image:url(/images/icons/small/desktop.png);}
ul.activities li.wireless, div.nested p.wireless{background-image:url(/images/icons/small/wireless.png);}
ul.activities li.firewall, div.nested p.firewall{background-image:url(/images/icons/small/firewall.png);}
ul.activities li.nas, div.nested p.nas{background-image:url(/images/icons/small/nas.png);}
ul.activities li.copier, div.nested p.copier{background-image:url(/images/icons/small/copier.png);}
ul.activities li.router, div.nested p.router{background-image:url(/images/icons/small/router.png);}
ul.activities li.fax, div.nested p.fax{background-image:url(/images/icons/small/fax.png);}
ul.activities li.voipdevice, div.nested p.voipdevice{background-image:url(/images/icons/small/voipdevice.png);}
ul.activities li.snmpdevice, div.nested p.snmpdevice{background-image:url(/images/icons/small/snmpdevice.png);}
ul.activities li.httpdevice, div.nested p.httpdevice{background-image:url(/images/icons/small/httpdevice.png);}
ul.activities li.virtual.machine, div.nested p.virtual.machine{background-image:url(/images/icons/small/vm.png);}
ul.activities li.ups, div.nested p.ups{background-image:url(/images/icons/small/power_event.png);}
ul.activities li.batterybackup, div.nested p.batterybackup{background-image:url(/images/icons/small/batterybackup.png);}
ul.activities li.unknown, div.nested p.unknown{background-image:url(/images/icons/small/unknown.png);}
ul.activities li.cloud_server_created, div.nested p.cloud_erver_created {background-image:url(/images/icons/small/cloud-servers.png);}
ul.activities li.software_installed, div.nested p.software_installed{background-image:url(/images/icons/small/activity/software_installed.png);}
ul.activities li.software_uninstalled, div.nested p.software_uninstalled{background-image:url(/images/icons/small/activity/software_uninstalled.png);}
ul.activities li.software_updated, div.nested p.software_updated{background-image:url(/images/icons/small/licensed_software.png);}
ul.activities li.service_installed, div.nested p.service_installed{background-image:url(/images/icons/small/activity/service_installed.png);}
ul.activities li.service_uninstalled, div.nested p.service_uninstalled{background-image:url(/images/icons/small/activity/service_uninstalled.png);}
ul.activities li.hotfix_installed, div.nested p.hotfix_installed{background-image:url(/images/icons/small/activity/hotfix_installed.png);}
ul.activities li.hotfix_uninstalled, div.nested p.hotfix_uninstalled{background-image:url(/images/icons/small/activity/hotfix_uninstalled.png);}
ul.activities li.dns, div.nested p.dns{background-image:url(/images/icons/small/dns.png);}

ul.activities li.nested-device-created{background-image:url(/images/icons/small/group_general_d.png);}

ul.activities li.plugin{background-image:url(/images/icons/small/app_center.png);}
ul.activities li.user_device_action_from_plugin{background-image:url(/images/icons/small/community_profile.png);}

/* alerts and tickets are the most important, they need to be after all the above selectors */
ul.activities li.ticket, div.nested p.ticket{background-image:url(/images/icons/small/ticket.png);}

ul.activities li.process_killed, div.nested p.process_killed{background-image:url(/images/icons/small/processor.png);}
ul.activities li.process_kill_attempted, div.nested p.process_kill_attempted{background-image:url(/images/icons/small/processor_gray.png);}
ul.activities li.scanned_new_warranty, div.nested p.scanned_new_warranty{ background-image:url(/images/icons/small/warranty.png);}

ul.activities li.alert, div.nested p.alert{background-image:url(/images/icons/alert.png);}
ul.activities li.dismissed, div.nested p.dismissed{background-image:url(/images/icons/small/alert_checkmark.png);}
ul.activities li.dismissed h5, div.nested p.dismissed h5 {text-decoration: line-through;;}
ul.activities li.vaultlogix, div.nested p.vaultlogix{background-image:url(/images/icons/small/vaultlogix.png);}
ul.activities li.appassure, div.nested p.appassure{background-image:url(/images/icons/small/appassure.png);}
ul.activities li.alienvault, div.nested p.alienvault{background-image:url(/images/icons/small/alienvault.png);}

ul.activities li h5{
  color:#111111;
  font-size:1.1em;
  font-weight:normal;
  margin:0;
  padding:0;
  position:relative;
  padding-right:0;
  width:84%;
  z-index:1;
}
ul.activities li.no_author h5{
  width:95%;
}

body.dashboard .module ul.activities li h5{width:75%;}
body.dashboard .module ul.activities li.no-author h5{ width:90%; }
body.dashboard ul.activities li div.activity-title-actions{
  width:90px;
}

div.section.left ul.activities li h5{ width:300px; }

ul.activities > li div.sui-status-message, ul.activities > li div.sui-status-message h3{
  height:auto;
  padding:0;
  position:static;

}

ul.activities > li div.sui-status-message > h3 > span{
  font-size:14px;
}

ul.activities li.generic-activity h5 a, ul.activities div.nested p.generic-activity a{
  text-decoration:none;
  color:#2080AD;
}
ul.activities li.generic-activity h5 em.removed-object, ul.activities div.nested p.generic-activity em.removed-object{ text-decoration:line-through; }
ul.activities li.generic-activity h5 a:hover, ul.activities div.nested p.generic-activity a:hover{ text-decoration:underline; }
ul.activities li.more {
  padding:5px 0 0 0;
  background-color:#F6F6F6;
}

ul.activities li div.more a {
  color:#2080AD;
}

ul.activities li div.activity-title-actions{
  color:#888888;
  font-size:10px;
  height:20px;
  padding:2px 25px 3px 0;
  position:absolute;
  right:0;
  text-align:right;
  top:0;
  width:90px;
}
ul.activities li.no-author div.activity-title-actions{ width:20px; }

ul.activities li div.activity-title-actions span.who_done_it{
  position:absolute;
  right:3em;
  top:0.6em;
}
ul.activities li div.activity-title-actions a{ text-decoration:none!important; white-space:nowrap; }
ul.activities li div.activity-title-actions a.title-actions{
  background:transparent;
  float:right;
  width:15px;
  height:15px;
  padding-right:0!important;
  margin:0 3px 0 3px;
}


ul.activities li div.detail div.nested{
  margin:0 0 5px 0 ;
}
ul.activities li div.detail div.nested p.sub-head{
  margin-bottom:0;
  padding:5px 0 5px 24px;
  background-position:0 2px;
  background-repeat:no-repeat;
}
ul.activities li div.detail div.nested div.date{
  margin-top:3px;
  padding-left:24px;
}

ul.activities li div.detail{
  padding:0px;
  padding-top:5px;
  margin:0px;
  clear:right;
  display:none;
}
ul.activities li.generic-activity{
  cursor:pointer;
}

ul.activities li.open div.detail{ display:block; }
ul.activities li div.detail p{
  margin:0px;
  margin-top:3px;
  margin-bottom:8px;
  color:#333;
}
ul.activities li div.nested p{
  margin-bottom:0;
  padding-left:24px;
}
ul.activities li div.detail div.date, ul.activities li div.detail div.actions a, ul.activities li div.detail div.actions{
  color:#DDD;
  font-size:.9em;
  text-decoration:none;
}

ul.activities li:hover div.detail div.date, ul.activities li:hover div.detail div.actions a, ul.activities li:hover div.detail div.actions{
  color:#777;
  font-size:.9em;
}

ul.activities li div.detail div.actions{
  float:right;
  margin-right:30px;
}
ul.activities li div.detail div.actions a:hover{
  text-decoration:underline;
  color:#000;
}

.cloud-service-updated-detail th {
  padding-right: 5px;
}


/* Add Activity */
div.add_activity{
  margin-bottom:10px;
}

div.add_activity  div#activity_mode{
  position:relative;
  bottom:-6px;
  margin-top:-5px;
  zoom:1;
}

div.activity_contents span.actions{
  display:block;
  float:right;
  font-size:12px;
  padding:7px 5px 3px 3px;
}
div.activity_contents span.actions a{
  color:#555;
  text-decoration:underline;
}
div.activity_contents span.actions a:hover{
  color:black;
}



div.add_activity  div#activity_mode div.mode{
  float:left;
  padding-bottom:12px;
  margin-left:5px;
  margin-right:10px;
}
div.add_activity  div#activity_mode div.mode.selected{
  background-image:url(/images/layout/white_top_arrow.png);
  background-position:0px bottom;
  background-repeat:no-repeat;
}
div.add_activity  div#activity_mode div.mode > span{
  background-image:url(/images/icons/small/community_profile.png);
  background-position:0 0;
  background-repeat:no-repeat;
  padding-left:22px;
  font-size:1.1em;
  line-height:1.7em;
  display:block;
  color:#666;
}

div.add_activity div.add_comment{
  margin-bottom:15px;
  padding-left:5px;
  padding-right:5px;
}
div.add_activity div.textarea_wrap{
  margin-right:10px;
  margin-left:5px;
  clear:both;
}

div.add_activity div.textarea_wrap textarea{
  height:16px;
  width:100%;
  overflow:auto;

  font-size:1em;
  line-height:1.3em;
  padding:2px 0 2px 4px;
}
div.add_activity div.buttons{
  padding-top:2px;
  text-align:right;
  margin-right:5px;
}

#active_overview div.no-activities{
  text-align:center;
  font-size:1.4em;
  color:#888888;
  margin:20px 0;
  position:relative;
  padding:70px 0;
}
ul#activity_list li.more-activities{
  text-align:center;
  margin:10px 0 0;
  padding:0 !important;
  text-align:center;
  border:0;
}
ul#activity_list li.more-activities a{
  width:90%;
}

ul#activity_list li.marker{
  padding:0!important;
  margin:0!important;
}

ul.activities > li.marker > hr{
  background:#CCCCCC none repeat scroll 0 0;
  border:medium none;
  height:1px;
  margin:0;
  padding:0;
}

ul.activities > li h5.activity-heading > strong{
  font-weight:normal;
}

#active_overview div.no-activities h4{
  font-size:25pt;
  font-weight:normal;
  margin:0;
  padding:0;
  text-align:center;
  width:100%;
  font-style:normal!important;
  border:none;
}
/* 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:90%;
}

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

body.agreements div.agreement_popup div#new_agreement_content, div.agreement_popup div#new_agreement_content{
  display:block;
  font-size:1em!important;
}

/* Agreement Education/Form Popup */
body.agreements div.agreement_popup div.agreement_form_wrap, div.agreement_popup div.agreement_form_wrap{
  width:290px;
  display:relative;
  float:right;
  padding-left:5px;
}
.agreement_form_wrap form .highlight{ display:block; text-align:center; font-size:11px; }

body.agreements div.agreement_popup.generic div#new_agreement_content input.text, div.agreement_popup.generic div#new_agreement_content input.text{ width:150px; }
body.agreements div.agreement_popup.generic div#new_agreement_content input.date_field, div.agreement_popup.generic div#new_agreement_content input.date_field{ width:130px; }
body.agreements div#new_agreement input.cost, div#new_agreement input.cost{ width:60px!important; }
body.agreements div.agreement_popup.generic select.text, div.agreement_popup.generic select.text{
  width:87px!important;
  padding:1px;
}
body.agreements div.agreement_popup input.date_field, div.agreement_popup input.date_field{ width:230px; }

body.agreements div.agreement_popup.specialized, html div.agreement_popup.specialized { width:375px; }
body.agreements div.agreement_popup.specialized p.note {
  font-size:0.9em;
  text-align:center;
}

body.agreements div.specialized_agreement div.highlighted_section.failure label,
body.agreements div.specialized_agreement div.highlighted_section.failure em.message {
  color:#800000;
}
body.agreements div.specialized_agreement div.highlighted_section.success em.message {
  color:#008000;
}
body.agreements div.specialized_agreement div.highlighted_section em.message {
  display:block;
  font-size:0.9em;
  padding-left:87px;
  padding-top:5px;
  padding-bottom:10px;
}

div.agreement_popup div.specialized_agreement.rackspace p.rackspace_api_key_success {
  padding-left:88px;
  padding-top:3px;
  padding-bottom:3px;
}

div.specialized_agreement.rackspace p.rackspace_api_key_success a {
  font-size:1em;
  color:#AAA;
}

div.specialized_agreement .logo {
  text-align:center;
  padding:12px 12px 0 12px!important;
}

.rackspace_promo {
  margin: 0 10px 5px 10px;
  padding: 10px 30px;
  text-align: center;
  background-color: #FDF7D7;
}

body.agreements div#agreement_summary_content .no_google_apps_business_account {
  font-size: 1.1em;
  margin: 10px;
}
body.agreements div#agreement_summary_content .google_apps_sign_up {
  font-size: 1.1em;
  padding: 10px 30px;
  text-align: center;
}

div.specialized_agreement.rackspace form,div.specialized_agreement.google_apps form{
  width:100%;
}

div.specialized_agreement.rackspace form div.bottom, div.specialized_agreement.google_apps form div.bottom {
  margin-top:10px;
}

div.specialized_agreement.rackspace form p.errors, div.specialized_agreement.google_apps form p.errors {
  background:none repeat scroll 0 0 #F7F7F7;
  border-top:1px solid #CCCCCC;
  text-align:center;
  font-size:0.95em;
  color:#800;
  text-align:center;
  margin-bottom:0;
  padding:3px;
}

div.specialized_agreement.rackspace form p.btn, div.specialized_agreement.google_apps form p.btn {
  border-top:1px solid #CCCCCC;
  margin-top:0;
  padding-top:8px;
  text-align:right;
  font-size:0.9em;
}

div.specialized_agreement.rackspace form p.errors + p.btn, div.specialized_agreement.google_apps form p.errors + p.btn {
  margin-top:0;
}

div.specialized_agreement.rackspace form p.btn a.help, div.specialized_agreement.google_apps form p.btn a.help {
  padding:1px 0 1px 20px !important;
  position:relative;
  top:-1px;
}

div.specialized_agreement.rackspace form p.btn em, div.specialized_agreement.google_apps form p.btn em {
  position:relative;
  top:-2px;
}

div.specialized_agreement form h5 {
  font-weight:bold;
  text-align:center;
}

div.specialized_agreement form h6 + p, div.specialized_agreement form h5 + p {
  margin-top:15px;
}
div.specialized_agreement form h5 + p.note {
  margin-bottom:15px;
  margin-top:0;
  text-align:center;
}

div.specialized_agreement form h6 {
  text-align:center;
  margin-bottom:20px;
}

/* Specific to conversion flow in the secondary panel */
#secondary div.specialized_agreement.rackspace {
  width:27em;
  font-size:1em;
  margin: 20px auto 10px auto;
  background-color:#F7F7F7;
  border:1px solid #EEE;
  padding:10px 5px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
#secondary div.specialized_agreement.google_apps {
  width:27em;
  font-size:1em;
  margin: 20px auto 10px auto;
  background-color:#F7F7F7;
  border:1px solid #EEE;
  padding:10px 5px;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}

#secondary div.agreement_education {
  float:left;
  width:35%;
  padding:10px 5px 10px 10px;
  border:0;
}

#secondary div.agreement_education + div.specialized_agreement {
  float:right;
  width:60%;
  margin:0;
  background-color:transparent;
  border:none;
  border-left:1px dashed #AAA;
}

#secondary div.specialized_agreement.rackspace h3, #secondary div.specialized_agreement.google_apps h3, #secondary div.agreement_education h3 {
  text-align:center;
  font-size:1em;
}

#secondary div.specialized_agreement input[type=text],
#secondary div.specialized_agreement input[type=password]  {
  width:55%!important;
}
#secondary div.specialized_agreement label {
  width:30%!important;
  text-align:right!important;
}
#secondary div.specialized_agreement p {
  padding:4px;
}

#secondary div.specialized_agreement div.highlighted_section em.message {
  padding-left:30%;
  padding-right:10%;
}

#secondary div.specialized_agreement p.rackspace_api_key_success {
  margin-left:30%;
}

body.agreements #primary.agreements-icon{
  height:185px;
  overflow:auto;
  overflow-x:hidden;
  overflow-y:scroll;
  padding:5px;
  background-color:#FFF;
}

body.agreements #primary ul.icons{
  list-style:none;
  margin:0;
  padding:0;
}
body.agreements #primary ul.icons li{ display:inline; }
body.agreements #primary ul.icons li a, #primary ul.icons li.linkless{
  background:#FFFFFF url(../images/layout/boxes/inventory_asset_icon.png) no-repeat scroll left top;
  display:block;
  float:left;
  font-size:0.8em;
  height:88px;
  margin:0 1px;
  outline-color:-moz-use-text-color;
  outline-style:none;
  outline-width:medium;
  overflow:hidden;
  text-decoration:none;
  width:96px;
  position:relative;
}
body.agreements #primary ul.icons li.windows a{ background-image:url(../images/layout/boxes/os/windows.png); }
body.agreements #primary ul.icons li.linux a{ background-image:url(../images/layout/boxes/os/linux.png); }
body.agreements #primary ul.icons li.osx a{ background-image:url(../images/layout/boxes/os/osx.png); }
body.agreements #primary ul.icons li.solaris a{ background-image:url(../images/layout/boxes/os/solaris.png); }
body.agreements #primary ul.icons li.vmware a{ background-image:url(../images/layout/boxes/os/vmware.png); }
body.agreements #primary ul.icons li a:hover *{ cursor:hand; }
body.agreements #primary ul.icons li.selected a{
  cursor:auto;
  background-position:bottom left;
}

body.agreements #primary ul.icons li.selected strong{
  color:#FFF;
}

body.agreements #primary ul.icons li strong{
  display:block;
  font-size:13px;
  height:75px;
  font-weight:bold;
  padding:3px 0 0;
  text-align:center;
  color:#333;

  /* 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 70%;
}

body.agreements div.agreement_education, div.agreement_popup div.agreement_education{
  float:left;
  border-right:1px dashed #AAA;
  width:270px;
  padding-left:10px;
  min-height:180px;
}
body.agreements div.agreement_education a, div.agreement_popup div.agreement_education a{
  color:#2080AD;
}
body.agreements div.agreement_education p, div.agreement_popup div.agreement_education p{ margin-bottom:13px; }
body.agreements div.agreement_education p.education_bullet, div.agreement_popup div.agreement_education p.education_bullet{
  padding-left:22px;
  min-height:20px;
  background-position:0px 3px;
  background-repeat:no-repeat;
  margin-top:15px;
  background-image: url(/images/icons/checkbox.png);
}
body.agreements div.agreement_education p.partner, div.agreement_popup div.agreement_education p.partner{
  background-image:url(/images/icons/small/support.png);
  background-position:0px -1px;
}
body.agreements div.agreement_education p.question, div.agreement_popup div.agreement_education p.question{
  background-image:url(/images/icons/small/white_question.png);
  background-position:0px -1px;
}
body.agreements div.agreement_education p.groups, div.agreement_popup div.agreement_education p.groups{
  background-image:url(/images/icons/small/groups.png);
  background-position:0px -1px;
}
body.agreements div.agreement_education p.ratings, div.agreement_popup div.agreement_education p.ratings{
  background-image:url(/images/icons/small/product_rating.png);
  background-position:0px -1px;
}
body.agreements div.agreement_education ul{
  padding:0px;
  margin:0px;
}
body.agreements div.agreement_education li{
  padding-left:25px;
  padding-bottom:10px;
  background-repeat:no-repeat;
  background-position:top left;
}
body.agreements div.agreement_education li.note{ background-image:url(/images/icons/small/agreements/note.png);}
body.agreements div.agreement_education li.ticket{background-image:url(/images/icons/small/ticket.png);}
body.agreements div.agreement_education li.graph{background-image:url(/images/icons/small/agreements/chart_bar.png);}

body.agreements ul.vendor-choices {
  min-height:140px;
}

body.agreements ul.vendor-choices li a {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  padding:15px 0 15px 50px;
  border:1px solid #F7F7F7;
  margin:5px;
  display:block;
  background-position:5px center;
  background-repeat:no-repeat;
  font-size:1.2em;
  text-decoration:none;
}

body.agreements ul.vendor-choices li:hover a {
  background-color:#F1F1F1;
  border:1px solid #DDD;
}

body.agreements ul.vendor-choices.email li.rackspace a {
  background-image: url("/images/icons/medium/agreements/specialized/rackspace.png");
}

body.agreements ul.vendor-choices.email li.google_apps a {
  background-image: url("/images/icons/medium/agreements/google_apps.png");
}

body.agreements ul.vendor-choices.email li.other a {
  background-image: url("/images/icons/medium/agreements/email.png");
}

body.agreements div.specialized_agreement input[readonly] {
  border:1px solid #CCC;
  color:#AAA;
}

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

body.agreements ul.it_service_categories{
  padding:0px;
  padding-left:0px;
}
body.agreements ul.it_service_categories li.it_service_category{
  width:30%;
  padding:5px;
  float:left;
}
body.agreements ul.it_service_categories li.it_service_category + li.it_service_category {
  padding-left:2%;
}

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.2em;
  font-weight:bold;
  text-align:left;
  border-bottom:1px solid #CCC;
  color:#222;
  padding-left:5px;
}
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 5px;
  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; }
body.agreements div#new_agreement_content span.callout{
  font-size:1.2em;
  float:left;
  padding:0 2px 2px 10px;
  color:red;
}

/* Agreement Type Popup - Category Icons */
body.agreements ul.it_service_categories li.it_service_category.communication div.category_info{ background:transparent url(../images/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(../images/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(../images/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(../images/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;
}

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 div.quick_form table.edit_details td{ padding:1px 0; }
body div.quick_form table.edit_details td.label{
  text-align:right;
  font-weight:bold;
  width:100px;
  vertical-align:top;
  padding-top:4px;
}

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

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

/* Agreements AutoComplete*/
body.agreements div#new_agreement div.auto_complete li{ font-size:10pt; white-space:nowrap; overflow:hidden;}
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;
}

/* Agreements contacts tab */

#contacts li { padding: 8px; clear: both;}
#contacts .contacts_head { font-weight: bold; }
#contacts .contacts_column {
  display: block;
  float: left;
  line-height: 24px;
  height: 24px;
  width: 25%;
  text-align: center;
  margin: 0 1px;
}
#contacts .contacts_column.button,
#contacts .contacts_column.spinner { width: 50px; text-align: left;}
#contacts .contacts_column.spinner img { margin-left: 10px; }
#contacts input[type=text] { height: 21px; }


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

div.add_attachment{
  padding:5px;
  background-color:#EFEFEF;
  border:1px solid #CCCCCC;
  position:relative;
  width:auto;
}

div.add_attachment div.meta{
  position:absolute;
  right:10px;
  top:10px;
  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:60%;
  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(/images/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 p.comment label{
  float:left;
  font-weight:bold;
  padding-top:5px;
  padding-right:5px;
  width:75px;
  text-align:right;
}

/* Network shares tab
**********************************************************************************/

#item_summary div#item_network_shares.info_section > h4 {
  border: 0;
}

#item_summary div#active-directory {
  background-color: #FDF7D7;
  border: 1px solid #CCC;
  padding: 2px;
  text-align: center;
}

#item_network_shares ul.sui-list li.item {
  background-image: url("/images/icons/small/storage.png");
  background-position: 0.1em 0.5em;
  border-top: 1px solid #f1f1f1;
}

#item_network_shares table.permissions tr.title {
  background-color: #e2e7ec;
}

#item_network_shares table.permissions tr.title th.cell_account_permissions {
  text-align: left;
  width: 35%;
}

#item_network_shares table.permissions td.type,
#item_network_shares table.permissions tr.title th {
  text-align: center;
};

#item_network_shares table.permissions td {
  text-align: left;
}

/*


#item_network_shares table.permissions td.checked.can_write {
  background: url("/images/icons/checkbox.png") no-repeat center transparent;
}

#item_network_shares table.permissions td.checked.can_delete {
  background: url("/images/icons/checkbox.png") no-repeat center transparent;
}

#item_network_shares table.permissions td.checked.can_admin {
  background: url("/images/icons/checkbox.png") no-repeat center transparent;
}
*/

#item_network_shares table.permissions td.checked {
  background: url("/images/icons/checkbox.png") no-repeat center transparent;
}

#item_network_shares table.recommendations {
  background-color: #FDF7D7;
  border: 1px solid #CCC;
  margin: 2px 0;
}

#item_network_shares table.recommendations td.recommendations-title {
  width: 110px;
  font-style: italic;
  font-weight: bold;
  vertical-align: top;
  padding-left: 5px;
  padding-top: 5px;
}

#item_network_shares table.recommendations td.recommendation-cell {
  vertical-align: top;
  padding: 5px 0;
}

#item_network_shares table.recommendations ul.recommendation-list {
  padding: 0 0 0 10px;
}

#item_network_shares table.recommendations ul.recommendation-list li {
  padding: 0;
  min-height: 1em;
  border-top: none;
}

#item_network_shares table.recommendations td.recommendation-link {
  text-align: right;
  vertical-align: bottom;
  padding-right: 3px;
  font-size: 90%;
}

#item_network_shares table.permissions {
  border: 1px solid #ccc;
}

#item_network_shares table.permissions tr {
  border-color: #ddd;
  border-style: solid none;
  border-width: 1px 0;
}

#item_network_shares table.permissions td, #item_network_shares table.permissions th {
  padding: 2px;
}

#item_network_shares table.permissions tr.stripe0 {
  background-color: #fefefe;
}

#item_network_shares table.permissions tr.stripe1 {
  background-color: #EDF8FF;
}

#item_network_shares table.permissions tr.recommendation {
  background-color: #ffb591;
}

#item_network_shares span.date {
  color: #888888;
}

#item_network_shares p.disk {
  color: #888888;
  font-size: .9em;
}

#item_network_shares p.disk {
  color: #888888;
  font-size: .9em;
}

#item_network_shares p.disk.recommendation {
  color: #F37474;
  font-weight: bold;
}

#item_network_shares p.empty {
  text-align: center;
  color: #6d6d6d
}

#item_network_shares table.permissions tr.title {
  font-weight: bold;
}

#item_network_shares div.action-links, a.open_network_share_details {
  opacity: 1;
  visibility: visible;
  text-align: right;
}

#item_network_shares a.open_network_share_details {
  background: url(/images/icons/small/magnifying.png) no-repeat;
  background-position: left top;
  padding-left: 22px;
}

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

/* flash stylings
************************************************************/
#group_summary div.env_flash_chart{
  width:100%;
  height:265px;
/*  margin:0 0 0 10px;*/
}
#group_summary.showing_events div.env_flash_chart{ height:300px; }
#group_summary.showing_events p.chart_tip{
  margin-left:0;
  margin-top:5px!important;
}
.chart_container div.env_flash_chart{
  width:100%;
  height:155px;
  min-height:155px;
  margin:0;
  float:left;
}
div#disk_usage_chart{ margin:10px 0 0; min-height: 140px; }

.flash-140 {
    min-height: 140px;
}

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;
  clear:left;
  text-align:center;
  padding-top:10px;
}

/* 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{
  padding:0;
  width:20px;
  height:20px;
  display:inline-block;
  margin:0 5px 0 0!important;
}
p.slideshow_controls a span{ display:none; }
p.slideshow_controls a.rewind{ background:transparent url(../images/icons/rewind.png) no-repeat top left; }
p.slideshow_controls a.forward{ background:transparent url(../images/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/edit panel, and bulk compare popup
***************************************************************************/
#bulk_compare, #bulk_actions{
  clear:both;
}
#bulk_actions > div.content{
  padding:5px;
}
#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;
  padding:9px 0 1px 3px;
  font-weight:bold;
  margin:0;
}

#bulk_actions form ul.action_items{
  background:#F4F4F4 none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  display:block;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  max-height:250px;
  overflow-y:scroll;
  padding:0 0 0 5px;
}
#bulk_actions form ul.action_items li{
  display:block;
  float:left;
  width:185px;
  padding:1px 0;
}
#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.buttons{
  width:auto;
  margin:5px 0 0;
  padding:8px 0 0 7px;
  border-top:1px solid #ccc;
}
#bulk_actions form p.buttons a.help{ padding-left:5px; }

#bulk_actions p.copy{
  position:relative;
}

#bulk_actions p.copy a.spice_select{
  position:absolute;
  width:150px;
  margin-left:5px;
  top:0;
  left:40px;
}

#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(../images/icons/indicators/toggle_down.png) no-repeat center left;
  background-position:5px center;
  padding-left:20px;
  cursor:pointer;
  width:125px;
}
#bulk_compare .content table tr.hidden td.label{ background-image:url(../images/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 in modal popup
***************************************************************************/
#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{
  display:inline-block;
  position:relative;
  top:5px;
}
#auth_error div.pseudo_form{
  margin:0;
  padding:10px 0 5px;
  border:0;
  border-left:0;
  border-right:0;
}
div#auth_error div.pseudo_form p {
  overflow:hidden;
}
div#auth_error div.pseudo_form p label{
 width:80px; }
div#auth_error div.pseudo_form p select{ width:205px;
}
div#auth_error div.pseudo_form p input.text{ width:200px;
}
div#auth_error div.pseudo_form p em.help{
  font-size:.8em;
  color:#666;
  text-align:left!important;

}
div#auth_error div.pseudo_form p.help{ margin-left:83px; }

/* Styles for pivot menus
***************************************************************************/
a.pivot{ padding-right:10px!important;}
p.p_pivot a, div.p_pivot a, a.pivot_icon{ background:transparent url(../images/icons/indicators/pivot.png) no-repeat center right; }
a.pivot:hover{ background:transparent url(../images/icons/indicators/pivot.png) no-repeat center right; }
div.pivotable{
  background:transparent url(../images/layout/shadowAlpha.png) repeat-y bottom right;
  width:auto;
  min-width:90px;
  position:absolute;
  z-index:9999!important;
  padding:0 7px 7px 0;
}
div.pivotable div.inner{ white-space:nowrap; }

div.activity_pivotable div.inner{
  position:absolute;
  right:-15px;
}
div.table-actions-pivotable div.inner{ position:absolute; right:-40px; }

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;
}
ul.vertical-list{
  border:0;
  background:#fff;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.2em;
  text-align:left;
}

ul.vertical-list li {
  padding: 1px 3px 2px 0px;
  display:block;
  white-space:nowrap;
}
ul.vertical-list li > label {
  font-weight:normal;
  display:block;
}

ul.vertical-list li > label > span {
  padding-left:3px;
  font-size:0.9em;
}

/*div#ticket-column-edit ul#column-list label.column-label {display:block;}*/
ul.vertical-list li:hover {background-color: #DDD;}


div.pivotable ul li{
  display:block;
  padding:0;
  margin:0;
}
div.pivotable ul li a, ul.vertical-list li a{
  padding:4px 5px!important;
  text-decoration:none;
  display:block!important;
  min-width:50px;
}
div.pivotable ul li span.separator, ul.vertical-list li span.separator{
  display:block;
  border-top:1px solid #ccc;
  height:1px;
  margin:2px 0 1px;
}
div.table-actions-pivotable ul li a{
  padding:4px 5px 4px 25px!important;
}
div.pivotable ul li span.hint, ul.vertical-list li span.hint{
  background-color:transparent;
  background-position:95%;
  background-repeat:no-repeat;
  background-image:url(../images/icons/indicators/info.png);
  display:block;
}
div.pivotable ul li span.hint a, ul.vertical-list ul li span.hint a{
  padding-right:30px!important;
  cursor:pointer!important;
}

div.pivotable ul li a:hover, ul.vertical-list li a:hover{
  background-color:#ebebeb;
  text-decoration:none!important;
}
ul.vertical-list li a.disabled:hover {
  background-color:#FFF;
}


div.pivotable ul li a.disabled, ul.vertical-list 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 a.icon, ul li a.icon, ul li.card .icon{
  background-color:transparent;
  background-position:5px 50%;
  background-repeat:no-repeat;
  padding-left:25px!important;
}
ul li a.icon.plugin-added{ background-image:url(../images/icons/small/gear.png); } /* Default icon for plugins that add tools to troubleshooting menus */
ul li a.icon.move{ background-image:url(../images/icons/small/move.png); }
ul li a.icon.copy{ background-image:url(../images/icons/small/copy.png); }
ul li a.icon.edit{ background-image:url(../images/icons/small/edit.png); }
ul li a.icon.delete, ul li a.icon.delete_report{ background-image:url(../images/icons/small/trash.png); }
ul li a.icon.reclassify{ background-image:url(../images/icons/small/reclassify.png); }
ul li a.icon.new_asset{ background-image:url(../images/icons/small/new_asset.png); }
ul li a.icon.edit_details{background-image:url(../images/icons/small/nav_edit.png);}
ul li a.icon.rename{background-image:url(../images/icons/small/nav_edit.png);}
ul li a.icon.customize{background-image:url(../images/icons/small/customize.png);}
ul li a.icon.separator{ border-top:1px solid #CCC; padding-top:5px;}
ul li a.icon.add-time{background-image:url(../images/icons/small/clock_add.png);}
ul li a.icon.user-admin{background-image:url(../images/icons/small/user_admin.png);}
/*div.pivotable a.user-none{background-image:url(../images/icons/small/user_none.png);}*/

/* Temporary for left nav menus*/
ul li a.icon.user_portal{background-image:url(../images/icons/small/portal.png);}
ul li a.icon.email_settings{background-image:url(../images/icons/small/agreements/email.png);}
ul li a.icon.help_desk_settings{background-image:url(../images/icons/small/helpdesk_setup.png);}
ul li a.icon.scan_settings{background-image:url(../images/icons/small/start_scan.png);}
ul li a.icon.monitor_settings{background-image:url(../images/icons/small/alert.png);}
ul li a.icon.new_report{background-image:url(../images/icons/small/create_report.png);}
ul li a.icon.shared_reports{background-image:url(../images/icons/small/agreements/link.png);}
ul li a.icon.category_settings{background-image:url(../images/icons/small/customize.png);}
ul li a.icon.homepage{background-image:url(../images/icons/small/home_nav.png);}
/* End Temporary */

ul li a.icon.view_profile{background-image:url(/images/icons/small/view_profile.png);}
ul li a.icon.new_ticket{background-image:url(../images/icons/small/new_ticket.png);}
ul li a.icon.new_purchase{background-image:url(../images/icons/small/purchase.png);}
ul li a.icon.new_warranty{background-image:url(../images/icons/small/warranty.png);}
ul li a.icon.run_report{background-image:url(../images/icons/small/refresh.png);}
ul li a.icon.export_report{background-image:url(../images/icons/small/export_report.png);}
ul li a.icon.export{background-image:url(../images/icons/small/export_report.png);}

ul li a.icon.share_report{background-image:url(../images/icons/small/share_report.png);}
ul li a.icon.edit_report{background-image:url(../images/icons/small/edit_report.png);}

ul li a.icon.remote, div.pivotable a.remote_control{ background-image:url(../images/icons/small/remote_control.png); }
ul li a.icon.compare{ background-image:url(../images/icons/small/compare_devices.png); }
ul li a.icon.troubleshooting{ background-image:url(../images/icons/small/device_troubleshoot.png); }
ul li a.icon.ping{ background-image:url(../images/icons/small/ping.png); }
ul li a.icon.traceroute{ background-image:url(../images/icons/small/traceroute.png); }
ul li a.icon.wol{ background-image:url(../images/icons/small/wol.png); }
ul li a.icon.ilo{ background-image:url(../images/icons/small/iloo.png); }
ul li a.icon.nslookup{ background-image:url(../images/icons/small/nslookup.png); }
ul li a.icon.process_list{ background-image:url(../images/icons/small/processor.png); }
ul li a.icon.service_list{ background-image:url(../images/icons/small/gear.png); }
ul li a.icon.software_list{ background-image:url(../images/icons/small/software_list.png); }

ul li a.icon.enable_person{ background-image:url(/images/icons/small/person-enable.png); }
ul li a.icon.disable_person{ background-image:url(/images/icons/small/person-disable.png); }
ul li a.icon.reset_password_person{ background-image:url(/images/icons/small/person-reset-pwd.png); }
ul li a.icon.unlock_account_person{ background-image:url(/images/icons/small/person-unlock.png); }
ul li a.icon.supervisor, ul li.card .icon.supervisor{ background-image:url(/images/icons/small/supervisor.png) }
ul li a.icon.supervisor.missing, ul li.card .icon.supervisor.missing{ background-image:url(/images/icons/small/supervisor_missing.png) }
ul li a.icon.owner{ background-image:url(/images/icons/small/user_silhouette.png) }
ul li a.icon.location{ background-image: url(/images/icons/small/location.png);  }
ul li a.icon.computer, ul li.card .icon.computer{ background-image: url(/images/icons/small/computer.png);  }
ul li a.icon.computer.missing, ul li.card .icon.computer.missing{ background-image: url(/images/icons/small/computer_missing.png);  }
.sui-databand .sui-databand-left ul li.sui-databand-icon.owner.no_person_associated { background-image: url(/images/icons/small/no_user_silhouette.png);  }

ul li a.icon.rescan, ul li a.icon.rescan_person{ background-image:url(/images/icons/indicators/spinning_arrows_orange_still.png); }
ul li a.icon.rescan.scanning, ul li a.icon.rescan_person.scanning{ background-image:url(/images/icons/indicators/spinning_arrows_orange.gif); }

ul li a.disabled{
  cursor:text;
  text-decoration:none!important;
  color:#aaa;
}
ul li a.icon.view_icon{background-image:url(../images/icons/toolbar/view_icon.png);}
ul li a.icon.view_browse{background-image:url(../images/icons/toolbar/view_browse.png);}
ul li a.icon.view_list{background-image:url(../images/icons/toolbar/view_list.png);}
a.toolbar_button.network_map_layout.fan span.icon, ul li a.icon.network_map_layout.fan{background-image:url(../images/icons/toolbar/network_map_fan.png);}
a.toolbar_button.network_map_layout.tree span.icon, ul li a.icon.network_map_layout.tree{background-image:url(../images/icons/toolbar/network_map_tree.png);}

a.spice_select{
  background:#FFF;
  display:block;
  outline:none;
  overflow:hidden;
  text-decoration:none!important;
}

a.spice_select:hover{ text-decoration:none; }
a.spice_select span.icon{
  /* see ie.hacks */
  background:transparent url(/images/icons/indicators/select_pivot.png) no-repeat scroll right center;
  display:block;
  height:auto;
  height:inherit;
  margin:0;
  overflow:hidden !important;
  padding:0 1px;
}

div.spice_selectable{
  background:transparent url(../images/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  z-index:9999px!important;
  padding:0 7px 7px 0;
}
div.spice_selectable ul{
  max-height: 130px;
  border:1px solid #969696;
  border-right:0;
  border-bottom:0;
  background:#fff;
  margin:0;
  padding:0;
  list-style:none;
  font-size:1.2em;
  overflow-x:hidden;
  overflow-y: scroll;
}
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 auto 4px auto;
  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:#FFB591!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 a.multi{
  background-color:transparent;
  background-position:5px 50%;
  background-repeat:no-repeat;
  padding-left:25px!important;
  outline:none;
}
div.spice_selectable a.checked, #software_title_toolbar a.checked span {
  background-image:url(../images/icons/indicators/checked.png);
}
div.spice_selectable a.unchecked, #software_title_toolbar a.unchecked span{
  background-image:url(../images/icons/indicators/unchecked.png);
}

/* Styles for search page
**********************************************************************************/
.perform-search{ padding:180px 0 220px; }
.perform-search h3{ margin:0 0 20px; text-align:center; }
.perform-search .app-search{
  position:relative;
  width:75%;
  margin:0 auto;
}
.perform-search .app-search input[type=text]{ font-size:1em; }
.filter-results{ padding:10px 0 20px; }
.filter-results a{ text-decoration:none; }
.filter-results .sections{
  overflow:hidden;
  width:400px;
  margin:0 auto;
  padding:0 0 10px;
}
.filter-results .sections a{
  float:left;
  text-align:center;
  width:200px;
  font-size:1.2em;
  color:#999;
}
.filter-results .sections a:hover{ color:#444; }
.filter-results .sections a.selected{
  color:#444;
  font-weight:bold;
}
.filter-results .filters{ text-align:center; }
.filter-results .filters li{ display:inline; padding:0 8px; }
.filter-results .filters li a{ color:#666; }
.filter-results .filters li a:hover{ color:#333; }
.filter-results .filters li.selected{}
.filter-results .filters li.selected a{ font-weight:bold; color:#000; }
.filter-results .filters.community li em{ font-style:italic; }
.filter-results .filters.community li.selected a{ font-weight:normal; color:#666; text-decoration:underline; }

body.search .results{ overflow:hidden; }
body.search .results .result{
  clear:left;
  padding:0 10px 10px;
  margin:0 0 10px;
  border-bottom:1px solid #ccc;
  overflow:hidden;
}
body.search .results .result.no_result{
  font-size:1.2em;
  font-style:italic;
  border-bottom:0;
}
body.search .results img{ float:left; }
body.search .results .result div{
  margin:0 0 0 50px;
}
body.search .results .result .result_link{
  font-weight:bold;
  text-decoration:underline;
}
body.search .results .result .result_link .highlight{ text-decoration:underline; }
body.search .results .result .excerpt{
  color:#888;
  font-size:0.9em;
  min-height:1.3em;
}
body.search .results#community_results .mixed_results{ width:auto; }
body.search .results#community_results .special_result{ display:none!important; }
body.search .results#community_results > p{
  font-size:1.3em;
  color:#444;
  text-align:center;
  background:transparent url(/images/other/loading-pepper.gif) no-repeat top center;
  margin:25px 0 0;
  padding:50px 0;
}
body.search .results#community_results > p.failed{ background-image:url(/images/other/loading-pepper-broken.png); }

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

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

}
ul.tabs li.selected a{
  background:#fff;
  border-bottom-color:#fff;
}
ul.tabs li a:hover{
  background:#cad8e5;
  text-decoration:none;
}
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
*****************************************************************************/
body.settings #primary, body.settings #secondary{
  padding:5px;
}


/* Network settings styles
*****************************************************************************/
div.authorization-panel{
  text-align:center;
  padding:5px 0 0 5px;
}

div.authorization-panel p.authorization-key input{
  width:200px;
  text-align:center;
  font-size:36px;
  line-height:36px;
  height:auto;
  padding:0 !important;
}

div.authorization-panel p.authorization-instructions{
  width:40%;
  margin-right:auto;
  margin-left:auto;
}
div.authorization-panel p.authorization-instructions.server{
  width:auto;
  margin-right:auto;
  margin-left:auto;
}

body.network p.btn.medium a{
  padding-left:5px;
}

#remote-collector-configuration-form div.control-group {
  margin-bottom:9px;
}
#remote-collector-configuration-form label {
  width:90px;
}
#remote-collector-configuration-form div.controls {
  margin-left:100px;
}
#remote-collector-configuration-form .form-actions {
  padding-left:100px;
}
#remote-collector-configuration-form .sui-bttn-primary {
  margin-right:15px;
}


#content h3.step{
  background:transparent url(../images/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(../images/layout/steps/2.gif); }
#content h3.step3{ background-image:url(../images/layout/steps/3.gif); }
#content h3.step4{ background-image:url(../images/layout/steps/4.gif); }

div.application-log p{
  margin:20px 0 0;
}

/* 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('/images/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; }

#backup_cloud_section p.summary{
  margin-left: 15px;
}
#backup_status_section .loading{ padding:0; }
#backup_status_section .loading img{ display:inline-block; position:relative; top:3px; }

/* User management styles
*****************************************************************************/
body.users #mail_info{
  background:#fff url(../images/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  width:700px;
  padding:0 7px 7px 0;
  z-index:1;
  /* 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 em.highlight{
  position:static;
  top:0;
}

/* Email settings styles
*****************************************************************************/

#email_settings div p{ width:400px; }
#email_settings p.btn{
  width:698px;
  margin-top:10px;
}
#email_settings_section #inbound_server_port{ width:50px; }
#email_settings .editable_password{ width:150px; }
#email_form p.step{
  color:#888888;
  font-size:0.95em;
  font-style:italic;
  margin:0 0 10px;
  padding:0;
}
#email_form h3{
  border-bottom:1px solid #ccc;
  margin-bottom:7px;
  margin-top:10px;
}
#email_settings_section h3 span{ font-size:8pt; }
#outbound_server_auth_info{ clear:both; }
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 inside;
}
#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_settings > div.disabled #outbound_form_fields label,
#email_settings > div.disabled #inbound_form_fields label,
#ad_authentication_form.disabled label{
  color:#999;
}

/* Settings / Help Desk / Email Notifications
*****************************************************************************/
#email_notification_settings fieldset{
  margin-top:10px;
  margin-bottom:20px;
  padding:0px 5px;
  border:1px solid #ddd;
}
#email_notification_settings table{
  width:100%;
  margin-bottom:5px;
  border-collapse:separate;
}
#email_notification_settings table tr th{
  font-size:1.1em;
  padding:0px 10px 0px 10px;
  border-bottom:1px solid #eee;
  text-align:center;
  font-weight:bold;
}
#email_notification_settings table tr.subheader th{
  font-size:.9em;
  font-weight:normal;
  border-bottom-width:0;
}

#email_notification_settings table tr td{
  border-bottom:1px solid #eee;
  text-align:center;
  font-size:1.1em;
  padding:5px 10px 5px 10px;
  width:100px;
}
#email_notification_settings table tr .unassigned{
  background:#f6f6f6;
}

#email_notification_settings table tr td.row_title{
  text-align:left;
  width:200px;
}

div.config_switch label{
  font-size:1em;
}
div.config_switch{
  padding:2px 0;
}

body.settings h3.section-header + div{
  margin-left:8px;
  margin-right:8px;
}

div.settings_section p em{
  font-weight:bold;
}

.user_notification_templates{
  padding:5px;
  background:#efefef;
  border:1px solid #CCC;
}
#ticket_notifier_settings p.radio-wrap{
  font-size:1.1em;
  padding-top:5px;
}
#ticket_notifier_settings p.radio-wrap em.beta{
  color:red;
  font-size:10px;
/*  position:relative;
  display:inline-block;
  top:-5px;
*/
}

#ticket_notifier_settings p.radio-wrap input{
  vertical-align:middle;
}
#ticket_notifier_settings p.radio-wrap label{
  display:inline-block;
  width:340px;
}
#ticket_notifier_settings p.radio-wrap a{
  font-size:.9em;
}

#ticket_notifier_templates .highlight{
  padding:3px 10px;
  margin-top:3px;
  font-weight:bold;
  display:inline-block;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;

}
#ticket_notifier_templates div.sui-tabbed-box div.sui-sheet{
  padding:0px;
  padding-left:10px;
}
#ticket_notifier_templates div.sui-tabbed-box > div.sui-tabbed-box-inner{
  height:auto;
  min-height:0px;
}
#ticket_notifier_templates .sui-sheet textarea{
  border-width:0px;
  width:100%;
  height:400px;
  min-height:400px;
  overflow:auto;
  background:none;
  padding:0px;
  font-family:Courier, "Courier New", monospace
}
#ticket_notifier_templates #subject_wrap{
  padding-right:5px;
  padding-bottom:10px;
  position:relative;
}
#ticket_notifier_templates #subject_wrap label{
  font-weight:bold;
  display:block;
  padding-bottom:3px;
  position:relative;
}
#ticket_notifier_templates #template_editor_subject{
  width:100%;
  padding-top:3px;
  font-family:Courier, "Courier New", monospace;
  height:17px;
}
#more_subject_link{
  display:block;
  float:right;
  font-size:0.9em;
  position:absolute;
  right:0;
  z-index:100;
}
#preview_div{
  border:1px solid #CCCCCC;
  font-size:0.95em;
  padding:3px 5px;
  margin:5px 0px;
  float:right;
  background:white;
}
#preview_div input#ticket_notifier_ticket_id{
  width:20px;
}
#preview_div input#ticket_notifier_preview_link{
  vertical-align:middle;
}

#preview_div #send_ticket_notifier_templates{
  padding-left:11px;
  padding-right:12px;
}

/* Remote Site Styles */
body.remote_collectors table#remote_collectors.empty th{
  background-color:#E7E7E7;
  opacity:0.5;
  -moz-opacity:0.5;
  filter:alpha(opacity=50);
}

body.remote_collectors #primary div.settings_section div.detail_msg{
  color:#777777;
  margin-left:auto;
  margin-right:auto;
  padding:7% 15% ;
  text-align:center;
}

body #primary h3.section-header{
  clear:left;
  border-bottom:1px solid #DDD;
  margin:0 0 18px 0;
  padding:0 0 5px 0;
}

body #primary h3.section-header span{
  border:0;
  background-color:#FFFFFF;
  color:#333333;
  display:inline;
  font-size:0.8em;
  font-weight:bold;
  padding:2px 4px 0 0;
  left:0;
  position:relative;
  top:1.1em;
}

body #primary h3.section-header span + span{
  background-color:#F7F7F7;
  font-weight:normal;
}

#remote_collector_mode a{
  color:#2080AD;
}

body.remote_collectors #primary div.settings_section div.detail_msg h4{
  font-size:1.5em;
  color:#909090;
}

body.remote_collectors table.habanero{
  width:100%;
  border:1px solid #DEDEDE;
}
body.remote_collectors table.habanero th{
  padding:2px 4px;
  text-align:center;
  background-color:#F5F5F5;
}
body.remote_collectors table.habanero td{
  text-align:center;
  padding:4px;
}

#remote_collectors tbody tr.entry-disabled td.entry{
  opacity:0.3;
  -moz-opacity:0.3;
  filter:alpha(opacity=30);
}

#remote_collector_mode p.buttons button{
    margin:5px 0 0 0;
}
#first_time_action_remote {
  width: 360px;
  text-align: center;
  font-size: 10px;
}

#first_time_action_remote .icon-actions {
  text-align: right;
}

#first_time_action_remote .popover-content {
  padding-top: 9px;
  padding-right: 14px;
}

#first_time_action_remote .popover-content span {
    border-top: 1px solid lightgrey;
    padding: 10px 0px 3px 0px;
    display: block;
    color: #9e9898;
    font-size: 12px
  }

#first_time_action_remote .popover-content h3 {
    margin-bottom: 15px;
    padding: 0px 7px;
    line-height: 23px !important;
    font-weight: normal;
    font-family: "Open-Sans", Arial, sans-serif;
    font-size: 15px;
  }

#first_time_action_remote .popover.bottom {
  margin-top: 10px;
}

.first-time-popover .sui-opt-in{
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
  background-color: transparent
}

#first_time_action_remote .remote .icon-light.icon-remove {
  background-position: -2px -24px;
  display: inline-block
}
/* Custom Attributes styles
*****************************************************************************/
table.attributes#custom_attributes, table.attributes#standard_attributes{ }
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, .browse_info p.name{
  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(../images/layout/shadowAlpha.png) no-repeat bottom right;
  position:absolute;
  width:700px;
  padding:0 7px 7px 0;
  z-index:100;
  /* 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 em.highlight{
  position:static;
  top:0;
}

body.monitors #email-delivery-method {
  overflow:hidden;
}
body.monitors #email-delivery-method p {
  padding:4px 0 7px 0;
}

body.monitors #email-delivery-method p span a {
  color:#444;
  font-size:90%;
  margin-left:5px;
}

body.monitors #email-delivery-method div label {
  font-size:1.1em;
}


/* 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{
  background:#fff url(../images/layout/shadowAlpha.png) bottom right;
  padding:0 7px 7px 0;
  border:0;
  position:absolute;
  z-index:1200;
  overflow:hidden;
  margin:0;
}
div.auto_complete ul{
  border:1px solid #888;
  border-width:1px 1px 0 1px;
  margin:0;
  padding:0;
  width:100%;
  list-style-type:none;
  background-color:#FFF;
}
div.auto_complete ul li{
  margin:0;
  padding:3px 3px 3px 3px;
  overflow:hidden;
  text-align:left;
  cursor:pointer;
  /* 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.auto_complete ul li span.title{ font-weight:bold; font-size:1.1em; }

#application-search-results, #search-loading-message{
  background:#FFF url(/images/layout/search_background.png) repeat-y left top;
}
#application-search-results li, #search-loading-message li{
  padding:3px 3px 3px 85px;
}
#application-search-results li.result-heading, #search-loading-message li.result-heading{
  font-size:1em;
  font-weight:bold;
  color:#000;
  padding:3px 0;
  border:0;
  border-left:0;
  border-right:0;
  position:absolute;
  left:0;
  width:76px;
  text-align:right;
  background:transparent;
}
#application-search-results li.result-heading.selected, #search-loading-message li.result-heading.selected{
  text-decoration:underline;
  background:transparent;
}
#application-search-results li.show-all, #search-loading-message li.show-all{
  padding-top:5px;
  padding-bottom:5px;
  font-weight:bold;
}

#application-search-results li.selected, #search-loading-message li.selected{
  color:#000;
  background:#ffb591 url(/images/layout/search_background_selected.png) repeat-y left top;
}

#application-search-results li.no-results{padding-top:10px;padding-bottom:10px;background-image:none!important;font-size:1.1em;}
#application-search-results li.no-results{background-repeat:no-repeat;}


#application-search-results li.no-results.spicerex{background-image:url(/images/other/spicerexhead-medium.png)!important;height:50px;background-color:#FFF;}
#application-search-results li.no-results.spicerex span:before{content:"RAAWWRR ";}
#application-search-results li.no-results.spicerex span:after{content:" RAWR";}
#application-search-results li.no-results.pegasus{background-image:url(/images/other/gradient-dark-to-light.gif)!important;height:120px;background-color:#FFF;}
#application-search-results li.no-results.pegasus span {position:relative;top:48px; left: 120px; font-size:1em;}
#application-search-results li.no-results.spicerex span {padding-left:30px;position:relative;top:18px;margin-top:10px;text-transform:uppercase;font-weight:bold;}


#search-loading-message li.loading{
  padding-top:10px;
  padding-bottom:10px;
  font-size:1.1em;
}

#application-search-results li p.excerpt{
  color:#666;
  padding-left:5px;
}
#application-search-results li strong, #search-loading-message li strong{ font-weight:normal; }
#application-search-results li .highlight, #search-loading-message li .highlight{ background-color:transparent; color:inherit; }
#application-search-results li.related-heading, #search-loading-message li.related-heading{ border-top:0; }

/* 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;
}
#secondary div.sui-sheet div.edit_wrapper p.controls{
  position:absolute;
  top:0;
  right:0;
  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; }

/* Office365 tab in people view
**********************************************************************************/
#secondary div.sui-sheet div.office365_user {
  min-height: 60px;
  margin:0 0 10px 0;
  position:relative;
}

#secondary div.sui-sheet div.office365_user h3 {
  color: #666;
  float:left;
}
#secondary div.sui-sheet div.office365_user h4 {
  font-size: 12px;
  font-weight: bold;
  color: #666;
}
#secondary div.sui-sheet div.office365_login_info {
  position:absolute;
  top:0px;
  right:0;
  width:260px;
  text-align:left;
}

#secondary div.sui-sheet div.office365_user .additional_addresses span {
  font-weight: bold;
}
#secondary div.sui-sheet div.office365_user .additional_addresses {
  margin-top: 10px;
}

#secondary div.sui-sheet div.office365_user .logo{
  position:absolute;
  top:0;
  left:0;
  width: 50px;
  height: 50px;
  background: white url(/images/icons/medium/agreements/office365.png) no-repeat scroll 100% center;
}

#secondary div.sui-sheet div.office365_user .desc{ position:relative; margin:0 10px 0 60px; }

#secondary div.sui-sheet div.office365_group_memberships h4 {
  font-size: 13px;
  font-weight: bold;
  color: #666;
}
#secondary div.sui-sheet div.office365_group_memberships {
  padding: 5px 0;
  border-top: 2px solid #E2E2E2;
}

#secondary div.sui-sheet div.office365_space {
  padding-top: 15px;
  border-top: 2px solid #E2E2E2;
  border-bottom: 2px solid #E2E2E2;
}
#secondary div.sui-sheet div.office365_space table { margin: 0 0 10px 0; }
#secondary div.sui-sheet div.office365_space table td span { font-weight: bold; }

/* Google Apps tab in people view
**********************************************************************************/
#secondary div.sui-sheet div.google_apps_user {
  min-height: 60px;
  margin:0 0 10px 0;
  position:relative;
}

#secondary div.sui-sheet div.google_apps_user h3 {
  color: #666;
  float:left;
}
#secondary div.sui-sheet div.google_apps_user h4 {
  font-size: 12px;
  font-weight: bold;
  color: #666;
}
#secondary div.sui-sheet div.google_apps_login_info {
  position:absolute;
  top:0px;
  right:0;
  width:260px;
  text-align:left;
}

#secondary div.sui-sheet div.google_apps_user .additional_addresses span {
  font-weight: bold;
}
#secondary div.sui-sheet div.google_apps_user .additional_addresses {
  margin-top: 10px;
}

#secondary div.sui-sheet div.google_apps_user .logo{
  position:absolute;
  top:0;
  left:0;
  width: 50px;
  height: 50px;
  background: white url(/images/icons/medium/agreements/google_apps.png) no-repeat scroll 100% center;
}

#secondary div.sui-sheet div.google_apps_user .desc{ position:relative; margin:0 10px 0 60px; }

#secondary div.sui-sheet div.google_apps_group_memberships h4 {
  font-size: 13px;
  font-weight: bold;
  color: #666;
}
#secondary div.sui-sheet div.google_apps_group_memberships {
  padding: 5px 0;
  border-top: 2px solid #E2E2E2;
}

#secondary div.sui-sheet div.google_apps_space {
  padding-top: 15px;
  border-top: 2px solid #E2E2E2;
  border-bottom: 2px solid #E2E2E2;
}
#secondary div.sui-sheet div.google_apps_space table { margin: 0 0 10px 0; }
#secondary div.sui-sheet div.google_apps_space table td span { font-weight: bold; }

/* Rackspace tab in people view
**********************************************************************************/
#secondary div.sui-sheet div.rackspace_mailbox {
  min-height: 50px;
  margin:0 0 10px 0;
  position:relative;
}

#secondary div.sui-sheet div.rackspace_mailbox h3 {
  color: #666;
}
#secondary div.sui-sheet div.rackspace_mailbox h4 {
  font-size: 12px;
  font-weight: bold;
  color: #666;
}
#secondary div.sui-sheet div.rackspace_mailbox .additional_addresses span {
  font-weight: bold;
}
#secondary div.sui-sheet div.rackspace_mailbox .additional_addresses {
  margin-top: 10px;
}

#secondary div.sui-sheet div.rackspace_mailbox .logo{
  position:absolute;
  top:0;
  left:0;
  width: 50px;
  height: 50px;
}
#secondary div.sui-sheet div.rackspace_mailbox .exchange {
  background: white url(/images/icons/large/exchange.png) no-repeat scroll 100% center;
}
#secondary div.sui-sheet div.rackspace_mailbox .rsemail {
  background: white url(/images/icons/large/rackspace.png) no-repeat scroll 100% center;
}

#secondary div.sui-sheet div.rackspace_mailbox .desc{ position:relative; margin:0 250px 0 60px; }

#secondary div.sui-sheet div.rackspace_mailbox .right{ position:absolute; top:4px; right:0; width:250px; text-align:right; }
#secondary div.sui-sheet div.rackspace_mailbox .right span { font-weight: bold; }

#secondary div.sui-sheet div.rackspace_space {
  padding-top: 15px;
  border-top: 2px solid #E2E2E2;
  border-bottom: 2px solid #E2E2E2;
}
#secondary div.sui-sheet div.rackspace_space table { margin: 0 0 10px 0; }
#secondary div.sui-sheet div.rackspace_space table td span { font-weight: bold; }

#secondary div.sui-sheet div.rackspace_dl h4 {
  margin-top: 10px;
}
#secondary div.sui-sheet div.rackspace_dl ul.bubbles {
  margin-top: 5px;
  margin-bottom: 15px;
}
#secondary div.sui-sheet a.add_to_dl {
   background: transparent url(../images/icons/small/agreements/email_add.png) no-repeat top left;
   padding: 2px 0 2px 20px;
   margin-left: 5px;
}
#secondary div.sui-sheet #add_to_dl {
   margin-top: 10px;
   margin-left: 5px;
}
/* Notes for a device
**********************************************************************************/
#node_notes{
  clear:left;
  margin:0;
  padding:0;
  width:100%;
  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(../images/layout/saving_text.gif) no-repeat center center; }

/* Editable general summary
**********************************************************************************/

div.collapsable{
  margin:15px 0 5px 0;
  width:auto;
}

div.collapsing{
  font-size:1em;
  padding:3px!important 0;
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
}

div.group_membership .sui-data-section-header-info select{
  font-size:0.9em;
  padding:0;
}

div.group_membership fieldset{
  padding:5px;
  margin-top:5px;
  border:0;
}
div.group_membership fieldset legend{
  padding:2px 0px;
}

div.group_membership fieldset a.info{
  background:url(/images/icons/indicators/info.png) no-repeat right 3px;
  padding-right:12px!important;
}
div.group_membership fieldset a.info:hover{
  background:url(/images/icons/indicators/info_white.png) no-repeat right 3px;
  padding-right:12px!important;
}
div.group_membership fieldset p.description{
  color:#AAA;
  font-size:0.9em;
  position:relative;
  top:-5px;
  padding:0;
  margin:0;
}

div.group_membership span.group_linked_list{
  display:none;
}
div.collapsable-collapsed span.group_linked_list{
  display:inline!important;
  line-height:1.6em;
}

#item_edit{
  margin:0;
  padding:0;
}
#item_edit p.errors{
  margin:3px 0;
  text-align:center;
  padding:2px 0;
  font-size:1.1em;
}

#item_edit .fake_input{ width:200px;}

#item_edit input.text{
  width:200px;
}
#item_edit div.software-edit input.text{ width:auto; }
#item_edit div.software-edit td.product-key input.text{ width:99%; }

span.text_with_cancel{
  position:relative;
}

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

#item_edit span.text_with_cancel a{
  position:absolute;
  right:5px;
  top:2px;
}
#item_edit input.ip_address_text{ width:100px; }
#item_edit input.date_field, .agreement_general_summary input.date_field{ width:180px; }
#agreement_edit_container table.agreement_general_summary tr.note em {
  font-size:0.9em;
  color:#444;
}

#primary.view-report table.habanero tbody tr.stripe0{ background:#fff; }

#delete_confirmation form{
  padding:20px 50px;
}

#delete_confirmation form p{
  text-align:center;
}



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

/* so the columns line up with the collapsable sections */
table#configuration_summary_table tr td{padding-left:2px;}

/* TICKETS
*****************************************************************************/
#ticket-list table { table-layout: fixed; }
#ticket-list table tr td, div#ticket-list table tr th { overflow: hidden; }
/* NOTE: Changing these selectors *might* impact TicketTable.updateTicketViewColumns() */
#ticket-list table .cell-status{ width:1em; }
#ticket-list table .cell-id{ width:3em; }
#ticket-list table .cell-summary{ width:50%; }
#ticket-list table .cell-assigned_to{ width:20%; }
#ticket-list table .cell-created_by{ width:20%; }
#ticket-list table .cell-priority{ width:3.2em; }
#ticket-list table .cell-due_at{ width:5em; }
#ticket-list table .cell-closed_at{ width:5em; }
#ticket-list table .cell-updated_at{ width:5em; }
#ticket-list table tr .cell-status{ background-repeat:no-repeat; background-position:center center; }
#ticket-list table tr.externally-updated .cell-status{ background-image:url(/images/icons/indicators/spice_dot.png); }
#ticket-list table tr.closed .cell-status{ background-image:url(/images/icons/checkbox.png); }
#ticket-list table tr.past-due .cell-status{ background-image:url(/images/icons/indicators/exclamation.png); }
#ticket-list div.footer{ overflow:hidden; }
body.tickets #primary{ padding:0; }

/* Deprecation messages */
div.deprecation-warning {
  padding: 5px 0 5px 0;
  background-color: #F2F2F2;
}
div.deprecation-warning h4.warning {
  color:#933;
  font-size:1.1em;
  font-weight:normal;
  background:transparent url(../images/icons/alert.png) no-repeat center left;
  padding-left:20px;
}

body.tickets .sui-body {
  overflow:visible; /* so long menus will make the document grow */
}

/* Ticket Summary */
body.tickets #secondary {
  margin-bottom:60px;
}

body.tickets #secondary div.left{
  width:72%;
  float:left;
}
body.tickets #secondary div.sui-overview{
  width:26%;
  float:right;
}
body.tickets #secondary h2 span.ticket-time-info{
  display:block;
  float:right;
  font-size:.9em;
  font-weight:normal;
  padding-top:1px;
}
div#item_summary.ticket{
  position:relative;
  background-color:#F5F5F5;
}

/* General styles for admin and creator name*/
div#item_summary.ticket .assignee-name{
  font-weight:bold;
}

div#item_summary.ticket .creator-name{
  font-weight:bold;
  color:#444;
}
div#item_summary.ticket .admin{
  color:#222;
}

/********************** Edit Ticket View Columns ***********************/
div#ticket-column-edit {
/*  position:absolute;
  display:block;
  background:transparent url(/images/layout/shadowAlpha.png) no-repeat bottom right;
  width:auto;
  /*padding:0 7px 7px 0;*/
  text-align:left;*/
}
div#ticket-column-edit div.simple-menu-content {
/*  background-color:#FFF;
  border-left:1px solid #CCC;
  border-top:1px solid #CCC;*/
}


/* Priority Pill */
div#item_summary.ticket  #ticket_priority_wrapper{
  display:block;
  float:right;
  position:relative;
  top:0.5px;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill{
  display:block;
  float:left;
  text-align:center;
  border-width:0;
  padding:2px 10px;
  background:none;
  font-size:.95em;
  color:#333;
  border:1px solid transparent;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  margin:0 2px;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill:hover{
  color:black;
  text-decoration:underline;
  border:1px solid #CCC;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.high:hover{ background-color:#FC939C; }
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.medium:hover{ background-color:#FFFFD7; }
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.low:hover{ background-color:#C9DCC8; }

div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected{
  color:white;
  background:none;
  border:1px solid #BBB;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected:hover{
  color:white;
  text-decoration:none;
}

div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.high, div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.high:hover{
  background-color:#FD3945;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.medium, div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.medium:hover{
  background-color:#FFFFB0;
  color:black;
}
div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.low, div#item_summary.ticket  #ticket_priority_wrapper a.sui-pill.sui-pill-selected.low:hover{
  background-color:#56BF53;
}

/* Ticket costs */
div#item_summary.ticket #cost_property{ background:url("/images/icons/small/agreements/money.png") no-repeat left bottom transparent; margin-bottom:3px; padding-bottom:0;}
div#item_summary.ticket #cost_property #ticket_cost{ display:block; cursor: pointer; }
div#item_summary.ticket #cost_property #ticket_cost:hover{ text-decoration:underline; }
div#item_summary.ticket #cost_details{border-bottom:1px solid #333333; margin-bottom:4px; display:block;}
div#item_summary.ticket #cost_details .plus_sign{font-size:1.4em; float:right;}
div#item_summary.ticket #cost_details .prop{ display:block; padding:3px 0 2px 22px; vertical-align:middle; margin:0; }
div#item_summary.ticket #cost_details span.purchases{ background:url(/images/icons/small/purchase.png) no-repeat left center transparent;}
div#item_summary.ticket #cost_details span.labor{ background:url(/images/icons/small/user_admin.png) no-repeat left center transparent; clear:right;}
div#item_summary.ticket #labor_rate_link{ float: right; font-size: 0.9em; padding: 4px 0 2px 0;}
div#item_summary.ticket #labor_wrap #ticket_labor{ width: 6em; clear:right;}
div#item_summary.ticket #labor_wrap #labor_update{ font-size: 0.9em; margin-left: 3px; padding-top: 4px; float:right;}


/* Right Side Details / Related to */
div#item_summary.ticket li.custom .value{
  overflow:hidden;
  display:block;
  width:100%;
}

div#item_summary.ticket div.sui-overview div.section ul.properties{
  overflow:visible;
}

/* Right Side Details / Users */

div#item_summary.ticket #users_section{
  position:relative;
}
div#item_summary.ticket #users_section > a{
  text-decoration:none;
  color:#333;
  font-weight:normal;
  font-size:.9em;
}
div#item_summary.ticket #users_section > a:hover{
  text-decoration:underline;
}

/* Right Side / Add User */
div#item_summary.ticket .add-info-line{
  padding-left:22px;
  background:transparent url(/images/icons/small/add_content.png) no-repeat 0px 2px;
  margin-top:10px;
  margin-left:2px;
}

div#item_summary.ticket .add-info{
}
div#item_summary.ticket .add-info input{
  width:85%;
}

div#item_summary.ticket .add-info-loading{
  font-size:1.1em;
  padding-top:2px;
}
div#item_summary.ticket .add-info-message{
  font-size:1.1em;
  padding-top:2px;
}

div#item_summary.ticket li.cc-user a.cc-user-delete{
  background:#F5F5F5 url(/images/icons/search_clear.png) no-repeat right 0px;
  position:absolute;
  display:block;
  right:0px;
  top:2px;
  width:20px;
  height:16px;
}

div#item_summary.ticket li.cc-user a.cc-user-delete:hover,
div#item_summary.ticket li.related_to a.related-asset-delete:hover
{
  background:#F5F5F5 url(/images/icons/search_clear_hover.png) no-repeat right 0px;
}

div#item_summary.ticket li.cc-user .indicator{
  position:absolute;
  display:block;
  right:1px;
  top:4px;
}

/* Right Side / Related To */
div#item_summary.ticket div#related_to_section li.related_to img{
  position:absolute;
  top:2px;
  left:0px;
  width:17px;
}
div#item_summary.ticket li.related_to a.related-asset-delete{
  background:#F5F5F5 url(/images/icons/search_clear.png) no-repeat right 0px;
  position:absolute;
  display:block;
  right:0px;
  top:17px;
  width:20px;
  height:16px;
}

/* Comments Tab */
div#item_summary.ticket div.ticket-date-info{
  text-align:center;
  margin:5px 0px;
  color:#888;
}
div#item_summary.ticket div.ticket-date-info a{
  font-size:.9em;
  padding-left:10px;
}

/* Comments Tab / Response */
div#item_summary.ticket div.add_comment{
  margin-bottom:15px;
  padding-left:5px;
  padding-right:5px;
}
div#item_summary.ticket div.add_comment div.textarea_wrap{
  margin-right:6px;
}

/* Comments Tab / Response / Mode Chooser */
div#item_summary.ticket div.add_comment ul#comment_mode{
  position:relative;
  bottom:-5px;
  margin-top:-5px;
}

div#item_summary.ticket div.add_comment ul#comment_mode li.mode{
  float:left;
  padding-bottom:12px;
  margin-left:5px;
  margin-right:10px;
}

div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active {
  background-position:0px bottom;
  background-repeat:no-repeat;
}
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active.response{ background-image:url(/images/layout/white_top_arrow.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active.note{ background-image:url(/images/layout/white_top_arrow.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active.purchase{ background-image:url(/images/layout/purchase_top_arrow.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active.labor{ background-image:url(/images/layout/white_top_arrow.png); }

div#item_summary.ticket div.add_comment ul#comment_mode li.mode a{
  padding-left:22px;
  height:1.1em;
  text-decoration:none;

  -moz-opacity:0.6;
  opacity:.60;
  filter:alpha(opacity=60);

  background-position:2px 0;
  background-repeat:no-repeat;
}
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.response a{ background-image:url(/images/icons/small/comments_blue.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.note a{ background-image:url(/images/icons/small/note_yellow.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.purchase a{ background-image:url(/images/icons/small/purchase.png); }
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.labor a{ background-image:url(/images/icons/small/clock.png); }


div#item_summary.ticket div.add_comment ul#comment_mode li.mode a:hover{
  text-decoration:underline;
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active a{
  -moz-opacity:1;
  opacity:1;
  filter:alpha(opacity=100);
}
div#item_summary.ticket div.add_comment ul#comment_mode li.mode.active a:hover{ text-decoration:none; }

div#item_summary.ticket div.add_comment div.textarea_wrap textarea,
div#item_summary.ticket div.add_comment div.textarea_wrap input[type="text"] {
  height:16px;
  width:100%;
  overflow:auto;
}

div #item_summary.ticket div.add_comment div.meta{
  margin-top:5px;
}
div #item_summary.ticket div.add_comment div.meta div.left-links{
  float:left;
  margin-top:2px;
}

div #item_summary.ticket div.add_comment div.meta div.left-links a.attachment-off{
  background-position:0 0;
  background-repeat:no-repeat;
  background-image:url(/images/icons/small/agreements/attachment.png);
  padding:2px 0px 2px 20px;
  font-size:0.95em;
}


div #item_summary.ticket div.add_comment div.meta div.left-links .append-kb-articles {
  float: left;
  margin: 2px 0 0 15px;
  width: 320px;
}

div #item_summary.ticket div.add_comment span.kbArticles{
  width:0px;
  height:0px;
  overflow:hidden;
  display:inline-block;
}


div #item_summary.ticket div.add_comment #show_kbArticles_response{
  background: url("/images/icons/small/expand_arrow_grey.png") no-repeat scroll right center transparent;
  margin-right: 10px;
  margin-left:10px;
  padding: 2px 14px 0px 0px;
  font-size: 0.95em;
  outline:none;
}


div #item_summary.ticket div.add_comment div.meta div.buttons{
  float:right;
  text-align:right;
}
div #item_summary.ticket div.add_comment div.meta div.buttons #comment_update_button{
  position:relative;
}

div #item_summary.ticket div.add_comment div.meta label{
  font-size:0.95em;
  padding-left:2px;
  margin-right:10px;
  color:#333;
}

div #item_summary.ticket div.add_comment #comment_is_public_message{
  position:relative;
  top:-4px;
  margin-right:10px;
  font-size:.85em;
  font-style:italic;
  color:#777;
}
div #item_summary.ticket div.add_comment div.attachment-on{
  width:100%;
}

div #item_summary.ticket div.add_comment div#attachment{
  margin-bottom:5px;
  background:#F6F6F6 none repeat scroll 0 0;
  border-bottom:1px solid #EEEEEE;
  border-left:1px solid #EEEEEE;
  border-right:1px solid #EEEEEE;
  padding-bottom:5px;
  padding-left:4px;
  padding-top:5px;
}

div#item_summary.ticket div.tab { display: none; }
div#item_summary.ticket div.tab.active { display: block; }

div#item_summary.ticket div#add_comment.purchase div.purchase_wrap,
div#item_summary.ticket div#add_comment.labor div.labor_wrap{ display:block; padding-bottom:15px; }

div#item_summary.ticket div.purchase_wrap_buffer { height:2em; }
div#item_summary.ticket div.purchase_wrap_inner  { margin:3px 6px 0 0; }

div#item_summary.ticket #more-details{
  background-color:#718571;
  padding: 3px 5px 2px;
  text-align:center;
  float:left;
  margin-left:15px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-bottomright: 5px;
  -moz-border-radius-bottomleft: 5px;
  border-bottom-right-radius: 5px;
  border-bottom-left-radius: 5px;
}
div#item_summary.ticket #more-details a{ color:white; text-decoration:none; }
div#item_summary.ticket div#new-purchase-inner{
  background-color:#D3F2D5;
  border-width:1px;
  border-color:#7C7C7C #C3C3C3 #DDDDDD;
  border-style:solid;
}
div#item_summary.ticket div#new-purchase-inner div.new-purchase-inner-container{ padding: 15px 15px 10px; }
div#item_summary.ticket div.new-purchase-inner input{height:16px;width:100%;}

div#item_summary.ticket #labor-form.collapse {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition: height 1.0s ease;
  -moz-transition: height 1.0s ease;
  -o-transition: height 1.0s ease;
  transition: height 1.0s ease;
}
div#item_summary.ticket #labor-form.collapse.in {
  height: auto;
}

/* Labor section */
div#labor-section {
  padding-bottom: 10px;
}
div#labor-section table {
  margin-left: 20px;
}
div#labor-section table tr {
  height: 20px;
}

/* Ticket Duplicate Modal */
div#ticket-dup-modal div.popup-section.dark {
  padding:5px 12px;
}

div#ticket-dup-modal div.search-box {
  text-align:left;
}
#ticket-dup-modal img.indicator {
  position:absolute;
  right:30px;
  top:7px;
}

div#ticket-dup-modal .footer {
  padding:7px 5px;
}
div#ticket-dup-modal .footer em {
  padding-right:10px;
}

div#ticket-search-div h4.no-results {
  padding:40px 10px;
  color:#555;
}

div#ticket-search-div li.ticket {
  text-align:left;
  padding:10px 15px 10px 5px;
  position:relative;
  cursor:pointer;
}

div#ticket-search-div li.ticket .ticket-number {
  display:block;
  float:left;
  width:50px;
  font-size:1.1em;
  font-weight:bold;
  text-align:right;
}
div#ticket-search-div li.ticket .ticket-description {
  display:block;
  margin-left:60px;
}

div#ticket-search-div li + li {
  border-top:1px solid #DFDFDF;
}

div#ticket-search-div li.ticket h4,div#ticket-search-div li.ticket h4  { display:block; cursor:pointer; }
div#ticket-search-div li.ticket label.ticket-label { cursor:pointer; }
div#ticket-search-div li.ticket:hover { background:#F5F5F5; }
div#ticket-search-div li.selected { background:#2080AD; color: white; }
div#ticket-search-div li.selected:hover { background:#2080AD; color: white; }

/* Popup Editor for the Categories */
#item_summary_category_editor{
  text-align:left;
}

#item_summary_category_editor ul{
  padding:10px 35px 0px 15px;
}

#item_summary_category_editor ul li {
  cursor:move;
  padding: 4px 20px 4px 24px;
}
#item_summary_category_editor ul li:hover {
  background:transparent url(/images/controls/vertical_resize_handle.png) no-repeat scroll 1% 50%;
  background-color: #f3f3f3;
}
#item_summary_category_editor ul li div {
  font-size:1.3em;
  overflow: hidden;
}
#item_summary_category_editor p.btn{
  text-align:right;
}

#item_summary_category_editor .option-editor-remove-button{
  position: absolute;
  top: 4px;
  right: 4px;
}

#item_summary_category_editor .option-editor-adder{
  margin-left:15px;
  margin-top:10px;
  padding-left:22px;
}

#item_summary_category_editor .option-editor-adder input{
  font-size:1.3em;
  width:220px;
}

#item_summary_category_editor #category_editor_add_button{
  vertical-align: text-bottom;
  margin-left:4px;
}

div#item_summary.ticket div#item_summary_edit p.highlight{
  padding:5px;
  font-weight:bold;
  border-bottom:1px solid #DFDFDF;
}

div#item_summary div#item_summary_edit p.btn{
  margin-top:10px;
}



/* -- Unchecked -- */

div#inventory_name_auto_complete ul li, div#inventory_name_auto_complete_popup ul li, div.auto_complete ul li.auto_complete_related_result,
div#purchase_agreement_auto_complete ul li, div#purchase_agreement_auto_complete_popup ul li,
.cell-vendor .auto_complete ul li, body.purchases .advanced .auto_complete ul li, #new_purchase_popup div.purchased_for_wrapper ul li{
  height:14px;
  padding-left:23px;
  margin-left:3px;
  background-repeat:no-repeat;
  background-position:top left;
}

body.tickets #ticket_summary_edit{
  position:relative;
}
body.tickets #ticket_summary_edit_field{
  font-size:9pt;
  width:545px;
}
body.tickets #ticket_description_edit_field{
  width:545px;
  height:40px;
  margin-bottom:10px;
}

body.tickets textarea.detail{
  min-width:545px;
  max-width:545px;
  width:545px;
  height:40px;
}


body.tickets #summary_wrap h3.empty a{
  padding-left:20px;
  background:transparent url(../images/icons/small/new_ticket.png) no-repeat center left;
}

body.tickets #content h3.heading span.left{ width:500px; }

body.tickets #content h3.heading span.right{ padding-bottom:3px; }


table.ticket_review_summary{
  margin:0 0 0 2px;
  padding:0;
  border-collapse:collapse;
  table-layout:fixed;
}
table.ticket_review_summary tr td{
  padding:2px 0;
  line-height:18px;
  vertical-align:top;
}

table.ticket_review_summary tr td#duration a{ padding-left:10px; font-size:.95em; }

table.ticket_review_summary tr td.value p.related_to{
  margin:0;
  padding:0;
  width:150px;
  overflow:hidden;
}

/* overrides for edit mode */
table.ticket_review_summary_edit{
  width:100%;
  margin-top:10px;
}
table.ticket_review_summary_edit td input.text{
  width:164px;
  top:1px;
}

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

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

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

table.ticket_review_summary_edit select{ width:170px; }

table.ticket_review_summary_edit tr.due_at td.due_value a{
  position:relative;
  top:0px;
  left:2px;
}
table.ticket_review_summary_edit tr.due_at 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;
}

/* Purchase List Tab */

body.tickets #purchase-list-wrapper{ display:inline-block; width:100%; }
body.tickets #purchase-list-inner{ padding:3px; font-size:0.9em; }
body.tickets #purchase-list-inner .purchase_entry{ background-color:white; clear:left; min-height:2em; font-weight:bold; }
body.tickets #purchase-list-inner .purchase_entry a{ font-weight:bold; }
body.tickets #purchase-list-inner .purchase_entry .value{ float:left;}
body.tickets #purchase-list-inner .purchase_entry .name{ width:13%; overflow:hidden; }
body.tickets #purchase-list-inner .purchase_entry .quantity{ width:6%;}
body.tickets #purchase-list-inner .purchase_entry .state{ width:49%; position:relative; }
body.tickets #purchase-list-inner .purchase_entry .state div{ height:16px; width:226px; }
body.tickets #purchase-list-inner .purchase_entry .state div.created{ background: transparent url('/images/controls/purchases/ticket/states.png') left 0 no-repeat;}
body.tickets #purchase-list-inner .purchase_entry .state div.approved{ background: transparent url('/images/controls/purchases/ticket/states.png') left -15px no-repeat;}
body.tickets #purchase-list-inner .purchase_entry .state div.purchased{ background: transparent url('/images/controls/purchases/ticket/states.png') left -30px no-repeat;}
body.tickets #purchase-list-inner .purchase_entry .state div.received{ background: transparent url('/images/controls/purchases/ticket/states.png') left -45px no-repeat;}
body.tickets #purchase-list-inner .purchase_entry .state a.state_link{ display:inline-block; text-decoration:none; font-weight:normal; color:white; padding-top:1px; position:absolute; z-index:200; height:14px; }
body.tickets #purchase-list-inner .purchase_entry .state a.clear{ text-align:left; width:23px; }
body.tickets #purchase-list-inner .purchase_entry .state a.approved{ left:23px; text-align:left; padding-left:13px; width:55px; }
body.tickets #purchase-list-inner .purchase_entry .state a.purchased{ left:91px; text-align:center; width:68px; }
body.tickets #purchase-list-inner .purchase_entry .state a.received{ left:159px; text-align:right; padding-right:13px; width:54px; }
body.tickets #purchase-list-inner .purchase_entry .state a.state_link:hover{ z-index:199; left:0; }
/* Unselected hovers "fill" current arrow */
body.tickets #purchase-list-inner .purchase_entry .state a.clear:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left 0 no-repeat; width:226px; }
body.tickets #purchase-list-inner .purchase_entry .state a.approved:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left -15px no-repeat; width:57px; padding-left:36px;}
body.tickets #purchase-list-inner .purchase_entry .state a.purchased:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left -30px no-repeat; width:68px; padding-left:91px;}
body.tickets #purchase-list-inner .purchase_entry .state a.received:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left -45px no-repeat; width:213px; padding-right:12px;}
/* Selected hovers "clear" current arrow */
body.tickets #purchase-list-inner .purchase_entry .state a.approved.active:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left -15px no-repeat; width:226px; }
body.tickets #purchase-list-inner .purchase_entry .state a.purchased.active:hover{ background: transparent url('/images/controls/purchases/ticket/states.png') left -30px no-repeat; width:68px; padding-left:91px; padding-right:68px;}

body.tickets #purchase-list-inner .purchase_entry .actions{ width:17%; text-align:right;}
body.tickets #purchase-list-inner .purchase_entry .actions a.actions_menu{ background:transparent url(../images/icons/indicators/tiny-menu-indicator.png) no-repeat center right; }
body.tickets #purchase-list-inner .purchase_entry .actions .in_place_editor_field{ border:1px solid #999999; padding:0 3px; color: #999999; display:inline-block;}
body.tickets #purchase-list-inner .purchase_entry .actions .editor_field{ font-size:1em; padding:0 3px; width:5em;}
body.tickets #purchase-list-inner .purchase_entry .actions a img, body.purchases .cell-expanded_actions a img, body.purchases .cell-actions a img{ vertical-align:text-bottom; }
body.tickets #purchase-list-inner .purchase_entry .total{ width:15%; text-align:right;}

body.tickets div#items_required_container div#purchases-list-body{ max-height: 700px; }
body.tickets div#more_purchases a{ margin: 10px 0 0 0; padding-left: 0; padding-right: 0; text-align: center; width: 100%; }

div#new-purchase-form p{ margin: 5px 0; }
div#new-purchase-form{
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  background-color: #777777;
  padding: 3px 3px 1px 3px;
}
div#new-purchase-inner .details-link{ text-align: right; height: 1.5em; }
div#add_comment div.purchase_wrap .buttons{ float:right; padding-top:7px; }
div#new-purchase-inner label{ float:none; display:inline;pa vertical-align:bottom; font-weight: bold}
div#new-purchase-inner label.no-pad-right{ padding-right:0; }
div#new-purchase-inner img{ vertical-align: middle; }
div#new-purchase-inner span.text{ font-weight: bold; vertical-align:bottom; }
div#new-purchase-inner div.multi-line{ float:left; margin-bottom:5px; width:100%; }
div#new-purchase-inner div.multi-line div{ padding-right:10px; }
div#new-purchase-inner div.multi-line div input{ overflow: hidden; width: 100%; }
div#new-purchase-inner div.times{ width:5%; }
div#new-purchase-inner div.times div{ padding-top:5px; text-align:center;}
div#new-purchase-inner div.quantity{ width:20%; }
div#new-purchase-inner div.quantity div{ padding-right:5px;}
div#new-purchase-inner div.quantity #purchase_item_quantity{ width: 20%; }
div#new-purchase-inner div.name, #advanced-purchase .left-side{ width:40%; }
#advanced-purchase{ margin-top:5px; }
#advanced-purchase .left-side{ clear:left; float:left; padding-top:5px; }
#advanced-purchase .right-side{ width:49%; float:left; margin-left:5%; padding-top:5px; }
#advanced-purchase .right-side textarea{ width:100%; height:11em; }
div#new-purchase-inner #advanced-purchase .agreement div{padding-right:5px;}
#advanced-purchase .agreement select{width:100%;}
div#new-purchase-inner #advanced-purchase .charge_to div{padding-right:5px;}
#advanced-purchase .charge_to select{width:100%;}
div#new-purchase-inner div.simple-view{ padding-bottom:30px; }
div#new-purchase-inner div.name div{ padding-right: 10px;}
div#new-purchase-inner div.price{ width:30%; }
div#new-purchase-inner div.price div.currency{ border:0; padding-top:6px; width:auto; }
div#new-purchase-inner div.price div{
  border:1px solid #599552;
  padding-right:6px;
  float:right;
  width:75%;
}
div#new-purchase-inner input[type="checkbox"]{ width:auto; visibility:hidden; }
div#new-purchase-inner input{ width:100%; }
div#new-purchase-inner input.error{ border-color:#FF9999; border-width:2px; }

div#new-purchase-form div.row{ float: left; margin-top: 5px; width:100%; }
div#new-purchase-form #advanced-purchase p{ margin-top:10px; }
div#new-purchase-form div.entry{ margin-right:5px }
div#new-purchase-form .simple div.last{ margin-bottom:10px }

#advanced-purchase p{ margin-top:10px; }

div#items_required_container a.vendor-img img{ vertical-align: middle; }
div#items_required_container a.delete img{ vertical-align: bottom; }
#purchases-list span.actions_menu div.buy-link-wrap{ float: left; }
#purchases-list span.actions_menu div.sw-menu-wrap{ float: left; margin-left: 3px; }

body.purchases .full{ width: 100%; }
body.purchases .left{ clear: left; }

/* PURCHASES TABLES COLUMN WIDTHS */
div#items_required_container td, div#items_required_container th{ width: 8%; }

body.purchases div#items_required_container .cell-purchase_state_links, body.purchases div#items_required_container .cell-state{ width: 10%; }
body.purchases div#items_required_container .cell-purchase_name_no_link, body.purchases div#items_required_container .cell-name{ width: 20%; font-weight:bold; }
body.purchases div#items_required_container .cell-actions{ width: 16%; }
body.purchases div#items_required_container .cell-purchase_price, body.purchases div#items_required_container .cell-edit_price{ width: 14%; font-weight:bold; }
body.purchases div#items_required_container .cell-purchase_vendor, body.purchases div#items_required_container .cell-agreement_id{ width: 13%; }
body.purchases div#items_required_container .cell-purchase_charge_to, body.purchases div#items_required_container .cell-charge_to{ width: 12%; }
body.purchases div#items_required_container .cell-purchase_edit_price, body.purchases div#items_required_container .cell-price{ width: 14%; }
body.purchases div#items_required_container .cell-menu{ width:2.5%;}
body.purchases div#items_required_container .cell-expanded_actions{ width: 16%; text-align:right;}
body.purchases div#items_required_container .cell-expanded_actions a{ color:white; }
body.purchases div#items_required_container .edit-row .inner-wrapper.expanded{
  height:auto;
  width:100%;
  cursor:default;
  -webkit-box-shadow:1px 3px 2px #666666;
  -moz-box-shadow:1px 3px 2px #666666;
  box-shadow:1px 3px 2px #666666;
  border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
}
body.purchases div#items_required_container .edit-row .inner-wrapper{
  background-color: #F1F1F1;
  background-image: -moz-linear-gradient(top, #FFFFFF, #DBDBDB); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #DBDBDB)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DBDBDB'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#DBDBDB')"; /* IE8 */
  float:left;
  height:2em;
  width:100%;
  -webkit-box-shadow:1px 3px 2px #666666;
  -moz-box-shadow:1px 3px 2px #666666;
  box-shadow:1px 3px 2px #666666;
}
body.purchases div#items_required_container .edit-row .inner-wrapper>table{ height:2.5em; }
body.purchases #content #primary{ border:0; padding:0; }
body.purchases.settings #content #primary{
  border:1px solid #dfdfdf;
  padding:5px;
}
body.purchases #purchases-list-body{border-left:1px solid #DFDFDF; border-right:1px solid #DFDFDF;}
body.purchases div#items_required_container .edit-row .simple .cell-name{ width:20%; font-weight:normal;}
body.purchases div#items_required_container .edit-row .simple .cell-price{ width:14%; font-weight:normal;}
body.purchases div#items_required_container .edit-row .simple .cell-vendor{ width:13%;}
body.purchases div#items_required_container .edit-row .simple .cell-vendor select{ width:100%;}
body.purchases div#items_required_container .edit-row .cell-charge_to{ width:12%;}
body.purchases div#items_required_container .edit-row .cell-expanded_menu{ width:2.5%; border-left:1px solid #999999; text-align:center; }

body.purchases div#items_required_container .edit-row .cell-expanded_menu a.details_menu{
  background:transparent url(../images/layout/groupmenu.png) no-repeat top left;
  height:15px;
  right:10px;
  top:5px;
  width:13px;
  text-decoration:none;
  margin-left:2px;
}
body.purchases div#items_required_container .edit-row .cell-expanded_menu a.details_menu:hover{
  background:transparent url(../images/layout/groupmenu_hover.png) no-repeat top left;
  z-index:500!important;
  height:15px;
}
body.purchases div.pivotable ul li a.delete{ text-decoration:none !important; background:transparent url('/images/icons/small/trash_green.png') no-repeat 5px center; padding-left:25px !important; }
body.purchases div.pivotable ul li a.new_asset{ text-decoration:none !important; background:transparent url('/images/icons/small/new_asset.png') no-repeat 5px center; padding-left:25px !important; }
body.purchases div#items_required_container .edit-row p.details-link {
  position:absolute;
  left:0;
  right:0;
  height:0;
  overflow:visible;
  top:2.1em;
  text-align:center;
}
body.purchases div#items_required_container .edit-row .details-link a{
  background-color:#343031;
  padding: 1px 5px 2px;
  text-align:center;
  font-size: 10px;
  z-index: 299;
  border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px;
  box-shadow:0px 3px 2px #666666; -webkit-box-shadow:0px 3px 2px #666666; -moz-box-shadow:0px 3px 2px #666666;
}
body.purchases div#items_required_container .edit-row .details-link a{ color:white; text-decoration:none; }
body.purchases div#items_required_container .edit-row div.wrapper>form{ padding:0; }
body.purchases div#items_required_container .edit-row tr{ border:0; background:transparent; cursor:default; }

/* New Layout for Purchase Details */
body.purchases .edit-row .advanced-left{ width:74%; display:inline-block; border-right:1px solid #CCC; }
body.purchases .edit-row .advanced-left>ul{ padding:0 0 0 8px; clear:both; }
body.purchases .edit-row .advanced-right{ width:25%; display:inline-block; vertical-align:top; padding-top:4px; }
body.purchases .edit-row .advanced-right>div{ padding:5px 10px; width:100%; height:100%;}
body.purchases .edit-row .advanced-left>ul>li{ width:33.3%; float:left; padding-top:9px; }
body.purchases .edit-row .advanced-left>ul>li select,
  body.purchases .edit-row .advanced-left>ul>li input,
  body.purchases .edit-row .advanced-left>ul>li textarea{ width:100%; }
body.purchases .edit-row .advanced-left>ul>li input{ margin-top:2px; }
body.purchases .edit-row .advanced-left>ul>li>div{ padding:0 21px 0 0; }
body.purchases .edit-row .advanced-left>ul>li>div.value{ min-height:2em;  vertical-align:bottom; }
body.purchases .edit-row .advanced-left>ul>li.clearfix-both{ height:0; padding:0; }
body.purchases .edit-row .advanced-left>ul>li.notes{ float:right; }
body.purchases .edit-row .advanced-left>ul>li.notes textarea{ height:5.05em; margin-top:2px; }
body.purchases .edit-row .advanced-left.shipping_details>ul>li.notes textarea{ height:9em; }
body.purchases .edit-row .advanced-right>div>div{ padding-right:11px; }
body.purchases .edit-row .advanced-right>div>div.asset-link{ padding-top:2px; }
body.purchases .edit-row .advanced-right>div a{ background:transparent url('/images/icons/small/ticket.png') left top no-repeat; }
body.purchases .edit-row .advanced-right>div.purchase_attachments a{ background:transparent url("/images/icons/small/agreements/attachment.png") left top no-repeat; }
body.purchases #items_required_container .edit-row .advanced-right>div a.remove{ background:transparent url('/images/icons/close.png') no-repeat left center; display:inline-block; margin-left:5px; padding:0 5px 0 0; float:right; text-decoration:none; height: auto;}
body.purchases #items_required_container .edit-row .advanced-right>div a.remove:hover{ background-image:url('/images/icons/close_hover.png'); }
body.purchases .edit-row .advanced-right>div input{ width:100%; }
body.purchases .edit-row .advanced-left>ul>li.date div.value{ padding-right:16px; }
body.purchases .edit-row .advanced-left>ul>li.date input{ width:83%; }
body.purchases div#items_required_container .edit-row .advanced-left>ul>li.date a{ float:right; height:auto; padding:3px 0 1px 0; }
body.purchases .edit-row .advanced-left>ul>li.enum div.value{ padding-right:15px; }

body.purchases .edit-row div.editable_purchase_dates div.approved{background: url("/images/controls/purchases/navigation/states.png") no-repeat scroll -314px -112px transparent;}
body.purchases .edit-row div.editable_purchase_dates div.purchased{background: url("/images/controls/purchases/navigation/states.png") no-repeat scroll -189px -112px transparent;}
body.purchases .edit-row div.editable_purchase_dates div.received{background: url("/images/controls/purchases/navigation/states.png") no-repeat scroll -65px -112px transparent;}
body.purchases .edit-row div.editable_purchase_dates div{
    margin-top: 15px;
    height: 27px;
}
body.purchases .edit-row div.editable_purchase_dates{clear: both; padding: 5px 0 0 8px;}
body.purchases div#items_required_container .edit-row .advanced div.editable_purchase_dates a text{font-weight: bold;}
body.purchases div#items_required_container .edit-row .advanced div.editable_purchase_dates a{
    display: inline-block;
    font-size: x-small;
    width: 73px;
    color: white;
    text-decoration: none;
    padding: 0 20px 10px 30px;
    height: 17px;
}
body.purchases div#items_required_container .edit-row .advanced div.editable_purchase_dates input{
    background: none;
    border: none;
    color: white;
    width: 70px;
    padding: 0 0 0 0;
    cursor: pointer;
}

body.purchases div#items_required_container .edit-row tr.simple{ border:0;
  background:#343031 url(/images/layout/gradients/brown_gradient.png) repeat-x left top;
  color:white;
}
body.purchases div#items_required_container .edit-row td{ border:0; }
body.purchases div#items_required_container .edit-row>td{ padding:0; }
body.purchases div#items_required_container .actions_menu{ margin-left:2px; float:left; background:transparent url(../images/icons/indicators/tiny-menu-indicator.png) no-repeat center right; }

body.purchases table tbody tr.edit-row td .edit-wrapper form{ padding:0; }
body.purchases .edit-wrapper .editor_field{ font-size:1em; }
body.purchases .edit-wrapper .in_place_editor_field{  padding:2px 3px; height:1.2em; color: #999999; background-color:white; border:1px solid #999999; display:block; overflow:hidden; }
#purchases-list .body-actions .purchased{ float:left; width:6em; }
#purchases-list .body-expanded_actions .purchased{ width:100%; text-align:left; }
#purchases-list .body-expanded_actions .purchased .edit-wrapper{ padding-right:6px; }
#purchases-list .body-expanded_actions .purchased .edit-wrapper input{ width:100%; }
#purchases-list .body-actions .purchased.edit-charge_to{ text-align:left; }
#purchases-list .body-actions .received, #purchases-list .body-expanded_actions .received{ font-size:0.95em; }
body.purchases .edit-row .advanced{padding:3px 6px;}
body.purchases div#items_required_container .order a{ background:url("/images/icons/small/new-article-light.png") no-repeat scroll 2px 1px transparent; }
body.purchases div#items_required_container .part a{ background:url("/images/icons/small/tag_orange.png") no-repeat scroll 2px 2px transparent; }
body.purchases div#items_required_container .charge_to a{ padding: 1px 0 1px 23px; background:url("/images/icons/small/note_yellow_light.png") no-repeat scroll 2px 1px transparent; width:100%;}
body.purchases div#items_required_container .expanded .details-link{ display:none; }
body.purchases div#items_required_container .expanded .advanced{ display:block; }
body.purchases div#items_required_container .advanced{ display:none; }
body.purchases div#items_required_container .advanced label{ color:#888888; font-weight:bold; font-size:0.85em; }
body.purchases div#items_required_container .showing .shipping{ padding-left: 20px; background: url('/images/icons/small/purchases/free-shipping-truck.gif') no-repeat left center transparent; }
body.purchases div#items_required_container .edit-row .advanced a{ display:block; height:1.3em; background-repeat:no-repeat; padding:2px 0 0 23px; color:#999999; overflow:hidden; word-wrap:break-word; }
body.purchases tr.not-clickable{ cursor:default;}
body.purchases tr.not-clickable td{ cursor:default;}
body.purchases div#items_required_container .edit_content.price div.price-inner{ padding-right:6px; }
body.purchases div#items_required_container .edit_content.price input{ width:63%; }
body.purchases div#items_required_container .edit_content.price span{ margin-left:3px; vertical-align:middle; }
body.purchases div#items_required_container .edit_content.charge_to select{ width:100%; }
body.purchases div#items_required_container .edit_content.agreement select{ width:100%; }
body.purchases .cell-purchase_name a{text-decoration:none;}
body.purchases div#items_required_container .edit_content .quantity_wrapper{ width:25%; float:left; }
body.purchases div#items_required_container .edit_content.agreement div{ padding-right:6px; }
body.purchases div#items_required_container .edit_content.agreement input.summary{ width:100%; }
body.purchases div#items_required_container .edit-row .buttons{ float:right; clear:right; text-align:right; width:100%; padding:5px 0;}
body.purchases div#items_required_container .edit-row .buttons .delete{ float:left; text-decoration:none; background-image:url('/images/icons/small/trash_green.png'); padding-left:20px; height:auto; padding-top:2px; color:#777; }
body.purchases div#items_required_container .edit-row .buttons .delete:hover{ text-decoration:underline; }

body.purchases div#items_required_container .edit_content.name_quantity{ width:100%; }
body.purchases div#items_required_container .edit_content .quantity_wrapper{ width:25%; float:left; }
body.purchases div#items_required_container .edit_content .quantity_wrapper div{ padding-right:4px; }
body.purchases div#items_required_container .edit_content .quantity_wrapper input{ width:100%; }
body.purchases div#items_required_container .edit_content .quantity_wrapper span{ padding:2px 3px; vertical-align:bottom; font-weight:bold; }
body.purchases div#items_required_container .edit_content .times{ width:10%; float:left; text-align:center; padding-top:3px; }
body.purchases div#items_required_container .edit_content .name_wrapper{ width:64%; float:left; }
body.purchases div#items_required_container .edit_content .name_wrapper .edit-wrapper{ padding-right:6px; }
/*body.purchases div#items_required_container .edit_content .name_wrapper div{ white-space:nowrap; }*/
body.purchases div#items_required_container .edit_content .name_wrapper div input{ width:100%; }

body.purchases div#items_required_container .edit-row .details-wrapper{ float:right; width:100%; }
body.purchases div#items_required_container .edit-row .details{ float:left; clear:left; width:40%; }
body.purchases div#items_required_container .edit-row .details td{ background-color:transparent; padding-left:0; vertical-align:bottom; }
body.purchases div#items_required_container .edit-row .details td.label{ width:28%; text-align:right; padding-right:5px; }
body.purchases div#items_required_container .edit-row .details td.value{ width:0;}
body.purchases div#items_required_container .edit-row .details td.value select{ width:106px;}
body.purchases div#items_required_container .edit-row .details #purchase_item_shipping_code{ width:100px; }
body.purchases div#items_required_container .edit-row .details .custom input{ width:100px; }
body.purchases div#items_required_container .edit-row .details .custom a{ padding-left:0; display:inline; }
body.purchases div#items_required_container .edit-row div.clearfix-both{ height:1px; }

div#items_required_container .state, #purchases-list .state{ position:relative; height:14px; width:66px; }
div#items_required_container .state div, #purchases-list .state div{ height:14px; width:66px; }
div#items_required_container .state div.created, #purchases-list .state div.created{ background: transparent url('/images/controls/purchases/buttons/states.png') left 0px no-repeat;}
div#items_required_container .state div.approved, #purchases-list .state div.approved{ background: transparent url('/images/controls/purchases/buttons/states.png') left -14px no-repeat;}
div#items_required_container .state div.purchased, #purchases-list .state div.purchased{ background: transparent url('/images/controls/purchases/buttons/states.png') left -28px no-repeat;}
div#items_required_container .state div.received, #purchases-list .state div.received{ background: transparent url('/images/controls/purchases/buttons/states.png') left -42px no-repeat;}
div#items_required_container .state a.state_link, #purchases-list .state a.state_link{ display:inline-block; text-decoration:none; width:19px; height:14px; position:absolute; top:0; z-index:2; }
div#items_required_container .state a.clear, #purchases-list .state a.clear{ width:8px; }
div#items_required_container .state a.approved, #purchases-list .state a.approved{ left:8px;}
div#items_required_container .state a.purchased, #purchases-list .state a.purchased{ left:27px; }
div#items_required_container .state a.received, #purchases-list .state a.received{ left:46px; }
div#items_required_container .state a:hover, #purchases-list .state a:hover{ left:0; z-index:1; width:66px; }
/*Unselected hovers "fill" current arrow on unselected rows (gray dot)*/
div#items_required_container .state a.approved:hover, #purchases-list .state a.approved:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -14px no-repeat; }
div#items_required_container .state a.purchased:hover, #purchases-list .state a.purchased:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -28px no-repeat; }
div#items_required_container .state a.received:hover, #purchases-list .state a.received:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -42px no-repeat; }
/*Selected hovers "clear" current arrow on unselected rows (gray dot)*/
div#items_required_container .state a.clear.active:hover, #purchases-list .state a.clear.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left 0px no-repeat; }
div#items_required_container .state a.approved.active:hover, #purchases-list .state a.approved.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -14px no-repeat; }
div#items_required_container .state a.purchased.active:hover, #purchases-list .state a.purchased.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -28px no-repeat; }
div#items_required_container .state a.received.active:hover, #purchases-list .state a.received.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover.png') left -42px no-repeat; }
/*Unselected hovers "fill" current arrow on selected rows (white dot)*/
#purchases-list .edit-row .state a.approved:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -14px no-repeat; }
#purchases-list .edit-row .state a.purchased:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -28px no-repeat; }
#purchases-list .edit-row .state a.received:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -42px no-repeat; }
/*Selected hovers "clear" current arrow on selected rows (white dot)*/
#purchases-list .edit-row .state a.clear.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left 0px no-repeat; }
#purchases-list .edit-row .state a.approved.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -14px no-repeat; }
#purchases-list .edit-row .state a.purchased.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -28px no-repeat; }
#purchases-list .edit-row .state a.received.active:hover{ background: transparent url('/images/controls/purchases/buttons/states_hover_white.png') left -42px no-repeat; }

body.purchases div#items_required_container .ticket a{ background-image:url("/images/icons/small/ticket.png"); }

body.purchases .showing span.save, body.purchases .showing span.cancel{ display:none; }
body.purchases .editing span.edit{ display:none; }
body.purchases .editing span.link_wrapper{ float:right; }
body.purchases td > span.edit-toggle, body.purchases span.link_wrapper span.edit-toggle, body.purchases td > span.edit-wrap{ font-size:0.85em; }
body.purchases .editing span.link_wrapper .cancel{ float:right; clear:right; }
body.purchases .editing span.link_wrapper .save{ float:right; }
body.purchases div#items_required_container .edit-row.every-other{background-color:#FFFFFF;}
body.purchases div#items_required_container tr.edit-row{
  height:2.5em; vertical-align:top;
}
body.purchases div#items_required_container .edit-row .advanced .purchase_attachments ol.attachments_list li{
    list-style-type: circle;
    list-style-position: inside;
    padding-left: 10px;
}

body.purchases div#items_required_container .edit-row .advanced .purchase_attachments ol.attachments_list li a.att_file{
    color: black;
    padding: 2px;
    display: inline;
    background: none;
}
/* The loading message style */
body.purchases div#items_required_container tr.edit-row > td[colspan]{
  background:#343031;
  background:rgba(41,34,34,0.8);
  filter:none;
  -ms-filter:none;
}
body.purchases table.editable tbody tr.edit-row td[colspan] a{color:#EEE;}
body.purchases table tbody tr.edit-row h3.loading{color:#FFF;font-size:14px!important;}


body.purchases div#items_required_container > table tbody tr:hover{background-color:#FFF6F2; }

body.tickets div#items_required_container .cell-purchase_name{ width: 14%; }
body.tickets div#items_required_container .cell-purchase_state_links{ width: 12%; }
body.tickets div#items_required_container .cell-purchase_shipping{ width: 14%; }
body.tickets div#items_required_container .cell-purchase_edit_price{ width: 14.2%; }
body.tickets div#items_required_container .cell-purchase_edit_charge_to{ width: 14%; }

body.inventory #item_summary #purchases-list .cell-purchase_name{ width: 20%; }
body.inventory #item_summary #purchases-list .cell-purchased{ width: 13%; }
body.inventory #item_summary #purchases-list .cell-purchase_price{ width: 12%; }
body.inventory #item_summary #purchases-list .cell-purchase_part{ width: 15%; }
body.inventory #item_summary #purchases-list .cell-purchase_order{ width: 15%; }
body.inventory #item_summary #purchases-list .cell-purchase_ticket{ width: 8%; }

body.inventory #group_summary #purchases-list .cell-purchase_name{ width: 18%; }
body.inventory #group_summary #purchases-list .cell-purchased{ width: 12%; }
body.inventory #group_summary #purchases-list .cell-purchase_price{ width: 12%; }
body.inventory #group_summary #purchases-list .cell-purchase_part{ width: 15%; }
body.inventory #group_summary #purchases-list .cell-purchase_order{ width: 12%; }
body.inventory #group_summary #purchases-list .cell-purchase_ticket{ width: 7%; }
body.inventory #group_summary #purchases-list .cell-purchase_asset{ width: 10%; }

body.agreements #purchase_list_tab #purchases-list .cell-purchase_name,body.agreements #purchase_list_tab #purchases-list .cell-name{ width: 20%; }
body.agreements #purchase_list_tab #purchases-list .cell-purchase_edit_price{ width: 15%; }
body.agreements #purchase_list_tab #purchases-list .cell-purchase_part{ width: 22%; }
body.agreements #purchase_list_tab #purchases-list .cell-purchase_shipping{ width: 6%; }
body.agreements #purchase_list_tab #purchases-list .cell-purchase_order{ width: 22%; }
body.agreements #purchase_list_tab #purchases-list .cell-purchase_state_links{ width: 15%; }

.buy-link{ padding-left: 20px; background: left no-repeat; float: left; }

div#purchase_list_tab span.purchase_item_price{ padding-left: 0; }
#purchase_list_tab #add-new-purchase{ text-align: center; margin-top: 5px; }
#purchase_list_tab #add-new-purchase a{
  font-size: 1.4em;
  color: #666666;
  text-decoration: underline;
}
#purchase_list_tab a.sw-menu-opener.edit{
  background-image:url(/images/icons/expand_arrow.png);
  border:1px solid #CCC;
}
#purchase_list_tab a.sw-menu-opener.edit:hover, #purchase_list_tab tr:hover a.sw-menu-opener{
  background-image:url(/images/icons/expand_arrow_dark.png);
  border:1px solid #999;
}

/* New Purchase Dialog
Uses many of the styles from Tickets' purchase stuff above
*****************************************************************/

#new_purchase_popup{overflow:visible;}
#new_purchase_popup #more-details{
  background-color:#B0B4AF;
  padding: 1px 5px;
  text-align:center;
  position:absolute;
  bottom:0;
  margin: 0 0 0 10px;
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-topleft: 5px;
  border-top-right-radius: 5px;
  border-top-left-radius: 5px;
}
#new_purchase_popup #more-details a{ color:white; text-decoration:none; }
#new-purchase-inner label{ color:#888888; font-weight:bold; font-size:0.85em; }
#new-purchase-inner div.custom_attributes{ clear:both; padding-top:15px; padding-right:5%; }
#new-purchase-inner div.custom_attributes p{ margin:0 0 10px 0; height:1.4em; padding-right:6px; }
#new-purchase-inner div.custom_attributes label{ float:left; text-align:left; height:auto; padding-top:5px; }
#new-purchase-inner div.custom_attributes .custom_value{ float:left; clear:left; width:100%; }
#new-purchase-inner div.custom_attributes p.enum{ padding-right:0px; }
#new-purchase-inner div.custom_attributes p.date{ padding-right:26px; }
#new-purchase-inner div.custom_attributes p.date a{ position:absolute; }

#new_purchase_popup p.purchase-bottom{ height:15px; }
#new_purchase_popup p.buttons{ clear:both; }
#new_purchase_popup div#inventory_name_auto_complete ul,
#new_purchase_popup div#purchase_vendor_auto_complete ul{ height: 50px; overflow: hidden; }
#new_purchase_popup .purchased_for_wrapper{ margin:0 15px 10px 0; padding-right:6px; }
#new_purchase_popup .purchased_for_wrapper .purchase_label_wrapper{ padding-top:4px;}
#new_purchase_popup h3.title span{ background:transparent url(../images/icons/small/purchase.png) no-repeat 0 0; padding:0 0 2px 18px; }

/* Purchases Page
Uses many of the styles from Tickets' purchase_list_tab above
*****************************************************************/

.half-width{
  width: 50%;
  float: left;
}

body.purchases #purchases-filterbar{
  display:block;
  height:30px;
  padding:10px;
  text-align:center;
}
body.purchases #purchases-filterbar a{ text-decoration:none; }
body.purchases #purchases-filterbar .section{ float:left; font-weight:bold; }
body.purchases #purchases-filterbar #all-filter{ border-right:2px solid #DFDFDF; padding:10px; margin-right:10px; }
body.purchases #purchases-filterbar.all #all-filter a{ font-weight:bold; }
body.purchases #purchases-filterbar #all-filter a:hover{ text-decoration:underline; }

body.purchases #purchases-filterbar #state-filter{ position:relative; height:27px; width:440px; margin-top:3px; background: transparent url('/images/controls/purchases/navigation/states.png') left 0 no-repeat;}
body.purchases #purchases-filterbar #state-filter a { overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
body.purchases #purchases-filterbar.pending #state-filter{ background: transparent url('/images/controls/purchases/navigation/states.png') left -28px no-repeat;}
body.purchases #purchases-filterbar.approved #state-filter{ background: transparent url('/images/controls/purchases/navigation/states.png') left -56px no-repeat;}
body.purchases #purchases-filterbar.purchased #state-filter{ background: transparent url('/images/controls/purchases/navigation/states.png') left -84px no-repeat;}
body.purchases #purchases-filterbar.received #state-filter{ background: transparent url('/images/controls/purchases/navigation/states.png') left -112px no-repeat;}

body.purchases #purchases-filterbar #state-filter a.filter-state{ display:inline-block; text-decoration:none; font-weight:normal; color:white; padding-top:7px; position:absolute; z-index:2; height:20px; padding-left:30px;}
body.purchases #purchases-filterbar #state-filter a.pending{ left:0; width:25px; text-align:left; }
body.purchases #purchases-filterbar #state-filter a.approved{ left:55px; text-align:left; width:95px; }
body.purchases #purchases-filterbar #state-filter a.purchased{ left:180px; text-align:left; width:95px; }
body.purchases #purchases-filterbar #state-filter a.received{ left:305px; text-align:left; width:95px; }
body.purchases #purchases-filterbar #state-filter a.filter-state:hover{ z-index:1; left:0; }

body.purchases #purchases-filterbar #state-filter a.pending:hover{ background: transparent url('/images/controls/purchases/navigation/states.png') left -28px no-repeat; width:440px; }
body.purchases #purchases-filterbar #state-filter a.approved:hover{ background: transparent url('/images/controls/purchases/navigation/states.png') left -56px no-repeat; width:355px; padding-left:85px;}
body.purchases #purchases-filterbar #state-filter a.purchased:hover{ background: transparent url('/images/controls/purchases/navigation/states.png') left -84px no-repeat; width:230px; padding-left:210px;}
body.purchases #purchases-filterbar #state-filter a.received:hover{ background: transparent url('/images/controls/purchases/navigation/states.png') left -112px no-repeat; width:105px; padding-left:335px;}

body.purchases #item_summary .asset a{ font-style:italic; }
body.purchases #item_summary .inner a:hover{ text-decoration:underline; }
body.purchases #item_summary div.inner{ min-height: 200px; }
body.purchases #item_summary p, body.purchases #item_summary dt, body.purchases #item_summary dd{ line-height: 1.6em; }
body.purchases #item_summary p{ margin: 2px 0; }
body.purchases #item_summary p.btn{ padding-top: 5px;}
body.purchases #item_summary .left-side{ clear: left; width: 35%; float: left; }
body.purchases #item_summary .right-side{ width: 65%; float: left; }
body.purchases #item_summary p, body.purchases #item_summary dt{ clear: left; }
body.purchases #item_summary dd{ float: left; padding: 3px 3px 5px 0; width: 68%; min-height:1.6em;}
body.purchases #item_summary .left-side label, body.purchases #item_summary .left-side dt{ width: 28%; }
body.purchases #item_summary .right-side label, body.purchases #item_summary .right-side dt{ width: 20%; }
body.purchases #item_summary label, body.purchases #item_summary dt{
  font-weight: bold;
  text-align: right;
  width: 9.8%;
  float: left;
  padding: 3px 3px 5px 0;
}
body.purchases #item_summary .full dd{ width: 87%;}
body.purchases #item_summary #purchase_edit_item_name{ width: 87%;}
body.purchases #item_summary #purchase_edit_item_notes{ width: 87%; height: 8em;}
body.purchases #item_summary img.purchase_state{ vertical-align:text-bottom; margin-right:2px;}
body.purchases #item_summary div.sui-toolbar span.actions_menu{ display: inline-block; }
body.purchases #item_summary div.sui-toolbar span.actions_menu div.sw-menu-wrap{ float: left; }
body.purchases #item_summary p input, body.purchases #item_summary p textarea, body.purchases #item_summary p a{
  float: left;
  padding: 2px 0;
}
body.purchases .empty #item_summary_view p select{ float:none; }
body.purchases #item_summary p select{
  float: left;
  padding: 0px;
  min-width: 140px;
}
body.purchases #item_summary p input.checkbox{ margin: 3px 0 0 0; }

body.purchases #purchase_summary_container a.shop-img{ background: url('/images/icons/small/agreements/money.png') left no-repeat; }
body.purchases #purchase_summary_container a.community-img{ background-image: url('/images/icons/community.png'); }
body.purchases #purchase_summary_container dd.asset{
  display:block;
  padding-left:50px;
  padding-right:5px;
  border-radius:4px;
  -moz-border-radius:4px;
  -webkit-border-radius:4px;
  max-width: 67%;
  width: auto;
  min-height:40px;

  /* need to use long hand here b/c the background-image is set through the view */
  background:#DEE7F8;
  background-repeat:no-repeat;
  background-position:3px 40%;
}

body.purchases #purchase_summary_container dd.asset p.device a{ padding: 0; float: none; }
body.purchases #purchase_summary_container dd.asset span.ip_addr{ padding-left: 5px; }
body.purchases #purchase_summary_container dd.asset p.model{ font-style: italic; overflow:hidden; height: 1.6em; }

#new-purchase label{
  margin-left: 5px;
}

#purchase_edit_container input[type="checkbox"] { margin-top: 5px; }


/* Dismissable Info Boxes
  @dismiss @info_box @dismissable
*****************************************************************/
div.dismissable_info_box{
  background:#FCECD9;
  border:1px solid #ccc;
  padding:8px;
  margin:5px 0 5px;
}
div.dismissable_info_box a.dismiss_link{ float:right; position:relative; }
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:0 0 4px;
  margin-bottom:5px;
  border-bottom:1px solid #DDD;
}
/* Quick forms
*****************************************************************/
div.quick_form{
  position:fixed;
  top:120px;
  left:180px;
  z-index:450; /* Above the "scanning" divs on first scan, below the app_overlay */
  width:350px;
  font-size:1.2em;
  margin:0;
  /* needed by FF 1.5+ to make the blinking cursor in inputs show up */
  overflow:hidden;
}
div.quick_form:after { /* Hack to make the forms position correctly when scrolled to the bottom of the page. Not needed if we get rid of the bottom bar */
  content:"";
  display:block;
  height:40px;
}

div.quick_form .shadow_wrap {
  padding:0 7px 7px 0;
  background: url(../images/layout/shadowAlphaBig.png) no-repeat bottom right;
}

#new_warranty.quick_form {
  width: 380px;
}

div#new_user.quick_form{ width:365px; z-index: 1400; }
#new_user.quick_form form select{ max-width:255px; }
div#interface_data_summary{
  width:600px;
  left:170px;
}
div#ticket_form.quick_form{ width:480px; }
div#asset_form.quick_form{ width:370px; }
div.quick_form div.inner{
  background:#fcfcfc;
  padding:0 0;
  border:1px solid rgb(41, 34, 34);
}
div.quick_form h3.title{
  font-weight:bold;
  font-size:13px;
  text-align:left;
  background-color:#393535;
  margin:0;
  border-bottom:1px solid #ccc;
  padding:4px;
  cursor:move;
  color:#FFF;
}
div.ticket_form h3.title span{
  background:transparent url(../images/icons/small/new_ticket.png) no-repeat 0 0;
  padding:0 0 2px 18px;
}
div.asset_form h3.title span{
  background:transparent url(../images/icons/small/new_asset.png) no-repeat 0 0;
  padding:0 0 0 17px;
}
div#plugin_quickform h3.title span{
  background: transparent url(../images/icons/small/app_center.png) no-repeat 0 2px;
  padding: 3px 0 3px 27px;
  background-size: 20px 20px;
}

#plugin_quickform .setting label {
  float: none;
  text-align: left;
  font-weight: normal;
  margin: 0;
  padding: 0;
  width: auto;
  font-size: 13px;
  color: $secondaryTextColor;
}

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:-15px;
}
div#event_table.quick_form h3.title span{
  background:transparent url(../images/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 5px 0 0;
  cursor:pointer;
  overflow:hidden;
  text-indent:2000px;
  background: transparent url("/images/icons/close_recessed.png") no-repeat scroll left top;
}
div.quick_form h3.title a.close:hover {
  background-position:right top;
}
div.quick_form h3.title a.close img{ border:0; }
div.quick_form div.content{
  position:relative;
  margin:0;
  padding:5px;
  background-image: -moz-linear-gradient(top, #FFFFFF, #EEEEEE); /* FF3.6 */
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #EEEEEE)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#EEEEEE')"; /* IE8 */
  /* see hacks.ie.css */
}
div.quick_form form, div.tip_form form{
  padding:0;
  margin:0;
}
div.quick_form form input.text, div.quick_form form textarea{ width:250px; }
div.quick_form form input.calendar_input{ width:230px; }
div#ticket_form form select{ width:256px; }
div.quick_form p, div.tip_form p{ margin:5px 0; }
div.quick_form p label, div.quick_form p.no_label strong,
div.tip_form p label, div.tip_form p.no_label strong{
  text-align:right;
  width:85px;
  font-size:.95em;
}
div.quick_form p.check {
  padding-left:85px;
}
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, div.tip_form p.check{ margin-top:10px; }
div.quick_form p.help, div.tip_form p.help{ margin:0; }
div.quick_form p.hint{
  margin-bottom:0;
  margin-left:5px;
}
div.quick_form p {
/*  min-height:15px;*/
}
div.quick_form p.check label {
  font-weight:normal;
}

div.quick_form p.hint span{ font-size:.9em; }
div.quick_form p.btn, div.tip_form p.btn, div.quick_form p.buttons, div.tip_form p.buttons{
  border-top:1px solid #ccc;
  padding:5px 0;
  margin:0;
  text-align:right;
  font-size:10px;
  height:14px;
}
div.quick_form p.btn .help, div.tip_form p.btn a.help, div.quick_form p.buttons .help, div.tip_form p.buttons a.help{
  float:left;
  width:auto;
  text-align:left;
  padding-top:3px;
}
div.quick_form p.btn .highlight, div.quick_form p.btn a.meta{}
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.quick_form div.setting{
  margin:5px 0;
  clear:left;
}
div.quick_form div.setting label{
  float:left;
  text-align:right;
  font-weight:bold;
  margin:5px 3px 0 0;
  padding:0;
  width:6em;
  font-size:.75em;
  color:#333;
}
div.quick_form div.setting input.text, div.quick_form div.setting textarea, div.quick_form div.setting select{
  width:265px;
}
div.quick_form div.setting select{ width:271px; }
div.quick_form div.setting textarea{
  height:100px;
}

div.ticket_form p input.summary{
  position:relative;
  top:2px;
}
div.ticket_form p textarea.detail{
  position:relative;
  top:1px;
}
div#ticket_form.quick_form p.date input, div#asset_form.quick_form p.c_date input{ width:228px; }
div#ticket_form.quick_form p.date a.calendar_trigger{
  position:relative;
  top:7px;
}
div.ticket_form p.help{
  margin:0;
  padding:5px 0 0 7em;
}
p#ticket_form_date_hint{ padding-top:0; }

div.quick_form p.callout-tip, #secondary div.sui-sheet p.callout-tip, body.tickets #item_summary_edit p.callout-tip, #action_form p.callout-tip{
  font-size:11px;
  padding:2px;
  text-align:center;
  margin:11px 0 0;
}
.quick_form .form-message{ text-align:center; font-size:11px; font-style:italic; }
#node_ticket_review p.callout-tip{
  margin-bottom:5px;
}

#node_ticket_review p.actions{
  float:right;
  text-align:right;
  padding:0;
}

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, div.ticket_form li.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 p label, div.config_backup_form p label { width:7em; }
div.config_backup_form div.config_name {
  text-align: center;
  border-bottom: 1px solid #cccccc;
  font-weight: bold;
}
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;
}

div#ticket_form_fields { margin: 0 5px; }
div#ticket_form_fields li.ticket_form_field { clear:none; float:left; width:49%; margin:5px 0; min-height: 46px; }
div#ticket_form_fields li.long_field {margin:5px 0; min-height: 46px; clear:both; width:100%;}
div#ticket_form_fields li.priority {min-height: 65px;}
div#ticket_form_fields li.bigger_field_priority{min-height: 104px;}
div#ticket_form_fields p {margin:0;}
div#ticket_form_content p label {text-align: left; margin:5px;}
div#ticket_form_fields label { display: block; margin: 5px 0 3px 0; font-weight:bold; }
div#ticket_form_fields input { width:215px; }
div#ticket_form form div#ticket_form_fields select { width:220px; padding:0px; }
div#ticket_form_fields input.long { width:445px;}
div#ticket_form_fields textarea { width:445px; min-width:445px; max-width:445px; height:46px; min-height:46px; }
div#ticket_form_fields input.date_field {width:193px;}
div#ticket_form_fields li.grouping span { float:left; display:inline-block; margin:4px 0 0; padding:0 0 5px;  }
div#ticket_form_fields li.ticket_form_field span input { width:14px; }
div#ticket_form_fields li.ticket_form_field span label { display:inline; float:none; width:auto; padding:0 10px 0 0;}
div#ticket_form_fields li.ticket_form_field p.help { padding:10px 0 0 0;}
div.ticket_form p.new_ticket_attachment label, div#ticket_form_content p.new_ticket_attachment label { width:100%; display:block; margin:0 0 0 5px;}
div.ticket_form p.new_ticket_attachment input { margin:0 0 0 5px; width:215px;}
#fixing_unknowns h3.title{ background:#fda478 url(../images/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{
  font-size:10px;
  margin:5px 0;
  padding:0;
  text-align:center;
}
div#ping_results, div#traceroute_results, div#nslookup_results, div#ilo_command_results { width:450px; }
div#ping_results.quick_form h3.title span{
  background:transparent url(../images/icons/small/ping.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div#traceroute_results.quick_form h3.title span{
  background:transparent url(../images/icons/small/traceroute.png) no-repeat 0 0;
  padding:0 0 0 19px;
}
div#ilo_command_results.quick_form h3.title span{
  background:transparent url(../images/icons/small/hp.png) no-repeat 0 0;
  padding:0 0 0 25px;
}
div#ilo_command_results_content .ilo_button{
  margin-top: 5px;
}
div#nslookup_results.quick_form h3.title span{
  background:transparent url(../images/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.quick_form.process_list_results,  div.quick_form.software_list_results{
  width:650px;
}

div.quick_form.service_list_results{
  width:800px;
}

div.quick_form.process_list_results p.btn a.refresh, div.quick_form.service_list_results p.btn a.refresh, div.quick_form.software_list_results p.btn a.refresh{
  background:transparent url(/images/icons/indicators/arrows.png) no-repeat left center;
  float:left;
  font-size:1.1em;
  padding-left:18px;
  text-decoration:none;
}
div.quick_form.process_list_results p.btn{
  border:0;
  padding-top:2px;
}

div.quick_form.process_list_results p.btn a.refresh:hover{
  text-decoration:underline;
}

div.quick_form.process_list_results div.table-body-wrapper, div.quick_form.service_list_results div.table-body-wrapper, div.quick_form.software_list_results div.table-body-wrapper{
  height:400px;
  overflow-y:scroll;
}
div.quick_form.process_list_results div.footer
{
  display:none;
}

div.quick_form.process_list_results .results{
  padding:0;
  width:auto;
  height:auto;
  overflow:auto;
  font-size:11px;
  border:1px solid #ccc;
  background:#fbfbfb;
  margin:0 0 5px;
  white-space:nowrap;
}

div.quick_form.process_list_results .results div.datagrid{
  min-height:400px;
}

div.quick_form.process_list_results table,div.quick_form.service_list_results table{width:100%;}

div.quick_form.process_list_results tr .cell-pid{
  width:12%;
  text-align:right;
}

div.quick_form.process_list_results tr .cell-name{
  width:38%;
  padding-left:10px;
  cursor:pointer;
  white-space:normal;
}
div.quick_form.service_list_results tr .cell-name{
  width:25%;
}
div.quick_form.service_list_results tr .cell-service_description{
  width:50%;
}

div.quick_form.process_list_results tr .cell-user{width:15%;}

div.quick_form.process_list_results tr .cell-cpu_percent{
  width:10%;
  text-align:right;
}
div.quick_form.process_list_results tr .cell-memory{
  width:15%;
  text-align:right;
}
div.quick_form.process_list_results tr .cell-actions{
  width:10%;
  text-align:right;
}
div.quick_form.process_list_results tr td{
  padding:5px 3px;
  line-height:1.5em;
}
div.quick_form.process_list_results tr td.status,div.quick_form.service_list_results tr td.status{
  text-align:center;
}

div.quick_form.process_list_results tr td a.end{
  background:url("/images/icons/search_clear.png") no-repeat scroll left top transparent;
  display:block;
  float:right;
  height:16px;
  overflow:hidden;
  padding-right:6px;
  text-indent:250px;
  width:16px;
}

div.quick_form.process_list_results tr td a.end:hover{
  background-image:url(/images/icons/search_clear_hover.png);
}

div.quick_form.process_list_results tr td.success,
div.quick_form.service_list_results tr td.success{
  background-color:#A4ECAF;
}

div.quick_form.process_list_results tr td.failure,
div.quick_form.service_list_results tr td.failure{
  background-color:#f7dedf;
}

div.quick_form.process_list_results tr td.confirmation,
div.quick_form.service_list_results tr td.confirmation{
  background-color:#F7F7F7;
  font-weight:normal;
  white-space:normal;
}

div.quick_form.process_list_results tr td.confirmation em,
div.quick_form.service_list_results tr td.confirmation em{
  font-weight:bold;
}

div.quick_form.process_list_results.process_list_results tr td.status a.really,
div.quick_form.service_list_results.service_list_results tr td.status a.really{
  background-color:#CA2C4D;
  color:#FFF;
}

div.quick_form.process_list_results tr td.status a,
div.quick_form.service_list_results tr td.status a{
  border:1px solid #CCC;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:2px 5px;
  margin-left:10px;
  color:#000;
  background-color:#EDEDED;
  text-decoration:none;
  font-weight:bold;
  white-space:nowrap;
}

div.quick_form.process_list_results tr td.status a:hover,
div.quick_form.service_list_results tr td.status a:hover{
  border:1px solid #000;
}

div.quick_form div.optional-fields p.empty{
  text-align:center;
  font-style:italic;
  font-size:11px;
  padding:0;
}
div.quick_form div.popup-option-field-customization{
  border:1px solid #eee;
  background:#fff;
  padding:5px;
  clear:left;
  overflow-y:scroll;
  overflow-x:hidden;
  overflow:auto;
  max-height:200px;
}
div.quick_form div.popup-option-field-customization ul{
  margin:0;
  padding:0;
}
div.quick_form div.popup-option-field-customization ul li{
  margin:0;
  padding:0;
  float:left;
  width:160px;
}
div.quick_form div.popup-option-field-customization ul li input{}
div.quick_form div.popup-option-field-customization ul li label{}
div.quick_form div.popup-option-field-customization p{
  clear:left;
  font-size:11px;
  text-align:right;
  padding:10px 0 0;
  margin:0;
}

body.inventory div#edit_asset{
  width:600px;
}



/* event logs
***************************************************************************/
#device_events_chart{
  width:auto;
  height:200px;
  margin-bottom:10px;
}
#device_events_chart.needs_flash{ height:auto; }
#event_table_container{
  position:relative;
}

#event_table_container.for_device{
  margin:10px 10px 0 5px;
  width:auto;
}
#event_table_container ul.tabs{ margin-top:5px; }
#event_table_container div.tab_bottom{
  border-top:1px solid #CCCCCC;
  clear:left;
  margin-top:0;
}
#event_table_container div.wrapper{ margin-top:5px; }
#event_table_container.for_network div.wrapper{
  max-height:300px;
  overflow-x:hidden;
  overflow-y:auto;
  clear:left;
}
#event_table_container p.log_pivot{
  margin:0;
  padding:0;
  text-align:right;
}
#event_table_container p.log_pivot a{ background:transparent url(../images/icons/indicators/pivot.png) no-repeat center right!important; }
div#event_table.quick_form{
  top:100px;
  left:120px;
  width:600px;
}
#event_table_container.for_network table{
  width:570px;
  margin:5px 0;
}
#event_table_container.for_device table{ width:auto }
#event_table_container table tbody tr td{
  line-height:16px;
}
#event_table_container table tr td.id{
  background-image:url(../images/icons/small/info_event.png);
  background-repeat:no-repeat;
  background-position:3px 3px;
  text-align:left;
}
#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(../images/icons/small/info_event.png); }
#event_table_container table tr.warning_event td.id{ background-image:url(../images/icons/small/warning_event.png); }
#event_table_container table tr.error_event td.id{ background-image:url(../images/icons/small/error_event.png); }
#event_table_container table tr.success_audit_event td.id{ background-image:url(../images/icons/small/success_audit.png); }
#event_table_container table tr.failure_audit_event td.id{ background-image:url(../images/icons/small/failure_audit.png); }
#event_table_container table td{
  text-align:center;
  vertical-align:top;
}
#event_table_container table tr td.source{
  text-align:left;
}

#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:180px;
  height:50px;
  background:#ece9d8;
  font-size:11px;
}
#event_table_container.for_device p{
  margin:0;
  padding:0 2px;
}
#event_table_container.for_network 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 p#link_to_show_new_event a{
  padding:3px 5px 3px 20px;
  background:transparent url(../images/icons/small/event_log.png) no-repeat 0 0;
}

#event_table_container table tr td.community{
  background-image:url(../images/icons/small/share_report.png);
  background-repeat:no-repeat;
  background-position:3px 3px;
  text-align:left;
}
#event_table_container table tr td.community span{
  display:block;
  margin:0 0 0 20px;
}

#event_table_container h4{
  text-align:left;
  color:#555;
  border-bottom:1px solid #E2E2E2;
  font-size:1em;
  font-weight:bold;
  margin:0 0 5px;
  padding:0 0 2px;
}

#event_table_container ul.sui-manual-filters{
  position:absolute;
  right:0;
  top:0;
}
#device_warranty_wrapper ul.sui-list span.date {
  float:left;
  font-size:100%;
  padding-left:7px;
  color:#888;
}

#device_warranty_wrapper ul.sui-list li.item {
  background-image:url(/images/icons/small/warranty.png);
}

ul#asset_event_list li div.action-links {
  margin-top:10px;
}

ul#asset_event_list li div.action-links > label{
   text-decoration:underline;
   float:right;
   margin-left:5px;
}
ul#asset_event_list li div.action-links a, ul#asset_event_list li div.action-links label {
  color:#666;
}

ul#asset_event_list li div.action-links a:first-child {
  margin-right:5px;
  background-image:url(../images/icons/small/share_report.png);
  background-repeat:no-repeat;
  background-position:3px 3px;
  text-align:left;
  padding:5px 5px 3px 20px;
}

ul#asset_event_list li h5 a span:first-child{font-weight:normal;}
ul#asset_event_list li h5 a span + span{margin-left:6px;}
ul#asset_event_list li.information_event { background-image:url(../images/icons/small/info_event.png); }
ul#asset_event_list li.warning_event { background-image:url(../images/icons/small/warning_event.png); }
ul#asset_event_list li.error_event { background-image:url(../images/icons/small/error_event.png); }
ul#asset_event_list li.success_audit_event { background-image:url(../images/icons/small/success_audit.png); }
ul#asset_event_list li.failure_audit_event { background-image:url(../images/icons/small/failure_audit.png); }

/* 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{ 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;
}
#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
**********************************************************************************/
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.form_actions{
  padding:5px 0 !important;
  border-top:1px solid #aaa;
  border-bottom:1px solid #aaa;
}
body.reports table td.date{
  min-width:60px;
}

#sql_editor_wrap{
  border:1px solid #BBB;
}
#sql_editor_wrap .CodeMirror-line-numbers{
  background:#EEE;
  border-right:1px solid #CCC;
  font-family:monospace;
  font-size:13px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  padding:5px;
  text-align:right!important;
  min-width:18px;
}
#ruby_editor_wrap{
  border:1px solid #BBB;
}
#ruby_editor_wrap .CodeMirror-line-numbers{
  background:#EEE;
  border-right:1px solid #CCC;
  font-family:monospace;
  font-size:12px;
  font-style:normal;
  font-variant:normal;
  font-weight:normal;
  padding:5px;
  text-align:right;
}
#report_section .sql_report_textarea{
  width:100%;
  height:210px;
  visibility:hidden;
}
#report_section div.chart_container_report{
  margin-bottom:10px;
  position:relative;
  z-index:1;
  padding:0 5px 5px 0;
  overflow:hidden;
}
#report_section div.chart_small{
  margin-left:180px;
  width:340px;
}
#report_section div.chart_large{ width:702px; }
#report_section div.chart_container_report div.content{
  border:1px solid #aaa;
  border-top:none;
  padding:5px 10px;
  overflow:auto;
  overflow-x:hidden;
}

/* widget titlebar */
#report_section div.chart_container_report h3.heading{
  height:22px;
  cursor:move;
  font-size:110%;
  padding:1px 0;
}

#report_section div.chart_small h3.heading{ width:338px; }

#report_section div.chart_large h3.heading{ width:700px; }

#report_section div.chart_container_report h3.heading img{ padding-top:1px; }

#report_section div.chart_container_report h3.heading img.widget-icon{
  position:absolute;
  top:2px;
  left:5px;
}

#report_section div.chart_container_report h3.heading span.left{
  float:left;
  position:static;
  padding-left:20px;
  padding-top:2px;
  white-space:nowrap;
}

#report_section div.chart_small h3.heading span.left{ width:170px; }


/* Reports list
**********************************************************************************/
#primary.report-list{ padding:0; }
#report_section div.potential-errors{
  font-weight:bold;
  color:red;
}
div#report-list table .cell-name{ width:20%; }
div#report-list table .cell-description{ width:40%; }
div#report-list table .cell-type{ width:10%; text-align:center;  }
div#report-list table .cell-public{ width:8%; text-align:center; }
div#report-list table .cell-last_run{ width:14%; text-align:center;  }
div#report-list table .cell-actions{ width:8%; text-align:right; padding-right:5px; }
div#report-list table.body .cell-actions span{ font-size:11px; }
div#report-list table.body .cell-actions span a{ color:#aaa; text-decoration:none; }
div#report-list table.body .cell-actions span a.run{ float:left; margin:0 0 0 10px; }
div#report-list table.body tr:hover .cell-actions span a, div#report-list table.body tr.menu-set-shown span a, div#report-list table.body tr.clicked .cell-actions span a{ color:#000; text-decoration:underline; }

div#report-list table.body tr.menu-set-shown{ background:#fff6f2; }

div.community-panel.reports div.main ul li div.secondary{ width:20%; }
div.community-panel.reports div.main ul li div.secondary div.rating{
  float:right;
  padding:2px 0 2px 20px;
  background:transparent url(/images/icons/small/pepper.png) no-repeat center left;
}
div.community-panel.reports div.main ul li div.secondary input{
  margin:5px 0 0;
  float:right;
  clear:right;
}
div#report, div#device-data{ border:1px solid #ccc; margin:5px 0 0; }
div#report-body, div#device-data-body{ overflow-x:scroll; }


/* Reports form
**********************************************************************************/
#report_section .settings_section{
  padding:5px 0 5px 0;
}
#report_section #report_description, #report_section #report_name { width:450px; /* see hacks.ie.css */ }
#report_section #report_fields_list.empty,
#report_section #report_form p{ width:100%; }
#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_fields_node{
  position:relative;
}
#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_fields_list{
  position:relative;
  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{
  position:relative;
  display:block;
  min-width:100px;
  height:8px;
  overflow:hidden!important;
}
span.percentage_bar span.inner em{
  display:block;
  position:absolute;
  top:0;
  left:0;
  bottom:0;
}
span.percentage_bar span.inner em span{
  display:block;
  text-indent:-9999px;
  -moz-opacity:0.5;
  opacity:.50;
  filter:alpha(opacity=50);
  background:transparent url(../images/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_meta{ padding:0; }

body.asset #primary{ padding:0; }
body.asset-data #primary{ padding:5px; }
body.asset #primary div.inner{ padding:5px;}
body.asset div.confirmation_panel{
  padding-top:80px!important;
  padding-bottom:80px!important;
  position:relative;
}

body.asset div.confirmation_panel p.buttons{
  padding:20px 0 0;
}
body.asset div.confirmation_panel h4{
  font-size:24px

}

body.asset #primary div.confirmation_panel p.help{
  bottom:5px;
  font-size:0.9em;
  position:absolute;
  right:0;
  text-align:right;
}


body.asset table.four_column{ width:99%; }
body.asset table#configuration_summary_table tr td{padding-left:0;}

#device_meta{
  margin-top:10px;
  padding-top:10px;
  border-top:1px solid #CCC;
}
#device_meta div.column{ width:49%; }
#device_meta div.first{ float:left; }
#device_meta div.second{ float:right; }
#device_meta div.box{
  clear:both;
  margin:0 0 20px;
  overflow:hidden;
  width:100%;
  position:relative;
}
#device_meta div.first{
  padding-right:1%;
}
#device_meta div.box h3{
  border-top-left-radius:3px;
  border-top-right-radius:3px;
  -moz-border-radius:3px 3px 0 0;
  -webkit-border-top-left-radius:3px;
  -webkit-border-top-right-radius:3px;
  background-color:#EEEEEE;
  background-position:5px center;
  background-repeat:no-repeat;
  border-bottom:1px solid #DDDDDD;
  float:left;
  font-size:1.5em;
  font-weight:normal;
  margin:0 0 5px;
  padding:3px 0 0;
  width:100%;
}
#device_meta div.box h3 span.title{
  display:block;
  float:left;
  padding-left:32px;
}
#device_meta div.box h3 span.right{
  padding:1px;
  position:absolute;
  right:5px;
  top:0;
}
#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)
**********************************************************************************/

#auth_for_inventory p.btn a{
  float:left;
  padding:5px 10px 2px;
}

.lightbox .content ul.widgets_to_install li h2 {background-color: transparent; color: #333;}
.lightbox .content ul.widgets_to_install li div.add-widget{margin-top: 7px;}

.lightbox .content h2 a {
  color:#FFF;
}

#inventory_scan_progress .popup-section.dark {
  padding:0;
  box-shadow:inset 1px 3px 3px #000;
  -webkit-box-shadow:inset 1px 3px 3px #000;
  -moz-box-shadow:inset 1px 3px 3px #000;

}
#inventory_scan_progress div.progress {
  font-size:2.5em;
  border:0;
  margin:0;
  background-color:transparent;
}
#inventory_scan_progress div.progress .bar {
/*  margin:0;*/
/*  padding:7px;*/
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);
}

#inventory_scan_progress div.progress .value {
  color:#FFF;
}

#inventory_scan_progress .panel {
  min-height:250px;
  position:relative;
  overflow:hidden;
}
#inventory_scan_progress .panel > div {
  position:absolute;
  left:0;
  right:0;
  top:0;
  bottom:0;
  background-color:#FFF;
}

#inventory_scan_progress div.loading {
  height:100px;
  width:600px;
  background:transparent url(/images/other/loading-pepper.gif) no-repeat center center;
}

#inventory_scan_progress .panel > div.loading {
  z-index:3;
}
#inventory_scan_progress .panel > div.instant-results {
  z-index:2;
}
#inventory_scan_progress .panel > div.scan-progress {
  z-index:1;
}

#inventory_scan_progress{
  width:625px;
  overflow:hidden;
}

#inventory_scan_progress .footer {
  min-height:25px;
}

#scan-progress-carousel {
  overflow:hidden;
  width:1000000px;
  padding:0
}

#scan-progress-carousel div.box {
  width:625px;
  float:left!important;
  margin:0;
  height:255px;
}

.csstransitions #scan-progress-carousel div.box {
  transition-property: margin;  -webkit-transition-property: margin; -moz-transition-property: margin;
  transition-duration: 0.7s;  -webkit-transition-duration: 0.7s; -moz-transition-duration: 0.7s;
  transition-delay: 0s; -webkit-transition-delay: 0s; -moz-transition-delay: 0s;
  transition-timing-function:  ease-in-out; -webkit-transition-timing-function: ease-in-out; -moz-transition-timing-function: ease-in-out;
}

#scan-progress-carousel div.box.people-import div.message {
  margin:75px auto 0 auto;
  width:460px;
  background-color:#FFF;
}
#scan-progress-carousel div.box.people-import div.message span {
  font-size:80px;
  letter-spacing: -0.05em;
  margin-right:25px;
  display:inline-block;
  float:left;
}
#scan-progress-carousel div.box.people-import div.message p {
  padding:15px 0 0 0;
  text-align:left;
  font-size:25px;
  line-height:1.25;
}
#scan-progress-carousel div.raised {
  border-radius:2px;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;

  box-shadow: 1px 1px 3px #CCC;
  -webkit-box-shadow: 1px 1px 3px #CCC;
  -moz-box-shadow: 1px 1px 3px #CCC;
}

#scan-progress-carousel div.box.device-preview div.band{
  margin:70px auto 0 auto;
  width:500px;

  position:relative;
  border:1px solid #CCC;
  background-color:#F6F6F6;
}

#scan-progress-carousel div.device-preview div.owner > a {
  color:#2080AD;
  background-color:transparent;
  background-repeat:no-repeat;
  background-position: top left;
  background:transparent url(/images/icons/small/user_silhouette.png) no-repeat center left;
  white-space:nowrap;
  text-overflow: ellipsis;
  overflow:hidden;
  padding-left:20px;
  display:block;
  position:absolute;
  left:95px;
  bottom:10px;
}
#scan-progress-carousel div.device-preview div.band a:hover {
  text-decoration:underline!important;
}

#scan-progress-carousel div.device-preview div.band li.name {
 font-weight:bold;
 font-size:1.5em;
}
#scan-progress-carousel a {
  color:#2080AD;
}

#scan-progress-carousel div.device-preview div.band li.name a {
  text-decoration:none;
  color:#2080AD;
  font-weight:bold;
}

#scan-progress-carousel div.device-preview div.band div.sui-image-wrapper {
  width:80px;
  height:80px;
  padding:5px;
  border-right:1px solid #CCC;
  background-color:#FFF;
  /* see hacks.ie7 */
}

#scan-progress-carousel div.device-preview div.band .primary-details {
  position: absolute;
  left: 96px;
  top: 4px;
}

#scan-progress-carousel div.device-preview div.band .primary-details li{
  text-align:left;
}

#scan-progress-carousel div.device-preview div.band .network-details {
  bottom: 0;
  padding: 7px 10px;
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
}


#auth_for_inventory {
  width:625px;
}

#auth_for_inventory .intro{
  overflow:hidden;
}

#auth_for_inventory .footer{
  margin-top:0;
}

#existing_ssh_tel_wrap{
    height: 70px;
    margin-left: 2em;
}
#existing_enable_wrap{
    height: 70px;
    margin-left: 2em;
}

div.panel-columns {
  overflow:hidden; /* clear those floats */
  padding: 8px 0 0 0;
}

div.panel-columns div.column + div.column {
  border-left:1px solid #DDD;
}

div.panel-columns.three div.column {
  padding:0;
  margin:0;
  text-align:left;
  float:left;
  width:33.2%;
}

div.panel-columns.two div.column {
  padding:0;
  margin:0;
  text-align:left;
  float:left;
  width:49.9%;
}

div.panel-columns.two div.column p.check{
    margin-bottom: 10px;
    height: 20px;
}

div.panel-columns div.column .title{
  padding:0 5px 5px 5px;
  margin-bottom:10px;
  text-align:left;
  margin-top:0;
  color:#000;
  margin-left:3px;
  height:36px;
}
div.panel-columns div.column .title h3 {
  font-size:1.3em;
  padding-top:7px;
  margin:0;
  line-height: 1em;
}
div.panel-columns div.column .title span {
  font-size:11px;
  color:#666;
  display:block;
}
div.panel-columns div.column.unix .title {
  padding-left:35px;
  background:transparent url(/images/icons/medium/osx-logo.png) no-repeat left top;
}
div.panel-columns div.column.windows .title {
  padding-left:40px;
  background:transparent url(/images/icons/medium/windows-logo.png) no-repeat left top;
}
div.panel-columns div.column.snmp .title {
  padding-left:45px;
  background:transparent url(/images/icons/medium/networking.png) no-repeat left top;
}
#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:140px; }

#auth_for_inventory label{ font-weight:normal; }
#auth_for_inventory p{ text-align:left; }
#auth_for_inventory p.btn{
  text-align:right;
}
div.panel-columns div.inset{
  padding-left:28px;
  padding-top:10px;
  margin-top:10px;
  height:100px;
  background-color:#CCC;
  background: transparent url(/images/layout/patterns/gray-diagonal.gif) repeat;
}

div.panel-columns div.inset label {
  font-weight:normal;
  font-size:0.9em;
}

#auth_for_inventory div.inset div.check {
  padding-top:5px;
}
#auth_for_inventory div.inset div.check label {
  font-size:80%;
  color:#555;
}

#auth_for_inventory p.check {
  padding-left:15px;
}
#auth_for_inventory p.check label {
  font-weight:normal;
}
#auth_for_inventory span.example{ display:block; 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(/images/icons/small/help.png) no-repeat center left;
  padding-left:23px;
}

#inventory_scan_results {
    width:625px;
}

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

.lightbox .inner .col {
  float: left;
  width: 46%;
}

.lightbox .inner .col + .col {
  margin-left: 4%;
}

#auth_for_config_backup {
  width: 550px;
}

.lightbox .cols {
  overflow: auto;
}

.lightbox form .required {
  color: red;
  font-weight: bold;
}

#auth_for_config_backup .inner {
  text-align: left;
  padding: 4px 16px 12px;
}
#auth_for_config_backup .inner > p { padding:10px 0; }
#auth_for_config_backup .inner .col p{ padding:10px 0; }


#auth_for_config_backup h5 {
  margin-top: 12px;
  font-size: 14px;
  font-weight: normal;
}

#auth_for_config_backup .username label,
#auth_for_config_backup .password label {
  float: left;
  width: 70px;
}

#auth_for_config_backup .username input.text,
#auth_for_config_backup .password input.text {
  float: left;
  width: 130px;
}

#auth_for_config_backup .username,
#auth_for_config_backup .password {
  overflow: auto;
  margin-top: 6px;
}

#auth_for_config_backup .footer a.help {
  float: left;
  font-size: 10px;
}

.lightbox form .with_errors input, .lightbox form input.with_errors {
  border: 1px solid red;
}

#lightbox_config_backup_progress #local_scan_indicator {
  padding: 16px;
}

#config_backup_results {
  width: 500px;
}

.lightbox ul.results {
  overflow: auto;
  text-align: center;
}

#inventory_scan_results ul.results {
  margin: 0 44px;
}

.lightbox ul.results li {
  height: 130px;
  width: 33%;
  float: left;
  background: transparent none no-repeat center;
  position: relative;
}

.lightbox ul.results li#network_devices_found {
  background-image: url(/images/icons/wizard/config_backup.png);
}

.lightbox ul.results li#successful_backups {
  background-image: url(/images/icons/wizard/config_check.png);
}

.lightbox ul.results li#backup_errors {
  background-image: url(/images/icons/wizard/config_error.png);
}

.lightbox ul.results li#devices_found {
  background-image: url(/images/icons/wizard/scan_devices.png);
}

.lightbox ul.results li#software_titles {
  background-image: url(/images/icons/wizard/scan_software.png);
}

.lightbox ul.results li#monitor_alerts {
  background-image: url(/images/icons/wizard/scan_alerts.png);
}

.lightbox ul.results .total {
  background: #9c1213 url("/images/layout/gradients/orange_to_orange.png") repeat-x left top;
  position: absolute;
  top: 20px;
  left: 18px;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  padding: 4px 8px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

#inventory_scan_results ul.results .total {
  position: absolute;
  top: 20px;
  left: 30px;
}

.lightbox ul.results li p {
  font-size: 14px;
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 0;
  margin: 0;
  width: 100%;
  text-align: center;
}

#config_backup_results .scan_error_result,
#inventory_scan_results .scan_error_result {
  background: transparent url("/images/icons/medium/scan-error.png") no-repeat left top;
  padding: 6px 0px 6px 48px;
  height: 24px;
  font-size: 24px;
  margin: 8px 0;
}

#config_backup_results .no_devices_found p,
#inventory_scan_results .no_devices_found p {
  padding-left: 48px;
}

.lightbox .center_form_wrapper {
  margin: 14px auto 14px;
  width: 300px;
  text-align: left;
}

.lightbox #ip_range {
  font-size: 18px;
  width: 100%;
}

#config_backup_ip_ranges label {
  float: none;
  width: auto;
  font-weight: normal;
  font-size: 14px;
  margin-bottom: 4px;
  display: block;
}

#config_backup_status .total {
  font-weight: bold;
}

#config_backup_status .recent_history {
  font-size: 11px;
}

.lightbox .footer p.btn {
  text-align: right;
  margin-top: 0;
  padding: 5px 0;
}

.lightbox .footer p.btn .btn {
  margin-left: 4px;
}

.lightbox .footer {
  text-align: right;
  margin-top: 0;
}

.lightbox #add_content_popup label {
  margin-top: 2px;
}

.lightbox #add_content_popup .inner_content {
  padding: 10px;
}

.lightbox #add_content_popup .inner_content > div {
  margin-bottom: 6px;
}

.lightbox #upload_content input {
  width: auto;
}

input.stealth {
  background: none;
  border-color: transparent;
  border-bottom: 1px dotted #C8C97A;
}

input.stealth:hover {
  border-bottom-style: solid;
  border-color: #C8C97A;
  background-color: #ff9;
}

input.big {
  font-size: 24px;
}

/* Datagrid for Software/Services/Hotfixes
************************************************************/
div.datagrid div.footer{ font-size:0.9em; }
div.datagrid div.footer a.paging{ text-decoration:none; color:#888; }
div.datagrid div.footer a:hover{ color:#333; }
body.software #primary, body.software #secondary{ padding:0; }

/* Pages control
*************************************************************************************/
body.search #content div.pagination{ font-size:1.1em; }
#ticket-list div.pagination{ margin:3px 0; }
#end_users div.pagination{ margin:12px 0 0; }

/* Spicemeter
************************************************************/
div#spicemeter p.meta{
  text-align:justify;
  padding:40px 5px 0 14px;
}
div#spicemeter div#large_meter{
  float:right;
  width:280px;
  height:90px;
  margin:0 0 10px 40px;
  padding:15px 0 5px;
  width:205px;
}

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(../images/spicemeter/check_off.png)
}
div#spicemeter ol li.used{ background-image:url(../images/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:60%;
}
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:31%;
}
div#spicemeter ol li.feature a{ text-decoration:none; }
div#spicemeter ol li.feature a:hover{ text-decoration:underline; }
div#spicemeter ol li.feature span.help_url{
  display: inline-block;
  height: 12px;
  width: 117px;
}
div#spicemeter ol li.feature a.help{
  background:transparent url(../images/icons/small/help.png) no-repeat center left;
  padding:10px 35px 10px 25px;
}
div#spicemeter ol li.feature span.video_url{
  display: inline-block;
  height: 12px;
  width: 82px;
}
div#spicemeter ol li.feature a.video{
  background:transparent url(../images/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(../images/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(../images/icons/small/help.png) no-repeat center left;
  padding:7px 0 7px 24px;
}

/* Timeline settings
************************************************************/
#timeline-settings tr.on-disabled td{ color:#B7B7B7; }

/* Managing categories
************************************************************/

ol.rules_match_list{
  padding:0;
  margin:0;
}
ol.rules_match_list li{
  list-style:decimal inside!important;
  padding:2px 3px 2px 20px;
  margin:2px;
  border:none;
}
ol.rules_match_list li.match{
  background:transparent url(/images/icons/small/ok.png?1334011467) left no-repeat;
}
ol.rules_match_list li.no_match{
  background:transparent url(/images/icons/small/no.png?1334011467) left no-repeat;
}
div.conditions table.rule_set_conditions{ table-layout:fixed; width:100%; border:1px solid #DDD; }
div.conditions table.rule_set_conditions tr td{
  background-color:#F6F6F6;
  padding:7px;
}
div.conditions table.rule_set_conditions td{ text-align:left; padding:2px 3px 2px 0; }
div.conditions table.rule_set_conditions td.key{ width:30%; }
div.conditions table.rule_set_conditions td.key select{ width:100%; }
div.conditions table.rule_set_conditions td.operator{ width:15%; }
div.conditions table.rule_set_conditions td.operator select{ width:100%; }
div.conditions table.rule_set_conditions td.value{ width:40%; }
div.conditions table.rule_set_conditions td.value input.text{ width:100%!important; }
div.conditions table.rule_set_conditions td.value input.calendar_input{ width:70px!important; }
div.conditions table.rule_set_conditions td.value img.rule_value_indicator{ }
div.conditions table.rule_set_conditions td.value select{ width:100%; }
div.conditions table.rule_set_conditions td.value .auto_complete_wrapper{ position: relative;}
div.conditions table.rule_set_conditions td.value .auto_complete_wrapper img.rule_value_indicator{
  position:absolute;
  right:6px;
  top:6px;
  /* see hacks.ie.css */
}

div.conditions table.rule_set_conditions td.actions{ width:70px; padding-left:8px!important; }
div.conditions div.rule_match_preview{
  border:1px solid #DDD;
  border-top:0;
  background-color:#FFF;
  padding:3px;
  text-align:center;
  font-size:1.1em;
}
div.conditions div.rule_match_preview span{
  height:15px;
  display:inline-block;
  position:relative;
  top:-2px;
}

div.conditions div.rule_match_preview span.refresh{
  top:0;
  padding-left:2px;
  width:15px;
  height:15px;
  display:inline-block;
  cursor:pointer;
  background:url(/images/icons/indicators/arrows.png?1334011467) no-repeat 0 0;
}

div.conditions div.rule_match_preview span.working{
  background:url(/images/icons/indicators/spinning_arrows.gif?1334011467) no-repeat 0 0!important;
}

#external-alerts-form{
  position:relative;
  display:block;
}
#external-alerts-form div.overlay{
  position:absolute;
  background:#fff;
  top:0;left:0;
  height:100%;
  width:100%; /* needs to be a bit wider, to cover up the content completely */
  -moz-opacity:0.6;
  opacity:.60;
  filter:alpha(opacity=60);
}


/* Web portal
************************************************************/
#web_portal_frame{
  width:100%;
  height:750px;
}

/* COLUMN VIEW @column_view
************************************************************/
#column_view{
  overflow-x:scroll;
}
#column_view .canvas{
  height:200px;
}

#column_view .column{
  width:150px;
  height:200px;
  overflow:hidden;
  border:1px solid #aaa;
}
#column_view .column ul{
  float:left;
  margin:0px;
  list-style-position:inside;
  padding:0px;
}

#column_view .column .row{
}
#column_view .column .row.selected{
  background:#eee;
}

#column_view .column .row a{
  text-decoration:none;
  display:block;
  padding:5px;
  padding-left:10px;
  padding-right:10px;
}

#column_view .column .row a:hover{
  background:#ccc;
}
#browse_loading{
  position:absolute;
  width:100%;
  height:293px;
  z-index:5;
}

#browse_loading div{
  position:relative;
  width:100%;
  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:0;
  right:0;
  font-size:2.3em;
  color:#888;
/*  border:1px solid #eee;*/
  text-align:center;
  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;
  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.separator_bottom{ border-bottom:1px solid #ddd; padding-bottom:4px; margin-bottom:4px;}
.column_view ul li.item_row.description{ border-bottom:1px solid #eee; }

.column_view ul li.item_row.selected{
  background-color:transparent;
  width:180px;
}
.column_view ul li.item_row.selected.current a{
  background-image:url(../images/icons/indicators/toggle_browse_current.png);
  color:#333;
}

.column_view ul li.item_row.selected.current.loading a{ background-image:url(../images/icons/ajax_busy_small.gif); }
.column_view ul li.item_row a{
  overflow-x:hidden;
  display:block;
  padding-left:5px;
  padding-top:4px;
  padding-bottom:4px;
  margin:0px;
  border:0px;
  text-decoration:none;
  font-weight:normal;
  color:#333;
}
.column_view ul li.item_row a span {
  font-weight:normal;
}
.column_view ul li.item_row a:hover{ background-color:#f4f4f4;  }
.column_view ul li.item_row.selected a{
  background-color:#2080AD;
  color:#FFF;
  background-repeat:no-repeat;
  background-position:97% center;
}
.column_view ul li.item_row.selected a span{
  color:#FFF;
  font-weight:normal;
}
.column_view ul li.item_row.current a span{
/*  width:163px;*/
/*  color:#FFF;*/
}
.column_view ul li.item_row.current a:hover{  }

.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.hidden{
  display:none;
}

.column_view ul.root > li.hidden.selected{
  display:block;
}

.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:hover{ background-color:auto; }
.column_view ul.root li.item_row a span{
  padding-left:5px;
  padding-top:2px;
  display:block;
}
.column_view ul.root li.item_row a img{ float:left; }

.column_view ul div.message{
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background-color:#F7F7F7;
  border:1px solid #CCC;
  margin:2px;
  padding:4px 5px;
  text-align:center;
}

/* RESULT COLUMN */
.column_view ul.result{
  padding:0;
  width:220px;
}

/* tickets and alerts table on general summary for assets
************************************************************/

#item_summary div.info_section > div{ width:100%; }
#item_summary div.info_section{
  position:relative;
  line-height:1em;
  clear:both;
}

#item_summary div.info_section.left-column {
  float: left;
  width: 49%;
  clear:none;
}
#item_summary div.info_section.right-column {
  float: right;
  width: 49%;
  clear:none;
}

#item_summary div.info_section > h4, div.info-section > h4 {
  border-bottom:1px solid #E2E2E2;
  font-size:1em;
  line-height:1.3em;
  font-weight:bold;
  margin:20px 0 5px;
  padding:0 0 2px;
}
#item_summary div.info_section h4 span.links{
  position:absolute;
  right:5px;
  font-weight:normal;
  font-size:0.9em;
}
#item_summary div.info_section h4 span a{ color:#666; }
#item_summary div.info_section h4 span a:hover { color:#000; }

#item_summary div.info_section ul.item_list li{
  border:1px solid #FFF;
  position:relative;
  padding-top:0.3em;
  padding-bottom:0.3em;

}
#item_summary div.info_section ul.item_list li + li{
  border-top:1px solid #F1F1F1;
}
#item_summary ul.item_list li.item:hover{
/*  border:1px solid #E9E9E9;
  background-color:#F1F5FA;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;*/
}

#item_summary div.info_section ul.item_list li .top {
  clear:both;
  padding-bottom:0.2em;
}
#item_summary div.info_section ul.item_list li .message {
  line-height:1.5em;
  font-size:0.9em;
}

#item_summary div.info_section ul.item_list li .bottom{
  text-align:right;
  padding:0 4px 0 4px;
}

#item_summary div.info_section ul li .bottom span.actions{
  font-size:0.9em;
}

#item_summary div.info_section ul li.blank{
  padding:8px;
  text-align:center;
}
#item_summary div.info_section ul li.blank span{
  color:#6D6D6D;
}
#item_summary div.info_section ul li.blank span em{
  font-style:italic;
}

#item_summary div.info_section ul li span.actions a {
  color:#CCC;
}
#item_summary div.info_section ul li:hover span.actions a {
  color:#838383;
}

#item_summary div.info_section ul li span.actions a:hover{
  color:#222;
}
#item_summary div.info_section ul li .bottom span.actions span + span, #item_summary div.info_section ul li .bottom span.actions > a + a{
  border-left:1px solid #CCC;
  padding-left:5px;
  margin-left:5px;
}
#item_summary div.info_section ul li span.title{
  height:25px;
  line-height:25px;
  font-weight:bold;
}
#item_summary div.info_section ul li span.title a{
  font-weight:bold;
  text-decoration:none;
}
#item_summary div.info_section ul li span.title a:hover{
  text-decoration:underline;
}

#item_summary div.info_section .right{
  position:absolute;
  right:0;
  top:0;
}


/* List Overrides */
#item_summary div.info_section ul.sui-manual-filters{ position:absolute; right:0; top:0; text-align:right; }

#printer_levels ul.sui-list.ink-levels li .fluid-percentage-bar {
  width:95%;
  margin-left:0;
  position:relative;
  top:3px;
  padding:3px;
  overflow:hidden;
}

#printer_levels ul.sui-list li .action-links {
  border-top:1px dotted transparent;
  margin:5px 0 0;
  padding:5px 0 0;
  text-align:right;
  width:100%;
  white-space:nowrap;
}
#printer_levels ul.sui-list li .action-links a {
  color:#2080AD;
}
#printer_levels ul.sui-list li.more .action-links {
  border-top:1px dotted #CCC;
}

#printer_levels ul.sui-list li.more .action-links em {
  float:left;
}

#printer_levels ul.sui-list li.more:hover, #printer_levels ul.sui-list li.attention {
  border:1px solid #DDD;
  background-image:-moz-linear-gradient(#FFF, #F5F5F5);
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #FFFFFF),color-stop(1, #F5F5F5)); /* Saf4+, Chrome */
            filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F5F5F5'); /* IE6,IE7 */
        -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#FFFFFF', EndColorStr='#F5F5F5')"; /* IE8 */
}

#printer_levels ul.sui-list li.more:hover .action-links, #printer_levels ul.sui-list li.attention .action-links {
  visibility: visible;
}

#printer_levels ul.sui-list li .subtitle {
  clear:both;
}

#printer_levels ul.sui-list.ink-levels li .message {
  margin-top:7px;
  color:#CCC;
}

#printer_levels ul.sui-list.ink-levels li .block_content {
  color: #CCC;
  font-size: 0.9em;
}

#printer_levels ul.sui-list.ink-levels li .message span {position: absolute;right: 5px;}
#printer_levels ul.sui-list.ink-levels li .message span > a {color: #2080AD;}

#printer_levels ul.sui-list li.more:hover .message, #printer_levels ul.sui-list li.attention .action-links {
  color:#AAA;
}

#printer_levels ul.sui-list li.more:hover .block_content {
  color: #AAA;
}

#printer_levels ul.sui-list li {
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border:1px solid transparent;
  padding:5px;
  background-image: none;
  background-position:2px 3px;
  float:left;
  margin:1px;
  max-width:300px;
}
#printer_levels ul.sui-list li > em {
  margin-top:0px;
  margin-left:0;
  padding-right:7px;
}

#printer_levels ul.sui-list.ink-levels li {
  width:23%;
}
#printer_levels ul.sui-list li h5 {
  margin-right:5px;
}
#printer_levels ul.sui-list li.attention h5 {
  background: transparent url(/images/icons/alert.png) no-repeat 0 0;
  padding-left:18px;
}

#printer_levels ul.other-levels li > span {
  font-size:0.9em;
  color:#999;
  margin-left:5px;
}

#item_tickets ul.sui-list li {
  background-position:0.1em 0.7em;
  background-image:url(/images/icons/small/new_ticket.png);
}
#item_alerts ul.sui-list li {
  background-image: url(/images/icons/small/alert.png);
  background-color:#F7DEDF;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
}

#item_alerts ul.sui-list li div.action-links a {
  color:#AAA;
}
#item_alerts ul.sui-list li div.action-links a:hover {
  color:#666;
}


#group_alerts ul.sui-list > li {
  background-image: url(/images/icons/small/alert.png);
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  margin: 5px 0 5px 0;
}
#group_alerts ul.sui-list li + li {
  border-top:1px solid #EEE;
}
#group_alerts ul.sui-list li h5 {
  font-weight:normal;
}
#group_alerts ul.sui-list li h5 a {
  color:#2080AD;
}
#group_alerts p.btn {
  text-align:right;
}

#group_alerts .grouped {
  cursor: pointer;
  border:1px solid #fff;
}
#group_alerts .grouped .block_content {
  display: none;
}
#group_alerts .grouped:hover{
  background-color:#F6F6F6;
  border:1px solid #EEE;
  z-index:1;
/*  display:block;  enabling will make safari hover state not work */
  overflow:visible;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
}
#group_alerts .grouped:active{
  border:1px solid #CCC;
  background-color:#F4F4F4;
}

#item_tickets ul.sui-list li.closed * {
  font-style:italic;
  color:#888;
}

#item_purchases ul.sui-list li div.special_icon {
  background: transparent url(/images/icons/small/purchase_state.png) no-repeat 0 0;
}

#item_purchases ul.sui-list li.approved div.special_icon {
  background-position: -16px 0;
}

#item_purchases ul.sui-list li.purchased div.special_icon {
  background-position: -32px 0;
}

#item_purchases ul.sui-list li.received div.special_icon {
  background-position: -48px 0;
}

.diff_table {
  table-layout: fixed;
}
#item_config_compare form {
  background-color:#F5F5F5;
  display:block;
  overflow:hidden;
  border-bottom:1px solid #DFDFDF;
  height: 18px;
  padding: 2px 5px;
}
#item_config_compare .sui-manual-filters {
  clear:both;
  background-color:#F5F5F5;
  text-align:center;
  padding:3px;
  border-bottom:1px solid #DFDFDF;
}

#item_config_compare p.right_side, #item_config_compare p.left_side, #item_config_compare div.right_side, #item_config_compare p.left_side {
  width: 46%;
  padding: 3px 5px;
}
#item_config_compare p.left_side, #item_config_compare div.left_side {
  float:left;
}
#item_config_compare p.right_side, #item_config_compare div.right_side {
  float: right;
}
#config_history ul.sui-detailed-list li {
  padding-bottom: 0;
}
#config_history ul.sui-detailed-list li, #activity_list li.configuration_backup, #config_history ul.sui-detailed-list li, #activity_list li.configuration_restore {
  background-image: url(/images/icons/small/config_file.png);
}
#config_history ul.sui-detailed-list li.running_config {
  background-image: url(/images/icons/small/config_run.png);
}
#config_history ul.sui-detailed-list li.startup_config {
  background-image: url(/images/icons/small/config_startup.png);
}

#config_history ul.sui-detailed-list li p.message textarea {
  height:25px;
  width:98%;
}
#config_history ul.sui-detailed-list li p.message span {
  display:block;
}

#config_history ul.sui-detailed-list li p.message a.edit_note {
  color:#AAA;
  display:inline-block;
}
#config_history ul.sui-detailed-list li p.message a.edit_note:hover {
  color:#333;
}

#config_diffs div.right_side {
  border-left: 1px solid #C8C8C8;
}

div.diff_identical {
  font-weight: bold;
  font-size: 20px;
  padding-top: 25px;
  height: 100px;
  text-align: center;
}

#item_config_compare .deleted { background-color: #F7DEDF; text-decoration: line-through;}
#item_config_compare .added { background-color: #CEE7CF; }
#item_config_compare .changed { background-color: #F7F7CF; }
#item_config_compare_title { padding: 3px 0 3px 20px; background: transparent url("/images/icons/small/config_startup.png") top left no-repeat; }
.running_config  #item_config_compare_title{ background: transparent url("/images/icons/small/config_run.png") top left no-repeat; }

#config_history_list { min-height: 70px; }
#item_config_compare{ min-height: 70px; }
#config_compare_hdr {
  border-bottom: 1px solid #BBBBBB;
}
#config_compare_hdr .restore {
  font-size: 80%;
}
#item_config_compare table.habanero {
  width:100%;
}
#item_config_compare table.habanero thead th {
  padding:5px;
  text-align:center;
}
#item_config_compare table.habanero thead th a {
  font-weight:bold;
}
#item_config_compare table.habanero tbody tr td {
  border-color:#DDD;
  border-style:solid none;
  border-width:1px 0;
}

#item_config_compare table.habanero td.line_number {
  background-color:#F5F5F5;
  border-right:1px solid #CCCCCC;
  color:#AAAAAA;
  padding-right:3px;
  text-align:right;
  width: 2em;
}

#item_config_compare table.habanero td.data {
  width:48%;
  text-align:left;
  word-wrap: break-word;
}

#item_config_compare #configuration_diffs table.merged_listing td.data {
  width: 96%;
  border-width: 0;
}

#item_config_compare .clear { clear: both; }
#item_config_compare .side_by_side_headers {
  background-color: #F5F5F5;
}
#item_config_compare .side_by_side_headers p.left_side, #item_config_compare .side_by_side_headers p.right_side {
  margin: 1px;
  text-align: center;
  font-weight: bold;
}

#compare_config_form a.pivot {
  background: url("/images/icons/indicators/pivot.png") no-repeat scroll right 5px transparent;
  font-size: 0.95em;
}

a.view_network_config {
  text-decoration: none;
}
div.fixed_position { position: fixed; }
.net_config_view_pivot {
  z-index: 200;
  text-align: left;
}
.net_config_view_pivot div.inner ul { font-size: 0.95em;}
span.net_config_changed { padding-left: 10px; }

/* Progress bar styles */

div.scan_progress{
  font-size:1em;
  background:white none repeat scroll 0 0;
  border:1px solid #CCCCCC;
  color:white;
  display:block;
  margin:5px auto;
  overflow:hidden;
  position:relative;
  text-align:left;
  width:auto;
  position:relative;
  height:1em;
}

div.scan_progress div.bar{
  background:#fe5200;
  position:absolute;
  left:0;
  top:1px;
  bottom:1px;
  margin:0;
  height:auto;
  line-height:1em;
  z-index:1;
}

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

div.scan_progress span.percentage{
  position:absolute;
  padding:0;
  right:0;
  top:0;
  bottom:0;
  text-align:center;
}

div.scan_progress em {
  display:block;
  position:absolute;
  left:0;right:0;top:0;bottom:0;
  text-align:center;
  color: #FFF;
  font-size: 40%;
  height: 100%;
  line-height: 100%;
  padding: 0.85em 7px;
  z-index:0;
}

div.scan_progress span.percentage span.value{
  color: #383838;
  display: block;
  font-size: 40%;
  font-weight: bold;
  height: 100%;
  line-height: 100%;
  padding: 0.85em 7px;
}
#scan-status .scan_progress .percentage .value{ font-size:1em; padding:2px 7px; }

div.scan_progress.global {
  background:#F5F5F5 none!important;
  padding:0;
  margin:0;
  border:0;
  height:4px;
  background-color:#000;
  display:none;
}

div.scan_progress.global div.bar.moving{
  background:url(/images/other/progressbar-moving-bold.gif) top right #fe5200!important;
}
div.scan_progress.global span.percentage {display:none;}

body.scan-running div.scan_progress.global {
  display:block;
}
body.scan-running #container {
  border-top:0;
}



/* For the DNS table
************************************************************/
p.dns-formats{
  text-align:right;
}
h3.dns-list-heading{
  font-size:1.3em;
  font-weight:normal;
  float:left;
  margin:5px 0 0;
  padding:0 0 10px;
}
body.dns p.dns-help{
  float:right;
  padding:0 0 10px;
  margin:10px 0 0;
}
dl.dns-list{ clear:both; }
dl.dns-list dt{
  font-size:1.4em;
  padding-top:10px;
  overflow:hidden; /* to contain the floats */
}
dl.dns-list-errors dt{
  color:red;
  padding-top:0;
  padding-left:2px;
}

dl.dns-list dt span.left{
  float:left;
}
dl.dns-list dt span.right{
  float:right;
  padding:3px;
  font-size:12px;
  color:#666;
}
dl.dns-list dt span.right a{
  color:#555;
}
dl.dns-list dt span.right a:hover{
  color:black;
}

dl.dns-list-errors dt span.fix-errors{ color:#666; font-size:12px; }
dl.dns-list dd.dns-entry{
  padding:10px 5px 8px 30px;
  margin:0;
  background:transparent url(../images/icons/small/ok.png) no-repeat 10px 10px;
  border-bottom:1px solid #ddd;
}
dl.dns-list dd.key{
  padding:10px 0 0 30px;
  margin:0;
}
dl.dns-list dd.dns-entry:hover{
  background-color:#eee;
}
dl.dns-list dd.dns-error{ background-image:url(../images/icons/small/warning-circle.png); }
dl.dns-list dd.dns-error-confirmed{ background-image:url(../images/icons/small/ok-confirmed.png); }
dl.dns-list dd p{
  padding:0;
  margin:0;
}
dl.dns-list dd div.error-content{
   font-size:12px;
   color:#666;
   overflow:hidden;
}
dl.dns-list dd div.error-content p.message{
  float:left;
  padding:2px 0;
}
dl.dns-list dd div.error-content p.confirm{
  float:right;
  height:1em;
}
dl.dns-list dd.dns-error p.confirm label{ display:none; }
dl.dns-list dd:hover div.error-content p.confirm label{ display:block; }
p.dns-full-page-link{
  padding:10px 0 5px;
  margin:0;
  text-align:right;
}

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

#rule_builder p label{
  padding-top:3px;
  width:110px;
  float:left;
}
#rule_builder input.text{
  width:400px;
}

#rule_builder textarea{
  width:400px;
  height:80px;
}
#rule_source textarea{
  width:600px;
  height:200px;
}


/* help */
span.info_indicator{
  background:url(/images/icons/indicators/info_white.png) no-repeat right;
  padding-right:15px;
}
span.info_indicator:hover{
  background:url(/images/icons/indicators/info_white.png) no-repeat right;
  padding-right:15px;
}


#primary.network-map div.no_flash{
  height:500px;
  background-color:#F7F7F7;
}

#primary.network-map div.no_flash div.message{
  margin-left:auto;
  margin-right:auto;
  border:1px solid #CCC;
  width:320px;

  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;

  padding:20px 10px;
  position:relative;
  top:90px;
  background-color:#FFF;

  box-shadow:5px 5px 5px #888;
  -webkit-box-shadow:5px 5px 5px #888;
  -moz-box-shadow:5px 5px 5px #888;
}

#primary.network-map div.no_flash div.message p{
  text-align:center;
  margin-bottom:10px;
  font-weight:bold;
}


/* @plugins */
body.plugins h3.highlight, body.agreements h3.highlight{
  padding:5px;
  border:1px solid #EEE;
  margin-top:0px;
  margin-bottom:5px;
}

body.plugins #primary{
  padding:0;
}
body.plugins #primary h3.highlight{
  border:0;
  margin-bottom:0;
  text-align:center;
}

div.plugins-wrapper{
  position:relative;
  border-top: 1px solid #dfdfdf;
}
div.plugins-wrapper.in-page{
  border:1px solid #DDD;
  margin-top:10px;
}

div.plugins-wrapper > div.plugins-loading{
  position:absolute;
  top:0;
  right:0;
  left:0;
  bottom:0;
  background-color:white;
  height:auto!important;
  width:auto!important;
}

div.plugins-wrapper h2{
  font-size:1.1em;
  font-weight:bold;
  background-color:#eee;
  color:#444;
  padding:3px 5px;
}
div.plugins-wrapper h2 span{
  float:right;
  padding-top:1px;
  font-size:0.8em;
  font-weight:normal;
}
div.plugins-wrapper h2 span a{
  text-decoration:none;
}
div.plugins-wrapper h2 span a:hover{
  text-decoration:underline;
}

div.plugins-wrapper h2 span a.add-content{
  background-color:transparent;
  background-position:2px center;
  background-repeat:no-repeat;
  padding-left:20px;
  overflow:visible;
  text-decoration:none;
  outline:0;
  padding-left:20px; /* Top & Bottom padding needed to Webkit to display correctly */
  background-image:url(../images/icons/small/add_content.png);
}


ul.plugins li.plugin{
  padding:7px 5px;
  border-bottom:1px solid #DDD;
  position:relative;
}
ul.plugins li.plugin:last-child{
  border-bottom:0;
}

ul.plugins li.plugin.disabled, ul.plugins li.plugin.disabled a{
  color:#999;
}


ul.plugins li.plugin h3.plugin-name{
  font-size:1.15em;
  font-weight:bold;
  margin:0 0 5px 0;
  padding:0;
  padding-left:22px;
}
ul.plugins li.plugin h3.plugin-name a{
  font-weight:bold;
  text-decoration:none;
}


ul.plugins li.plugin h3.plugin-name input.plugin-enabled-checkbox{
  position:absolute;
  top:8px;
  left:7px;
}

ul.plugins li.plugin .plugin-version, ul.plugins li.plugin .plugin-status, ul.plugins li.plugin .plugin-tags{
  font-size:0.8em;
  font-weight:normal;
  display:inline-block;
  margin-left:0px;
  padding-left:5px;
  padding-right:5px;
}
ul.plugins li.plugin .plugin-version{
  margin-left:5px;
}
ul.plugins li.plugin .plugin-status{
  font-style:italic;
/*  background-color:#EEE;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
*/
}
ul.plugins li.plugin .plugin-details{
  margin:5px 10px 5px 22px;

  display:block;
}
ul.plugins li.plugin .plugin-details span{
  color:#333;
  font-weight:bold;
  font-size:1.1em;
  padding-top:2px;
  padding-left:20px;
  background-repeat:no-repeat;
}
ul.plugins li.plugin .plugin-details span.killed{
  background-image:url(/images/icons/alert.png);
}
ul.plugins li.plugin .plugin-details span.update-available{
  background-image:url(/images/icons/right_arrow_orange.png);
}
ul.plugins li.plugin span a{
  color:#111;
  font-weight:bold;
}
body.plugins li.plugin .plugin-enabled-checkbox{
  width:18px;
  padding:0;
  margin:0;
}

ul.plugins li.plugin div.plugin-description{
  margin-left:22px;
}

ul.plugins li.plugin div.plugin-actions{
  position:absolute;
  top:5px;
  right:5px;
  font-size:.95em;
  opacity:0.2;
  -moz-opacity:0.2;
  filter:alpha(opacity=20);
}
ul.plugins li.plugin div.plugin-actions label{
  font-size:.9em;
}
ul.plugins li.plugin div.plugin-actions a{
  padding:0 0 0 2px;
  margin:0 0 0 2px;
  text-decoration:none;
}
ul.plugins li.plugin div.plugin-actions a:first-child{
  border-left:0;
}

ul.plugins li.plugin:hover{
  background-color:#FFF6F2;
}
ul.plugins li.plugin:hover div.plugin-actions{
  opacity:1;
  -moz-opacity:1;
  filter:alpha(opacity=100);
}
ul.plugins li.plugin:hover div.plugin-actions a{
  text-decoration:underline;
}

ul.plugins li.plugin.disabled div.plugin-actions a{
  color:#888;
}
ul.plugins li.plugin div.plugin-actions a:hover{
  color:black;
}
ul.plugins li.plugin .plugin-user{
  position:absolute;
  top:8px;
  right:5px;
  font-size:.95em;
  display:none;
}



ul.plugins li.plugin .plugin-configure{
  margin:5px 0 5px 0px;
  padding:10px;
  background:#EEE;
  border:1px solid #DDD;
}
ul.plugins li.plugin .plugin-configure label{
  text-align:right;
}
ul.plugins li.plugin .plugin-configure .buttons{
  border-top:0;
  text-align:left;
  padding-top:10px;
  padding-left:123px;
}
ul.plugins li.plugin .plugin-configure input.text{
  width:190px;
}

div.plugins-wrapper p{
  margin:10px;
  font-size:1.1em;
}

ul.plugins li.plugin.selected{
  background-color:#ffc;
}
ul.plugins li.plugin.selected.status{
  background-color:#ffc;
  text-align:center;
  font-weight:bold;
  font-size:1.1em;
  border-bottom:1px dashed #ECEFA4;
}
ul.plugins li.plugin.selected.status > div{
  position:absolute;
  left:10px;
  font-weight:normal;
  font-size:.9em;
}
div.community-panel.plugins{ padding-top:20px; }
div.community-panel.plugins div.main ul li div.rating{ padding:0 0 5px 20px; overflow:hidden; }


/* @plugins @field_set @configuration */
form.field_set div{
  clear:left;
  padding:2px 0;
  margin:0;
  color:#000;
}
form.field_set div label{
  display:block;
  float:left;
  width:6em;
  text-align:left;
  padding:3px 3px 0 0;
  font-weight:bold;
}
form.field_set div.no_label strong{
  position:relative;
  top:-5px;
}
form.field_set div label, form.field_set div.no_label strong{
  width:120px;
}

form.field_set div textarea{
  width:30em;
  height:10em;
}
form.field_set p.btn{
  padding:5px 0;
}
form.field_set p{
  margin:0;
  padding:2px 0;
}

/* Plugins Editor */
#primary.plugin-editor{
  padding:0px;
}
#primary.plugin-editor iframe{
  border-width:0!important;
}

/* Makes a link a little close button */
a.closer{
  background:transparent url(../images/icons/close.png) no-repeat scroll left top;
  padding-left:5px;
  text-decoration:none;
  position:relative;
  top:3px;
}
a.closer:hover{
  background-image:url(../images/icons/close_hover.png);
}

/* datagrid column widths
*************************************************************************************************/
div#software-table.software-table table th, div#software-table.software-table table td{ width:15%; }
div#software-table.software-table table th.cell-name, div#software-table.software-table table td.cell-name{ width:40%; }
div#software-table.hotfixes-table table th, div#software-table.hotfixes-table table td{ width:20%; }
div#software-table.hotfixes-table table th.cell-name, div#software-table.hotfixes-table table td.cell-name{ width:60%; }
div#software-table.services-table table th, div#software-table.services-table table td{ width:15%; }
div#software-table.services-table table th.cell-name, div#software-table.services-table table td.cell-name{ width:55%; }

/* INVENTORY DEVICE WARRANTY */
div#device_warranty_wrapper div.warranty_links {width: auto;}
div#device_warranty_wrapper div.warranty_links a {color: #777;}
div#device_warranty_wrapper:hover div.warranty_links a {color: #000;}
div#device_warranty_wrapper ul.item_list li.warranty .form-message { text-align: right; }
div#device_warranty_wrapper ul.item_list li.warranty {
  padding: 7px 0px 0px 23px;
  background: url(/images/icons/small/warranty.png) no-repeat;
  background-position: left 7px;
}
div#device_warranty_wrapper div.hidden {
  display: none;
}
div#device_warranty_wrapper ul.item_list li span.warranty_description a {
  font-weight: bold;
  color: #000;
}
div#device_warranty_wrapper span.vendor {
  font-style: italic;
  color: #999;
  font-weight: normal;
  font-size: 12px;
  margin-left: 5px;
}
div#device_warranty_wrapper ul.item_list li span.date_range {
  display: none;
  padding-left: 5px;
  color: #999;
}
div#device_warranty_wrapper ul.item_list li:hover span.date_range {
  display:inline;
}
div#device_warranty_wrapper ul.item_list li span.time_left {
  padding-left: 5px;
  color: #999;
}
div#device_warranty_wrapper ul.item_list li:hover span.time_left {
  display: none;
}
div#device_warranty_wrapper ul.item_list li div.warranty_actions {
  display: none;
  position: absolute;
  right: 3px;
  border: 0px;
}
div#device_warranty_wrapper ul.item_list li:hover div.warranty_actions {
  display: inline;
  position: absolute;
  right: 3px;
  border: 0px;
}
div#device_warranty_wrapper ul.item_list li:hover div.warranty_actions {
  display: inline;
  border: 0px;
}
div#device_warranty_wrapper ul.item_list li:hover div.warranty_actions ul li {
  border: 0px;
  display: inline;
  padding: 0px 3px 0px 5px;
}
div#device_warranty_wrapper ul.item_list li:hover div.warranty_actions ul li a {
  font-size: 0.95em;
}
div#device_warranty_wrapper ul.item_list li:hover div.warranty_actions ul li + li {
  border-left: 1px solid #333;
}
div#device_warranty_wrapper span.expired {
  color: #A55;
}
div#device_warranty_wrapper span.add_warranty {
  position: absolute;
  right: 3px;
  line-height: 20px;
  background:url(/images/icons/add_warranty.png) no-repeat;
  background-position: left center;
}
div#device_warranty_wrapper:hover span.add_warranty {
  background:url(/images/icons/add_warranty_hover.png) no-repeat;
  background-position: left center;
}
div#device_warranty_wrapper span.add_warranty a {
  color: #CCC;
  margin-left: 20px;
  text-decoration: none;
}
div#device_warranty_wrapper:hover span.add_warranty a {
  color: #999;
}
div#device_warranty_wrapper span.add_warranty a:hover {
  text-decoration: underline;
}
div#device_warranty_wrapper div#new_warranty_form div.icon_wrapper {
  background: url(/images/icons/small/add_content.png) no-repeat;
  background-position: 3px center;
  padding-left: 23px;
}
div#device_warranty_wrapper div.new_warranty_form {
  position: relative;
  margin-top:-3px;
}
div#device_warranty_wrapper div.new_warranty_form div.warranty_edit_actions {
  display: inline;
  position: absolute;
  right: 3px;
}
div#device_warranty_wrapper div.new_warranty_form span {
  border: 0px;
  padding: 0px 5px 0px 5px;
  font-size: 0.95em;
}
div#device_warranty_wrapper div.new_warranty_form span a {
  font-size: 0.95em;
}

/* this is for warranty reports */
span.warranty_expired {
  color: #A55;
}

ul.warranty_action li {
  display: inline;
  font-size: 14px;
  padding-left: 20px;
}
ul.warranty_action li.clear_error {
  background: url('/images/icons/small/alert_checkmark.png') no-repeat;
  background-position: left center;
}
ul.warranty_action li.scan {
  background: url('/images/icons/small/warranty.png') no-repeat;
  background-position: left center;
}
ul.item_list li.scanning em {
  background: url('/images/icons/indicators/spinning_arrows.gif') no-repeat;
  background-position: left center;
  padding-left: 20px;
}
ul.warranty_action li.scanning {
  background: url('/images/icons/indicators/spinning_arrows.gif') no-repeat;
  background-position: left center;
}
ul.warranty_action li.settings {
  background: url('/images/icons/small/gear.png') no-repeat;
  background-position: left center;
}
ul.warranty_action li + li {
  margin-left: 40px;
}
.warranty-items-wrapper .warranty-items{ display:none; }
.warranty-items-wrapper.active .warranty-items.active,
.warranty-items-wrapper.expired .warranty-items.expired,
.warranty-items-wrapper.muted .warranty-items.muted{ display:block; }

.check-toggler{ cursor:pointer; }

body.wizard div#primary.whats-new {
  min-height: 500px;
}
body.wizard div#primary.whats-new ul li {
 padding:10px 0;
}

/* reports tables, v2
*************************************************************************************************/
div.report{ text-align:center; }
div.report > h3{} /* title */
div.report > h4{ padding:0; font-size:1em; } /* description */
div.report > p{} /* meta */


/* FCK Email Editor Defaults */
div.email_editor {
  width: 500px;
}
div.email_editor form p {
  padding: 3px 0px;
}
div.email_editor form p label {
  float: left;
  text-align: left;
  font-weight: bold;
  width: 60px;
}
div.email_editor form p textarea.wysiwyg {
  height: 300px;
}
/* End FCK EMail Editor Defaults */

/* warranty renewal flow */
#warranty_renewal {
  width: 700px;
}
#warranty_renewal .clear {
  clear:both;
}
#warranty_renewal .modal-body {
  padding: 0 15px 10px;
  min-height: 250px;
}
#warranty_renewal .modal-body .section{
  border-bottom: 1px dotted #CCCCCC;
  padding: 8px 0;
}
#warranty_renewal .heading {
  font-weight: bold;
}
#warranty_renewal .heading em {
  display: block-inline;
  float: right;
  font-weight: normal;
}
#warranty_renewal .filters {
  display: none;
  min-height: 54px;
  background-color: #FaFaFa;
}
#warranty_renewal .filters div {
  float: left;
  margin-left: 15px;
}
#warranty_renewal .filters div:nth-child(even) label {
  width: 136px;
}
#warranty_renewal .filters div select {
  width: 150px;
}
#warranty_renewal .filters div:nth-child(odd) {
  margin-left: 0px;
}
#warranty_renewal .filters label {
  float: left;
  margin: 3px 5px 0 0;
  width: 90px;
  text-align: right;
}
#warranty_renewal .filters select {
  width: auto;
  height: 22px;
}
#warranty_renewal .filters .sui-bttn-primary {
  margin-left: 20px;
  padding: 1px 5px 0 10px;
}
#warranty_renewal .filters .sui-bttn-primary i {
  margin-right: 0;
}
#warranty_renewal .results {
  position: relative;
  min-height: 155px;
  margin: 10px 0;
}

#warranty_renewal .positive .results {
  max-height: 400px;
  overflow-y: auto;
  overflow-x: hidden;
}
#warranty_renewal .results > div {
  display: none;
}
#warranty_renewal .results .waiting {
  display: block;
}
#warranty_renewal .results .loadmask-msg {
  margin: 3px 0 0 49%;
}
#warranty_renewal .results ul.list {
  margin: 0;
}
#warranty_renewal .results ul.list li {
  margin-top: 10px;
  border-bottom: 1px dotted #ccc;
}
#warranty_renewal .results ul li:first-child {
  margin: 0px;
}
#warranty_renewal .results ul.list li:last-child {
  border: none;
}
#warranty_renewal h4 {
  margin-bottom: 3px;
  padding: 0 0 0 25px;
}
#warranty_renewal .negative h4 {
  margin-bottom: 3px;
  padding: 0;
  text-align: center;
  line-height: 130px;
}
#warranty_renewal .results ul.list h4 span {
  color: #888;
}
#warranty_renewal .results ul.list label {
  float: left;
  margin: 2px 0 0 0;
}
#warranty_renewal .results ul.list input[type='checkbox'] {
  float: left;
  margin: 3px 10px 3px 0;
}
#warranty_renewal .results ul.list p {
  clear: both;
  border-bottom: 1px solid #ccc;
  margin: 0 0 5px 0;
  padding: 0 0 0 23px;
}
#warranty_renewal .results ul.list .warranty:last-child p {
  border: none;
}
#warranty_renewal .results ul.list li .warranty{
  position: relative;
  margin: 0 0 0 26px;
}
#warranty_renewal .results ul.list li .control {
  position: absolute;
  right: 0;
  top: 10px;
  width: 160px;
}
#warranty_renewal .results ul.list li .control > div{
  float: left;
}
#warranty_renewal .results ul.list li .control div.extension {
  width: 115px;
  margin-right: 10px;
  position: relative;
}
#warranty_renewal .results ul.list li .control div.extension .renew{
  position: absolute;
  left: -60px;
  top: 0;
  color: #A0A2A5;
  font-size: 12px;
}
#warranty_renewal .results ul.list li .control div.mask {
  position: absolute;
  top: 0;
  right: 0;
  width: 145%;
  height: 80%;
  background: rgba(255, 255, 255, 0.7);
  z-index: 100;
}
#warranty_renewal .results ul.list li .control i {
  cursor: pointer;
  margin-left: 2px;
}
#warranty_renewal .results ul.list li .control .progress .percent {
  padding: 0;
  top: 0;
  color: #fff;
}
#warranty_renewal .footer-actions .next  {
  display: none;
}
#warranty_renewal .footer-actions .info {
  float: left;
  margin: 4px 0 0;
  display: none;
}
#warranty_renewal .footer-actions .back {
  float: left;
  margin-left: 0;
}
#warranty_renewal .footer-actions .send, #warranty_renewal .footer-actions .preview {
  float: right;
}
#warranty_renewal .footer-actions .preview {
  margin: 4px 20px 0 0;
}
#warranty_renewal .field {
  clear: both;
  margin: 10px 0;
  min-height: 20px;
}
#warranty_renewal .field label {
  float: left;
  margin-right: 10px;
  text-align: right;
  width: 60px;
}
#warranty_renewal .field textarea {
  resize: none;
  width: 586px;
}
#warranty_renewal .field .addCc {
  float: right;
}
#warranty_renewal .field.cc {
  display: none;
}
#warranty_renewal .field input {
  margin: -3px 0 0 0;
  width: 200px;
}
#warranty_renewal .field .max-characters {
  font-size: 11px;
  color: #999;
  font-size: 11px;
  margin: -7px 0;
  text-align: right;
}
#warranty_renewal ul.renewals {
  margin-left: 70px;
}
#warranty_renewal ul.renewals li{
  border-bottom: 1px #333 dotted;
  margin-bottom: 10px;
}
#warranty_renewal ul.renewals li:first-child{
  border-bottom: none;
}
#warranty_renewal ul.renewals p{
  margin: 0 0 0 25px;
}
#warranty_renewal .three h2 {
  margin: 10px 0 0;
}
#warranty_renewal .three p {
  margin: 10px 0;
}

/* shared styles with warranty center widget */
div.dwc_loading {
  padding-top: 100px;
  height: 200px;
}
div.warranty_container div.warranty_bar {
  float: left;
  margin: 5px 0 0 0;
}
div.progress_bar {
  border: 1px solid #CCC;
  padding: 1px;
  width: 100px;
  position: relative;
  zoom: 1;
  background: #EEE;
}
div.warranty_container .sui-btn {
  float:right;
}

.progress_bar div.progress_meter {
  height: 15px;
}
.progress_bar span.text {
  position: absolute;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 10px;
}
.progress_bar div.good {
  background:url('/images/layout/gradients/17px_green.png') repeat-x top left;
}
.progress_bar div.ok {
  background:url('/images/layout/gradients/17px_yellow.png') repeat-x top left;
}
.progress_bar div.bad {
  background:url('/images/layout/gradients/17px_red.png') repeat-x top left;
}
.progress_bar span.bad {
  font-weight: bold;
  color: #933;
}
/* end warranty renewal flow */

.netcfg_mismatch {
  position: absolute;
  right: 0;
  top: 0;
  background: url("/images/icons/small/alert.png") no-repeat scroll left top transparent;
  padding-left: 17px;
}
.netcfg_pivot_header {
  font-weight: bold;
  color: white;
  background: url("/images/layout/gradients/orange_to_orange.png") repeat-x scroll left top #9C1213;
  padding: 0 2px;
}

#item_config_compare div.popup-body { padding: 0; }
#item_config_compare_content, #item_config_view_content { padding: 0; }

#configuration_diffs {
  clear: both;
  max-height:400px;
  overflow-y:scroll;
  min-height: 75px;
  width: 100%;
}
.side_by_side #configuration_diffs {
  top: 23px;
}
.config_backup_listing { max-height: 400px; overflow: auto; }

/* AMT vPro (this is a tab on a device with vPro Enabled) */
div.amt div.amt-header {
  position: relative;
  padding-bottom: 10px;
  height: 20px;
  min-height: 20px;
}
div.amt div.amt-header span.amt-firmware { float:left;}

div.amt span.amt-intel {
  float: right;
  font-weight: bold;
  padding: 0px 35px 10px 0px;
  background: url(/images/other/icon_intel.jpg) no-repeat;
  background-position: right -4px;
}

div.amt ul#supported-functions {
  margin-top: 3px;
  width: 90%;
  height: 80px;
  overflow-x: hidden;
  overflow-y: auto;
  border: 1px solid #CCC;
  font-size: 1em;
}
div.amt ul#supported-functions li {padding: 3px; color: #000;}
div.amt ul#supported-functions li.stripe {background: #EFEFEF;}
div.amt ul.item_list {margin-bottom: 10px;}
div.amt ul.item_list.disk > li {
  padding-left: 25px;
  background: url(/images/icons/small/storage.png) no-repeat;
  background-position: left 2px;
}
div.amt ul.item_list.memory > li {
  padding-left: 25px;
  background: url(/images/icons/small/memory.png) no-repeat;
  background-position: left 2px;
}
div.amt ul.item_list li span.amt-item-info a {
  color: #000;
  font-weight: bold;
}
div.amt ul.item_list li span.amt-item-info em {
  display: block;
  color: #888;
  font-style: italic;
  font-weight: normal;
  font-size: 0.8em;
  margin: 3px 0px;
  line-height: 0.9em;
}
div.amt ul.item_list li span.amt-item-detail {
  position: absolute;
  right: 5px;
  top: 3px;
}
div#amt div.data-list-container {
  position:relative;
  margin-top: 7px;
}
div#amt div.data-list-container.bios {
  height: 110px;
  padding-left: 25px;
  background: url(/images/icons/small/webserver.png) no-repeat;
  background-position: left 3px;
  margin-bottom: 10px;
}
div#amt div.data-list-container.baseboard {
  padding-left: 25px;
  background: url(/images/icons/small/network_adapter.png) no-repeat;
  background-position: left 3px;
  margin-bottom: 10px;
}
div#amt div.data-list-container.processor {
  padding-left: 25px;
  background: url(/images/icons/small/processor.png) no-repeat;
  background-position: 2px 1px;
  margin-bottom: 10px;
}
div#amt ul.item_list li ul.amt-data-list.second, div#amt ul.amt-data-list.second {
  position: absolute;
  left: 50%;
  top: 0px;
}
div#amt ul.item_list li ul.amt-data-list > li, div#amt ul.amt-data-list > li {
  line-height: 1.5em;
  min-height: 1.5em;
  margin: 0px;
  border: 0px;
  padding-bottom: 0px;
  padding-top: 0px;
  font-size: 0.9em;
  position: relative;
}
div#amt ul.item_list li ul.amt-data-list li > span.attr, div#amt ul.amt-data-list li > span.attr {
  color: #666;
  font-weight: bold;
  font-style: normal;
}
div#amt ul.item_list li ul.amt-data-list li > span.data, div#amt ul.amt-data-list li > span.data {
  left: 90px;
  top: 0px;
  position: absolute;
  width: 150px;
}
/* end AMT vPro */

div.modal-popup.device-delete-confirmation div.popup-body > p{
 text-align:center;
 font-size:14px;
}

div.modal-popup.device-delete-confirmation div.popup-section p{
  font-size:12px;
  text-align:center;
}

div.modal-popup.compare-devices div.popup-section {
  text-align:center;
}
div.modal-popup.compare-devices div.popup-section > span {
  margin:0 10px;
}


div.modal-popup.plugin-version-warning em{
  font-weight:bold;
}

div.modal-popup.fix-login-error {
  width:570px;
}

/* Ink/Toner Analytics */
div.ink-level-trend div.popup-body {text-align: left;}
div.ink-level-trend div.ink-toner-data { margin-bottom: 20px; }
div.ink-level-trend ul.sui-manual-filters {text-align:left;border-bottom: 1px solid #CCC; width: 100%; position: relative;}
div.ink-level-trend ul.sui-manual-filters li.change-trend-view {position: absolute; right: 0px; top: 0px;}
div.ink-level-trend ul.sui-manual-filters li.lifetime > a {
  background: url(/images/icons/small/chart_bar.png) no-repeat left  center;
  padding-left: 20px;
}
div.ink-level-trend ul.sui-manual-filters li.trend > a {
  background: url(/images/icons/small/trend.png) no-repeat left  center;
  padding-left: 20px;
}
div.ink-level-trend ul.item_list li.stripe {background: #EFEFEF;}
div.ink-level-trend ul.item_list li {padding: 3px}
div.ink-level-trend div.info-row span {font-size: 0.9em;}
div.ink-level-trend div.info-row span.value {color: #888; font-style: italic;}
div.ink-level-trend div.info-row span.current {color: #3A3;}
div.ink-level-trend div.info-row span.replaced {color: #A33;}
div.ink-level-trend div.info-row span.first.value {position: absolute;left: 110px;}
div.ink-level-trend div.info-row span.second.label{position: absolute;left: 210px;}
div.ink-level-trend div.info-row span.second.value {position: absolute;left: 350px;}
div#ink_trend_content div.sui-status-message.loading {padding: 20px 0px}
/* End Ink/Toner Analytics */

/* UPS AND BATTERY BACKUPS */
/* small batteries */
div.battery.small {background:url(/images/icons/small/small_batteries.png) no-repeat 0 0;width: 15px;height: 28px;min-width: 15px;}
div.battery.small.disconnected {background:url(/images/icons/indicators/offline_lan_dark.png) no-repeat 0 0;width: 15px;height: 28px;min-width: 15px;}
div.battery.small.on_line {background-position: 0 0;}
div.battery.small.discharging.best {background-position: -15px 0;}
div.battery.small.discharging.good {background-position: -30px 0;}
div.battery.small.discharging.bad {background-position: -45px 0;}
div.battery.small.discharging.critical {background-position: -60px 0;}
div.battery.small.dead {background-position: -120px 0;}
div.battery.small.charging.bad, div.battery.small.charging_critical {background-position: -75px 0;}
div.battery.small.charging.good {background-position: -90px 0;}
div.battery.small.charging.best {background-position: -105px 0;}
/* large batteries */
div.battery.large{background: url(/images/icons/large_batteries.png) no-repeat 0 0;width:35px;height:66px;min-width:35px;}
div.battery.large.on_line {background-position: 0 0;}
div.battery.large.discharging.best {background-position: -35px 0;}
div.battery.large.discharging.good {background-position: -70px 0;}
div.battery.large.discharging.bad {background-position: -105px 0;}
div.battery.large.discharging.critical {background-position: -140px 0;}
div.battery.large.dead {background-position: -280px 0;}
div.battery.large.charging.bad, div.battery.large.charging_critical {background-position: -175px 0;}
div.battery.large.charging.good {background-position: -210px 0;}
div.battery.large.charging.best {background-position: -245px 0;}
/* UPS databand styles */
div.battery-backup.databand {position:relative;}
div.battery-backup.databand li.subscribers {font-size: 0.9em; color: #999; padding-top: 2px;}
div.battery-backup.databand li.subscribers a {color: #999;}

div.battery-backup div.battery-simple-info {
  float: left;
  padding: 0px;
  margin: 0px 15px 0px 15px;
  width: 180px;
  min-width: 180px;
  height: 120px;
}
div.battery-backup div.battery-simple-info div.battery-status {margin: 7px 0px 0px 25px; position: relative;}
div.battery-backup div.battery-simple-info div.battery-status div.info {position:absolute;left:42px;top:3px;}
div.battery-backup div.battery-simple-info div.battery-status div.info em {font-weight:bold;font-size:24px;text-shadow: 1px 1px 3px #888;}
div.battery-backup div.battery-simple-info div.battery-status div.info span {font-style:italic;color:#666;display:block;margin-bottom: 3px;}
div.battery-backup div.battery-simple-info div.battery-status div.info a {
color:#2080AD;text-decoration:none;}
div.battery-backup div.battery-simple-info div.battery-status div.info a:hover {text-decoration:underline;}
div.battery-backup div.battery-simple-info div.hud-status {
  margin: 5px 0px 6px 20px;
  width: 140px; min-width: 140px;
  text-align: center;
}
div.battery-backup div.battery-simple-info div.hud-status em {font-weight: bold;font-size: 18px;text-shadow: 0px 2px 2px #FFF;}
div.battery-backup div.battery-simple-info div.hud-status.ok em {color: #306B3C;}
div.battery-backup div.battery-simple-info div.hud-status em a {color: #C43939; text-decoration: none; font-weight: bold;}
div.battery-backup div.battery-simple-info div.hud-status em a:hover {text-decoration: underline;}
div.battery-backup div.battery-simple-info div.hud-status.no em {color: #C43939; text-shadow: 0px 1px 1px #EFEFEF;}
/* detailed info list item styles */
div.battery-backup ul.battery-detailed-info li > div.icon {position: relative; padding-left:23px;}
div.battery-backup ul.battery-detailed-info li.output-load > div.icon {
  background: url(/images/icons/small/output_load.png) no-repeat left top;
}
div.battery-backup ul.battery-detailed-info li.device-health > div.icon {
  background: url(/images/icons/small/device_health.png) no-repeat left top;
}
div.battery-backup ul.battery-detailed-info li.power-event > div.icon {
  background: url(/images/icons/small/power_event.png) no-repeat left top;
}
/* detailed info table layouts */
div.battery-backup ul.battery-detailed-info {padding-left: 215px;}
div.battery-backup ul.battery-detailed-info li {padding: 4px 0px 2px 0px;}
/* secondary information gray text */
div.battery-backup ul.battery-detailed-info li div.secondary {color: #888; font-style: italic;}
div.battery-backup ul.battery-detailed-info li div.secondary em {font-style: normal;}
div.battery-backup ul.battery-detailed-info li div.secondary em a {color:#2080AD;}
div.battery-backup ul.battery-detailed-info li div.secondary a {color:#2080AD;}
div.battery-backup ul.battery-detailed-info li div span > a {color:#2080AD;}
/* right side link placement and hover colors */
div.battery-backup ul.battery-detailed-info li div.right-info {position: absolute; right: 5px; top: 0px; text-align: right;}
div.battery-backup ul.battery-detailed-info li div.right-info span.warning{color: #A33;font-weight:bold;}
div.battery-backup ul.battery-detailed-info li div.secondary em {color: #CCC;}
div.battery-backup ul.battery-detailed-info li div.secondary em.action-link {float: right; margin-right: 5px;}
div.battery-backup ul.battery-detailed-info li div.secondary em a {color: #AAA;}
div.battery-backup ul.battery-detailed-info li:hover div.secondary em a {color: #2080AD;}
div.battery-backup ul.battery-detailed-info li:hover div.secondary em {color: #888;}
/* UPS History Explorer Styles */
div.battery-backup div.explorer-filters {margin: 8px 0px;}
div.battery-backup div.explorer-container {
  border: 1px solid #333;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background:#EFEFEF;
  padding: 5px;
  margin-bottom: 5px;
  position: relative;
  -moz-box-shadow:0 0 1px #888;
  -webkit-box-shadow:0 0 1px #888;
  box-shadow:0 0 1px #888;
}
div.battery-backup ul.sui-manual-filters {
  text-align: left;
}
div.battery-backup div.sui-status-message {width: auto;}
div.battery-backup ul.sui-manual-filters li {margin:0px}
div.battery-backup ul.sui-manual-filters li > a {outline:0}
div.battery-backup ul.sui-manual-filters li {padding: 2px 4px 2px 4px;}
div.battery-backup span.history-graph-tip {display: block; margin-top: 5px;}
div.battery-backup span.history-graph-tip em {
  padding: 3px 0px 3px 20px;
  background: url(/images/icons/small/agreements/notification.png) no-repeat left center;
}
div.battery-backup div.see-power-event {
  padding: 3px;
  margin-top: 3px;
  background: #EFEFEF;
  border: 1px solid #CCC;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  text-align: left;
  position: relative;
}
div.battery-backup div.see-power-event span.event-description {
  padding: 3px 0px 3px 20px;
  background: url(/images/icons/small/power_event.png) no-repeat left center;
}
div.battery-backup div.see-power-event a {position: absolute; right: 5px;}
div.battery-backup div.event-display h6 {
  padding: 3px;
  background: #EFEFEF;
  margin-top: 3px;
  border: 1px solid #888;
  border-radius:5px 5px 5px 5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  font-size: 14px;
  font-weight: bold;
  color: #888;
}

/* Power Event Timeline */
div.battery-backup div#power_event_list h6 {
  color:#ccc;
  font-size:1.6em;
  text-align:center;
  margin: 20px 0px;
}
div.battery-backup ul.power-event-timeline {overflow-x: hidden;position: relative;}
div.battery-backup div.explorer-container ul.power-event-timeline {max-height: 230px;overflow: auto;}
div.battery-backup ul.power-event-timeline > li {
  text-align: left;
  margin: 0;
  padding: 5px;
  position: relative;
}
div.battery-backup ul.power-event-timeline > li + li {border-top: 1px solid #CCC;}
div.battery-backup ul.power-event-timeline > li.stripe {background:#FFF;}
div.battery-backup ul.power-event-timeline > li > div {
  background: url(/images/icons/small/power_event.png) no-repeat left top;
  padding-left: 23px;
}
div.battery-backup ul.power-event-timeline > li span.description {display:block;margin-bottom: 3px;}
div.battery-backup ul.power-event-timeline > li span.happened-on {
  position: absolute;
  color: #888;
  font-size: 0.9em;
  text-align:right;
}
div.battery-backup div.explorer-container ul.power-event-timeline > li span.happened-on {top: 5px;right: 5px;}
div.battery-backup ul.power-event-timeline > li span.action-links {
  display: block;
  color: #888;
  bottom: 5px;
  right: 5px;
  text-align: right;
  font-size: 0.9em;
}
div.battery-backup ul.power-event-timeline > li span.action-links a {color: #CCC;text-decoration: none;}
div.battery-backup ul.power-event-timeline > li:hover span.action-links a {color: #2080AD;}
/* End Battery Backup */

/* Used for I-framed advisors from the community */
div.modal-popup.medium.advisor {width: 600px;}
div.modal-popup.advisor div.popup-body {padding: 0px; position: relative; width: 600px; height: 482px; background:#666;}
div.modal-popup.advisor div.popup-body h6 {margin: 40px 0px; font-weight: bold; font-size: 18px; color: #888;}
div.modal-popup.advisor div.popup-body iframe {z-index: 9998;}
div.modal-popup.advisor div.popup-body div.loading {
  z-index: 9999;
  width: 600px;
  height: 480px;
  position: absolute;
  left: 0px; top: 0px;
  background: #E0E0E0;
}


/* Provision Cloud Server Flow */
div.provision-cloud-server h2 {font-size: 14px; font-weight: bold;}
div.provision-cloud-server h3.title span, div.cloud-services h3.title span {
  background: url(/images/icons/spice_cloud.png) no-repeat 0 0;
  padding: 0 0 2px 23px;
}
div.provision-cloud-server h6 {font-size: 18px; color: #888; font-weight: bold; margin: 50px 0px; text-align: center;}
ul.image-choices {margin: 10px;}
ul.image-choices li, div.provision-server div#cloud_server_chosen_platform {
  border: 1px solid #888;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -moz-box-shadow: 1px 1px 3px #888;
  -webkit-box-shadow: 1px 1px 3px #888;
  box-shadow: 1px 1px 3px #888;
  background: #EFEFEF;
}
div.provision-server div#cloud_server_chosen_platform {margin: 0px 10px;}
ul.image-choices li:hover {cursor: pointer; background: #FFFFBA;}
ul.image-choices li + li {margin-top: 8px;}
div.provision-server h2 {font-weight: bold; font-size: 16px; margin-top: 10px;}
div.provision-server em {color: #666; font-style: italic;}
div.provision-server div.icon {padding: 3px 0px 3px 55px;height: 50px; min-height: 50px;}
div.provision-server div.icon.windows {background: url(/images/other/windows.png) no-repeat 5px center;}
div.provision-server div.icon.fedora  {background: url(/images/other/fedora.png) no-repeat 5px center;}
div.provision-server div.icon.ubuntu  {background: url(/images/other/ubuntu.png) no-repeat 5px center;}
div#cloud_server_config a.change-link {float:right; color: #2080AD; text-decoration: none;}
div#cloud_server_config a.change-link:hover {text-decoration: underline;}
div#cloud_server_config label {display: inline-block; font-weight: bold; margin-bottom: 9px;}
div#cloud_server_config ul.config-list {margin: 0;}
div#cloud_server_config ul.config-list li {margin-top: 13px;}
div#cloud_server_config ul.config-list li table tbody tr td + td {border-left: 1px solid #CCC;}
div#cloud_server_config ul.config-list li table#cloud_flavors tr td {text-align: center;}
div#multiple_rackspace_accounts_content.content p.multiple_accounts {font-weight: bold; margin-bottom: 9px;}
div#multiple_rackspace_accounts.quick_form.provision-cloud-server {width: 250px;}
table#cloud_server_info tr td {text-align: left;}
table#cloud_server_info tr td.key {font-weight: bold;}
/* End Provision Cloud Server Flow */

.software-dashboard .main-section{
  padding:10px;
  overflow:hidden;
}
.software-dashboard .main-section .manage{ display:block; text-align:right; margin:0 3px 8px 0; }
.software-dashboard .main-section .dismiss{
  float:right;
  width:7px;
  height:7px;
  text-indent:-9999px;
  margin:0;
  background:transparent url(/images/icons/close-sprite.png) no-repeat center left;
  visibility:hidden;
}
.software-dashboard .main-section li:hover .dismiss{ visibility:visible; }
.software-dashboard .main-section li:hover .dismiss:hover{ background-position:bottom left; }
.software-dashboard .interactive-list li{
  overflow:hidden;
  padding:5px;
  -webkit-border-radius:3px;
  -moz-border-radius:3px;
  border-radius:3px;
}
.software-dashboard .interactive-list li h4 em{ font-style:normal; }
.software-dashboard .interactive-list li:hover{ background:#D5DDE7; }
.software-dashboard .main-section li h4{ font-size:1em; }
.software-dashboard .main-section li h4 a{ font-weight:bold; }
.software-dashboard .main-section li p{ font-size:.9em; }
.software-dashboard .main-section li{ overflow:hidden; width: 470px; position: relative; margin-bottom: 5px;}
.software-dashboard .main-section li .main{ float:left;}
.software-dashboard .main-section li .meta{ position: absolute; text-align:right; right: 5px; bottom: 6px;}

.software-dashboard .main-section .see-more{
  font-weight:bold;

  position: absolute;
  right: 10px;
  bottom: 5px;
}

.software-dashboard .recent{ float: left; width:50%; }
.software-dashboard .title-summary{ height: 100%; margin-left: 50%; padding: 0 10px 0 40px;}
.software-dashboard .counts{
  float: left !important; /* important added to fix ie bug*/
  width:250px;
}
.software-dashboard .recent ul{margin-right: -6px} /* hack to make sure the arrow marker over laps the shadowed border */
.software-dashboard .recent li{ margin-bottom:10px; }
.software-dashboard .recent li:hover{ cursor:pointer; }
.software-dashboard .recent li.selected{ background:#D5DDE7 url(/images/layout/left-arrow-shadowed.png) right center no-repeat; }
.software-dashboard .recent li.selected{ cursor: default; }
.software-dashboard .recent li span{ display:block; font-size:.9em; }

.software-dashboard .title-summary h3{ margin:0 0 15px; }
.software-dashboard .title-summary p{ margin:0 0 5px; }
.software-dashboard .title-summary a{ text-decoration:none; }
.software-dashboard .title-summary:hover a{ text-decoration:underline; }

.software-licenses + .software-licenses {
  margin-top:20px;
}

.software-licenses tbody .cell-key .vlk{ font-size:10px; color:#666; }
.software-licenses tbody .cell-key a{ font-size:10px; color:#aaa; text-decoration:none; }
.software-licenses tbody tr:hover .cell-key a{ color:#444; text-decoration:underline; }
span.compliance-message{ color:red; font-size: 10px; }
.software-licenses tbody .cell-document{ width:20px; }
.software-licenses tbody .cell-document a.document{ display:block; text-indent:-9999px; width:16px; height:16px; background:transparent url(/images/icons/small/agreements/page_white_text.png) no-repeat top left; }
.software-licenses tbody tr.expansion dl { padding-top:10px; font-size:.9em; }
.software-licenses tbody tr.expansion dt { float:left; clear:left; font-weight:bold; width:11em; }
.software-licenses tbody tr.expansion dd {
  min-height:1em;
  margin-left: 120px;
}

.license-totals {
  font-size:11px;
  text-align:center;
  padding:5px;
  margin:5px 0 10px;
}
.license-totals dt { display:inline-block; font-weight:bold;  }
.license-totals dt:after { content: ":";  }
.license-totals dd {
  display:inline-block;
  min-height:1em;
  margin-left: 5px;
}

.license-totals dd.compliance-message {
  color:red;
}

.license-totals dt + dd {
  margin-right:20px;
}

/* overrides default show on row hover */
.software-licenses tbody tr.expansion .action-links { visibility:visible; }

.modal-popup.licensing-form .popup-body{ padding:0!important; }
.modal-popup.licensing-form .popup-body .general-licensing{ padding:3px 10px; }
.modal-popup.licensing-form .popup-body .choosers p{ line-height:2em; padding:2px 5px; }
.modal-popup.licensing-form .popup-body .choosers p select{ display:block; max-width:320px; }
.modal-popup.licensing-form .popup-body .fields-area{ padding:5px }

.modal-popup.licensing-form .popup-body .fields-area{ background:transparent url(/images/layout/patterns/gray-diagonal.gif) repeat top left; }
.modal-popup.licensing-form .popup-body .fields-area .volume-license .unlimited{ font-size:11px; padding:0 0 0 10px; }
.modal-popup.licensing-form .popup-body .fields-area input[type=text],
.modal-popup.licensing-form .popup-body .fields-area input[type=file],
.modal-popup.licensing-form .popup-body .fields-area select{ display:block; margin:5px 0 0; }
.modal-popup.licensing-form .popup-body .fields-area #software_license_key{ width:100%; }

.modal-popup.apply-vlk .popup-body{ padding:0!important; }
.modal-popup.apply-vlk .popup-body p{ padding:8px 10px; }
.modal-popup.apply-vlk .popup-body ul{ padding:8px 7px; max-height:200px; overflow:scroll; overflow-x:hidden; overflow-y:scroll; text-align:left; background:transparent url(/images/layout/patterns/gray-diagonal.gif) repeat top left; }
.modal-popup.apply-vlk .popup-body ul li{ float:left; width:45%; margin:4px 3px; overflow:hidden; }
.modal-popup.apply-vlk .popup-body ul li label{ font-weight:bold; }
.modal-popup.apply-vlk .popup-body ul li label .version{ font-size:10px; font-weight:normal; color:#666; display:block; padding:0 0 0 18px; }

.modal-popup.manage-titles .popup-body{ padding:0; }
.modal-popup.manage-titles .popup-body p{ margin:5px 10px; }
.modal-popup.manage-titles .popup-body #software-tracking-list-body{ max-height:287px; }
.modal-popup.manage-titles .popup-body #software-tracking-list table{ margin: 0; }
.modal-popup.manage-titles .popup-body .cell-name{ padding-left:15px; }
.modal-popup.manage-titles .popup-body .cell-remove{ width:7px; }
.modal-popup.manage-titles .popup-body .cell-remove a{ display:block; margin:0 5px 0 0; text-indent:-9999px; width:7px; height:7px; background:transparent url(/images/icons/close-sprite.png) no-repeat center left; }
.modal-popup.manage-titles .popup-body .cell-remove a:hover{ background-position:bottom left; }
.modal-popup.manage-titles .popup-body .table-body-wrapper{ border-bottom:2px solid #ccc; }
.modal-popup.manage-titles .popup-body .add-title{}
.modal-popup.manage-titles .popup-body .add-title input[type=text]{ width:250px; }
.modal-popup.manage-titles .popup-body .add-title p #add-title-message{ color:#EA592B; }
.modal-popup.manage-titles .popup-body .add-title form p{ margin-bottom:0; margin-bottom:0; }
.modal-popup.manage-titles .popup-body .add-title p.footnote{ margin-top:0; padding-top:0; }

.modal-popup.remove-person, #delete_user_popup {
  line-height: 1.6;
}

#item_edit .software-tracking { padding: 3px; }
#togglebar span#tracked-link { float: right; padding-top: 2px; }
#togglebar span#tracked-link a { text-decoration:none; }
#togglebar span#tracked-link a:hover { text-decoration:underline; }

/* micron stuff */
a.memory-slot {color: #666; font-style: italic;}
ul.issue-items { margin-left: 75px; }
div.micron-error { font-size: 13px; }
div.micron-error p.error { text-align: center; padding-top: 6px; }
tbody.memory_installed {padding: 10px;}
div.micron-heading { height: 40px;}
div.micron-logo { position: absolute; margin-top: 3px;}
.micron-button {margin-top: 12px; text-align: left; }
.micron-button-right {margin-top: 12px; text-align: right; }

div.memory-buttons {
    border-top-style: solid;
    border-top-color: gray;
    padding: 10px;
}
div.memory-installed div.memory-slot {
    float: left;
    font-weight: bold;
    text-align: center;
    width: 80px;
    padding: 12px;
    margin: 0 15px 5px 0;
}
div.memory-installed div.memory-slot.not-empty {
   background-color: #666;
   color: white;
   border: 2px solid #333
}
div.memory-installed div.memory-slot.empty {
    background-color: #EEE;
    font-style: italic;
    border: 2px solid #CCC;
    font-weight: normal;
    color: #999;
}
div.memory-installed {
    overflow: hidden;
    padding: 10px 0;
}
div.memory-selection {

    overflow: hidden;
    padding: 5px;
}
div.memory-selection div.micron-item{
    float: left;
    padding: 5px 10px;
}
div.memory-selection div.micron-item + div.micron-item {
    margin-left: 10px
}
div.graphical-memory-slots{
    border-bottom-style: solid;
    border-bottom-color: gray;
}
table.micron-selector td.micron-item.odd, table.purchase-results td.micron-item.odd { background-color: #EEE; }
table.micron-selector th.potential-capacity { text-align: right; }
table.micron-selector th.memory-installed { text-align: left; }
div.micron-device-model { text-align: center; padding: 10px 120px 10px 120px; }

table.micron-selector, table.purchase-results {
    padding: 3px;
    width: 100%;
}

table.micron-selector th.heading, table.purchase-results th.heading {
    padding: 10px;
    font-weight: bold;
    text-align: left;
}

table.micron-selector td.micron-item {
    padding: 4px;
    background-color: transparent;
}

table.purchase-results td.micron-item {
    background-color: transparent;
    float: left;
    margin-left: 10px;
}

#micron-multiple-models div.multiple-heading {
    text-align: center;
    padding: 10px;
    font-size: 25px;
    font-weight: bold;
}
#micron-multiple-models div.multiple-description {
    border-bottom-style: solid;
    border-top-style: solid;
    border-color: gray;
    font-size: 14px;
    padding: 10px;
}
#micron-multiple-models div.multiple-text {
    font-size: 15px;
    padding: 10px 0 0 10px;
}
#micron-multiple-models li.model-item {margin-bottom: 5px}
div#multiple_models.quick_form { width:600px; }
div#memory_option_purchase_big.quick_form,  div#ssd_option_purchase_big.quick_form{
    padding: 0;
    position: fixed;
    top: 100px;
    width:850px;
    zoom:1;
}

div#memory_option_purchase.quick_form, div#ssd_option_purchase.quick_form {
    width:850px;
    position: fixed;
    top: 100px;
}

div.micron-table { height: 450px; overflow-y: auto;}
div#micron_purchase_results.quick_form { width:450px; }
div.quick_form.memory_option_purchase div.inner, div.quick_form.ssd_option_purchase div.inner {border-bottom: 1px solid #292222;}


/* end micron */

/* Cloud Services & Software Styles
   Do not mess with these, unless you know what you are doing.
   These will effect both Software and Cloud Services.
*/
.ribbon {
  position: relative;
        border-style: solid;
        border-color: #DFDFDF;
  border-width: 1px 1px 0 1px;
  overflow: hidden;
  background: #FFFFFF;
}

.ribbon:last-of-type {
  border-bottom-width: 0;
}

.ribbon-header {
  position: absolute;
  top: 0;
  left: 0;
  width: 170px;
  height: 100%;
  text-align: center;

  -moz-box-shadow:inset -10px 0 10px -10px #AAA;
  -webkit-box-shadow:inset -10px 0 10px -10px #AAA;
  box-shadow:inset -10px 0 10px -10px #AAA;
  border-right: solid 1px #DFDFDF;
}

.ribbon-component {
  padding: 10px 12px;
}

.ribbon-body {
  margin-left: 194px;
}

.blue {
  color: #2080AD;
}

.grey {
  color: #888;
}

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

.text-link:hover{
  text-decoration: underline;
}

.ribbon-header div.status-icon {
  position: absolute;
  width: 170px;
  top: 42%;
  margin-top: -30px;
}

.ribbon-header div.status-icon img {
  margin-right: 5px;
  vertical-align: middle;
}

.ribbon-header div.status-icon span.count {
  font-size: 27px;
  font-weight: bold;
  vertical-align: middle;
}

.ribbon-header div.status-icon .icon-caption {
  margin-top: 3px;
}

.ticket-cc-autocomplete {
  position: absolute;
  left: 234px;
}

#application_messaging_chrome_frame_lumberg {
  height:80px;
  background: transparent url(/images/other/lumberg.png) no-repeat left center;
}

/*Overview Modal Styles*/
div.modal.overview {
  width: 660px;
  padding: 0px 10px;
}
.modal.overview h2 {
  margin-top: 5px;
  font-size: 18px;
}
.modal.overview .shadow-line {
  margin-top: 15px;
  height: 20px;
}
.modal.overview .msg {
  overflow: hidden;
  margin-top: 15px;
}
.modal.overview h3 {
  font-size: 16px;
  font-weight: normal;
}
.modal.overview p {
  font-size: 13px;
  margin: 15px 0px;
  color: #909090;
}
.modal.overview .modal-body > img {
  float:right;
}
.modal.overview hr {
  margin: 20px 0px;
}
.modal.overview .sui-bttn-primary {
  margin-right: 5px;
}
.modal.overview + .modal-backdrop {
  opacity: 0.8;
  filter: alpha(opacity=80);
}

/* COMMUNITY LOGIN MODAL */
#login_modal #email_label {
  position:absolute;
  right:260px;
  top:3px;
}

#login_modal #email {
  width:230px;
  position:absolute;
  right:10px;
}

#login_modal #password_label {
  position:absolute;
  right:260px;
  top:3px;
}

#login_modal #password {
  width:230px;
  position:absolute;
  right:10px;
}

#login_modal #email_container {
  position: relative;
  top:20px;
}

#login_modal #password_container {
  position: relative;
  top:60px;
}

#login_modal #button_container{
  position:relative;
  top:100px;
}

#login_modal #login_button {
  position:absolute;
  right:194px;
}

#login_modal #login_modal_footer {
  -webkit-border-radius: 0px 0px 6px 6px;
  -moz-border-radius: 0px 0px 6px 6px;
  border-radius: 0px 0px 6px 6px;
  width:100%;
  height:40px;
  position:absolute;
  bottom:0px;
  left:0px;
  background-color: #f5f5f5;
  border-top: 1px solid #dddddd;
  overflow: hidden;
}

.shadow-line {
  text-align: left;
}

.ups-subscribers {
  margin-top: 10px;
}

.ups-subscribers .ups-subscribers-title {
  font-weight: bold;
  float: left;
  margin-bottom: 10px;
}

.ups-subscribers .ups-subscribers-device-label {
  float: left;
  font-weight: bold;
  clear: both;
  width: 19%;
}

.ups-subscribers .add-device {
  float: left;
  margin-bottom: 3px;
}

.ups-subscribers .ups-subscribers-bubble-wrapper {
  margin: 10px 0px 10px 0px;
  clear: both;
  float: left;
}

.ups-subscribers #ups_subscriber_id_auto_complete span {
  font-weight: bold;
}

#license_modal .modal-body {
  margin-bottom: 30px;
}
#license_modal label {
  display: inline-block;
  margin-left: 5px;
}
.licensing-modal-row {
  margin-left: 45px;
  padding-bottom: 5px;
}
#license_modal .volume-license label {
  margin-left: 21px;
}
#license_modal #software_license_seat_limit {
  vertical-align: 0px;
}
#license_modal #unlimited_seats {
  margin-left: 16px;
}
#license_modal .unlimited .unlimited-seats-label {
  font-size: 0.85em;
  margin-left: 0px;
}
/* Copyright © 2006-15 Spiceworks, Inc.  All Rights Reserved.  http://www.spiceworks.com */

/* CSS for parts of the application that pull down information from the community */

#community_device_info_wrapper {
  padding:0;
  margin:10px 0;
  overflow: hidden;
  clear:both;
}
#community_device_info_wrapper h3{
  font-size:1em;
  font-weight:bold;
  border-bottom:1px solid #e2e2e2;
  margin:0 0 5px;
  padding:0 0 2px;
}
#community_device_info_wrapper h4{
  font-size:1em;
  font-weight:bold;
  padding:0 0 0.5em;
  padding:2px 0;
}
#community_device_info_wrapper h4 a{
  font-weight:bold;
  text-decoration:none;
}
#community_device_info_wrapper h4 a:hover{
  text-decoration:underline;
}
#community_device_info_wrapper ul{
  margin-left:0!important;
}

#community_device_info_wrapper div.image a{
  display:block;
  height:100%;
  text-decoration:none;
  width:100%;
}

#community_device_info_wrapper div.product{
  margin:0;
  padding:0;
  float:left;
  width:50%;
}
#community_device_info_wrapper div.product_image{
  display:inline;
  float:left;
  width:60px;
  height:60px;
  margin-right:10px;
  background:transparent none no-repeat center center;
}

#community_device_info_wrapper div.product_full_width{
  float:none;
  width:auto;
}
#community_device_info_wrapper div.product_full_width div.product_metadata{
  float:left;
  width:50%;
}
#community_device_info_wrapper div.product_full_width div.product_links{
  float:right;
  width:49%;
}

#community_device_info_wrapper div.product_content{
  padding:5px 5px 5px 70px;
  margin:0;
}
#community_device_info_wrapper div.product_content p.rating{
  overflow:hidden;
  margin:0.5em 0 0;
}
#community_device_info_wrapper div.product_content p.rating label{
  font-weight:bold;
  float:left;
  margin-right:5px;
}
#community_device_info_wrapper div.product_content p.rating span.product_rater{
  display:inline;
  float:left;
  position:relative;
  top:-2px;
}
#community_device_info_wrapper div.product_content span.message{
  font-size:0.9em;
}
#community_device_info_wrapper div.product_content div.product_links ul{
  margin:0.5em 0 0;
  padding:0;
}
#community_device_info_wrapper div.product_full_width div.product_content div.product_links ul{
  margin:0;
}
#community_device_info_wrapper div.product_content div.product_links ul li{
  padding:0 0 0.5em;
}

#community_device_info_wrapper div.group{
  float:right;
  width:49%;
  margin:0;
  padding:0;
}
#community_device_info_wrapper div.group h4{
  height:20px;
  line-height:20px;
  overflow:hidden;
  background:transparent none no-repeat left top;
  padding-left:23px;
}
#community_device_info_wrapper div.group_image{
  width:40px;
  height:40px;
  margin:0 auto;
  display:block;
  background:transparent none no-repeat center center;
}
#community_device_info_wrapper ul.group_topics li{
  background:transparent url(/images/icons/small/agreements/comments.png) no-repeat left top;
  min-height:20px;
  padding-left:23px;
  margin: 0 0 3px;
}
#community_device_info_wrapper ul.group_topics li a{
  text-decoration:none;
}
#community_device_info_wrapper ul.group_topics li a:hover{
  text-decoration:underline;
}

/* Rating stars */
/* Styles for ratings taken from the app

***************************************************************************/
span.rating_count{
  font-size:0.9em;
  color:#888;
}

.rater{
  display:block;
  float:left;
  width:55px;
  height:10px;
  margin:2px 0 0 0;
}
.rater .rated,
.rater .star{
  display:block;
  float:left;
  width:10px;
  height:10px;
  line-height:10px;
  padding:0;
  text-indent:-9999px;
  background:transparent url(/images/icons/star.png) no-repeat top left;
  outline:none;
}
.rater span.rated,
.rated_at_1   .rating_level_1,
.rated_at_1_5 .rating_level_1,
.rated_at_2   .rating_level_2,
.rated_at_2_5 .rating_level_2,
.rated_at_3   .rating_level_3,
.rated_at_3_5 .rating_level_3,
.rated_at_4   .rating_level_4,
.rated_at_4_5 .rating_level_4,
.rated_at_5   .rating_level_5{
  background-position:center left;
}

.rater span.rated,
.rated_at_1_5 .rating_level_1_5,
.rated_at_2_5 .rating_level_2_5,
.rated_at_3_5 .rating_level_3_5,
.rated_at_4_5 .rating_level_4_5,
.rated_at_5_5 .rating_level_5_5{
  background-position:bottom left;
  background-image:url(/images/icons/half_star.png);
}

.rater a:hover{
  background-position:bottom left;
}
.hover_at_1 .rating_level_1,
.hover_at_2 .rating_level_2,
.hover_at_3 .rating_level_3,
.hover_at_4 .rating_level_4,
.hover_at_5 .rating_level_5{
  background-position:bottom left!important;
  background-image:url(/images/icons/star.png);
}
.mtl {
  margin-top: 20px;
}

.mvl {
  margin-bottom: 20px;
  margin-top: 20px;
}

.mbm {
  margin-bottom: 20px;
}

.mbs {
  margin-bottom: 5px;
}

.mvs {
  margin-bottom: 5px;
  margin-top: 5px;
}

.pts {
  padding-top: 5px;
}

.pbs, .pvs {
  padding-bottom: 5px;
}

.pvs {
  padding-top: 5px;
}

.pas {
  padding: 5px;
}

.media.bordered + .media.bordered {
  border-top: 1px solid #f2f2f2;
}

.media .img {text-align: center; }
.media .img img { margin: auto; }
.media .img.small {
  width: 20px; 
  height: 20px;
  margin-right: 5px;
}
.media .img.avatar {
  width: 20px;
  height: 30px;
  margin-right: 10px;
  margin-bottom: 15px;
}
.media .img.medium {
  width: 40px;
  height: 40px;
  margin-right: 10px;
}
.media .img.big,
.media .img.large {
  width: 60px;
  height: 60px;
  margin-right: 10px;
}
.img.big.with-pepper-level {
  height: 73px;
}
.media .bd {
  word-break: break-word;
  word-wrap: break-word;
}

.no-word-break {
  word-break: normal !important;
}

.word-break {
  word-break: break-word; 
  word-wrap: break-word;
}

.media .img {
  float: left;
  text-align: center; 
}

.media .bd > :first-child {margin-top: 0;}
.media .bd > :last-child {margin-bottom: 0;}
.media:after, .bd:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}

.sui-warn-box {
  background-color: #FCF9DC;
}
.sui-warn-box a {
  color: #2080ad;
  font-weight: normal;
}

.sui-feed-head {
  line-height: 1.4em;
}
.sui-feed-head a, .sui-head a {
  font-weight: bold !important;
  color: #333;
  text-decoration: none;
}

.sui-feed-head a:hover, .sui-head a:hover {
  color: #2080ad;
}

.sui-section-head {
  padding: 5px;
  background-color: #f5f5f5;
  border-bottom: 1px solid #dfdfdf;
  overflow: hidden;
  color: #333;
  line-height: 1.4em;
}

.sui-section-header {
  font-weight: bold;
}

.sui-meta, .sui-section-foot {
  color: #999;
  line-height: 1.4em;
}

.sui-meta a {
  color: #999;
  font-weight: normal;
  text-decoration: none;
}

.sui-meta a:hover, .sui-section-head a:hover {
  color: #2080ad;
  text-decoration: underline;
}

.sui-section-head-more {
  font-size: 11px;
  float: right;
}

.sui-section-head-more a {
  /* TEMPORARY:LINK: remove once default links aren't bold */
  font-weight: normal;
  color: #333;
  text-decoration: none;
  outline-color: invert;
  outline-style: none;
  outline-width: medium;
  outline: none;
}

.sui-section-head-more a:hover {
  color: #2080ad;
  text-decoration: underline;
  cursor: pointer;
}

.sui-section-body {
  padding-left: 5px;
  padding-right: 5px;
}

.sui-body-text {
  line-height: 1.4em;
}

.sui-body-text a {
  color: #2080ad;
  font-weight: normal;
  text-decoration: none;
}

.sui-body-text a:hover {
  text-decoration: underline;
}

a.admin, p.admin, span.admin, a.spiceuser, p.spiceuser, span.spiceuser, .employee { color:#fe5200 !important; }
a.partner, p.partner.span.partner { color: #33A233 !important; }
a.group_admin, p.group_admin, span.group_admin { color:#888888 !important; } 
a.profile_link img.avatar{ position:relative; top:2px; }  
.profile_link {
  color: #333; 
  font-weight: bold;
}
div.actions-toolbar {
  padding: 5px 10px;
  border: 1px solid #dfdfdf; }
  div.actions-toolbar .right {
    float: right; }
    div.actions-toolbar .right div, div.actions-toolbar .right a {
      text-align: left; }
    div.actions-toolbar .right > div {
      display: inline-block; }
  div.actions-toolbar .sui-dropdown .caret {
    margin-left: 0; }
  div.actions-toolbar > div + div {
    margin-left: 10px;
    padding-left: 10px; }

.message-panel.scan-issues {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 10px;
  background-image: url(/images/scan/fix-issues-prompt-icon.gif);
  background-repeat: no-repeat;
  background-position: 5px center;
  overflow: hidden;
  padding-left: 60px; }
  .message-panel.scan-issues .sui-bttn {
    margin-left: 15px;
    float: right; }

.message-panel.scan-disabled {
  font-size: 13px;
  line-height: 18px;
  padding: 15px 10px;
  overflow: hidden; }
  .message-panel.scan-disabled .sui-bttn {
    margin-left: 15px;
    float: right; }
/*
  Basic colors used across our products. In general these should not be used
  directly in page-level CSS but rather in components, or preferably, wrapped
  up by variables with more semantic names.

  Styleguide Basic Colors
*/
/*
  Color pairs for all of our gradients.

  Styleguide Gradient Colors
*/
/*
  Older color definitions that may be deprecated.

  Styleguide Old Colors
*/
/*
  Basic colors used across our products. In general these should not be used
  directly in page-level CSS but rather in components, or preferably, wrapped
  up by variables with more semantic names.

  Styleguide Basic Colors
*/
/*
  Color pairs for all of our gradients.

  Styleguide Gradient Colors
*/
/*
  Older color definitions that may be deprecated.

  Styleguide Old Colors
*/
/* from http://projects.lukehaas.me/css-loaders/ */
.global-nav .global-app-alerts-menu .global-nav_dropdown {
  padding: 0!important;
  width: 300px;
  left: auto;
  right: -100px;
  width: 296px;
  margin-left: 2px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown:before {
    left: auto;
    right: 111px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown .header-bar {
    padding: 12px 13px;
    overflow: hidden;
    border-bottom: 1px solid #dfdfdf; }
    .global-nav .global-app-alerts-menu .global-nav_dropdown .header-bar h5 {
      float: left;
      color: #9d9d9d; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section {
    border-top: 1px solid #fafafa;
    border-bottom: 1px solid #dfdfdf; }
    .global-nav .global-app-alerts-menu .global-nav_dropdown section p {
      margin: 0;
      margin-left: 54px;
      padding: 15px 15px 15px 0;
      line-height: 30px;
      vertical-align: middle;
      text-align: left; }
      .global-nav .global-app-alerts-menu .global-nav_dropdown section p a {
        line-height: inherit; }
    .global-nav .global-app-alerts-menu .global-nav_dropdown section .icon {
      float: left; }
      .global-nav .global-app-alerts-menu .global-nav_dropdown section .icon:before {
        display: block;
        content: " ";
        margin: 15px;
        vertical-align: top;
        background-image: url(/assets/navbar/notification-dropdown-sprite.png);
        width: 24px;
        height: 30px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.monitors .icon:before {
    background-position: 0 97px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.helpdesk .icon:before {
    background-position: 0 0;
    margin-top: 18px;
    margin-bottom: 12px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.software-alerts .icon:before {
    background-position: 0 29px;
    margin-top: 14px;
    margin-bottom: 16px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.ticket-updates .icon:before {
    background-position: 0 0;
    margin-top: 18px;
    margin-bottom: 12px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.new-tickets .icon:before {
    background-position: 0 0;
    margin-top: 18px;
    margin-bottom: 12px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.no-alerts .icon:before {
    background-position: 0 63px;
    margin-top: 12px;
    margin-bottom: 18px; }
  .global-nav .global-app-alerts-menu .global-nav_dropdown section.no-alerts p {
    font-size: 0.85em;
    line-height: 1.5; }

body.user-helpdesk_tech .global-search_app-selector a[data-name="desktop"] {
  display: none; }
body.user-helpdesk_tech .global-search_app-selector .sui-dropdown-toggle .navbar-icon::after {
  content: url("data:image/svg+xml, %3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 13 14.4' height='11' width='11' preserveAspectRatio='none'%3E%3Cpath fill='gray' d='M3.1 14.4V9.14H1.3c-.73 0-1.3-.48-1.3-1.1V1.1C0 .5.57 0 1.3 0H11.7c.72 0 1.3.5 1.3 1.1v6.93c0 .62-.58 1.1-1.3 1.1H8.18L3.1 14.4zM1.5 7.64h3.1v3.06l2.94-3.06h3.97V1.5h-10v6.13z'/%3E%3C/svg%3E");
  bottom: 4px; }
/*
  Basic colors used across our products. In general these should not be used
  directly in page-level CSS but rather in components, or preferably, wrapped
  up by variables with more semantic names.

  Styleguide Basic Colors
*/
/*
  Color pairs for all of our gradients.

  Styleguide Gradient Colors
*/
/*
  Older color definitions that may be deprecated.

  Styleguide Old Colors
*/
/* from http://projects.lukehaas.me/css-loaders/ */
.app-canvas iframe {
  width: 100%;
  border: 0; }

.app-canvas--full-page iframe {
  height: 1100px;
  border: 0;
  box-sizing: border-box;
  padding-bottom: 200px; }

.app-canvas--tab iframe {
  height: 500px; }

.sui-opt-in ul, .sui-opt-in ol {
  margin: 0; }

.canvas-app-footer {
  position: fixed;
  bottom: 0;
  margin-left: 30px;
  z-index: 5; }

.app-canvas--footer_container {
  float: left;
  position: relative;
  width: 300px;
  height: 40px; }
  .app-canvas--footer_container .app-canvas {
    -webkit-transition: height, 0.5s ease-in-out;
    transition: height, 0.5s ease-in-out; }
  .app-canvas--footer_container.open .app-canvas {
    -webkit-transition: height, 0.5s ease-in-out;
    transition: height, 0.5s ease-in-out; }
  .app-canvas--footer_container + .app-canvas--footer_container {
    margin-left: 15px; }
  .app-canvas--footer_container.open iframe {
    height: 400px; }
  .app-canvas--footer_container iframe {
    height: 0; }

.app-canvas--footer_wrapper {
  position: absolute;
  bottom: 0;
  width: 100%;
  background-color: white;
  border-radius: 3px 3px 0 0;
  box-shadow: -1px 5px 5px 1px rgba(0, 0, 0, 0.2); }

.app-canvas--footer_header {
  background: #444;
  color: white;
  font-size: 14px;
  font-weight: 100;
  line-height: 20px;
  padding: 10px;
  cursor: pointer;
  font-family: "Open Sans", Arial, Helvetica, sans-serif;
  border-radius: 3px 3px 0 0; }
  .app-canvas--footer_header i {
    float: right;
    transform: translateY(20%); }
    .app-canvas--footer_header i.icon-gear {
      margin-right: 10px; }

.app-canvas--footer_icon {
  position: relative;
  border-radius: 3px;
  float: left;
  margin-right: 10px; }
  .app-canvas--footer_icon > img {
    border-radius: 3px;
    display: block;
    height: 20px;
    width: 20px; }
  .app-canvas--footer_icon.icon-gradient-none {
    background-color: #f9f9f9;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #f9f9f9, #f9f9f9);
    background-image: -ms-linear-gradient(45deg, #f9f9f9, #f9f9f9);
    background-image: -webkit-linear-gradient(45deg, #f9f9f9, #f9f9f9);
    background-image: -o-linear-gradient(45deg, #f9f9f9, #f9f9f9);
    background-image: linear-gradient(45deg, #f9f9f9, #f9f9f9); }
  .app-canvas--footer_icon.icon-gradient-0 {
    background-color: #fdde3f;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #f1722b, #fdde3f);
    background-image: -ms-linear-gradient(45deg, #f1722b, #fdde3f);
    background-image: -webkit-linear-gradient(45deg, #f1722b, #fdde3f);
    background-image: -o-linear-gradient(45deg, #f1722b, #fdde3f);
    background-image: linear-gradient(45deg, #f1722b, #fdde3f); }
  .app-canvas--footer_icon.icon-gradient-1 {
    background-color: #673b91;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #4cb2d8, #673b91);
    background-image: -ms-linear-gradient(45deg, #4cb2d8, #673b91);
    background-image: -webkit-linear-gradient(45deg, #4cb2d8, #673b91);
    background-image: -o-linear-gradient(45deg, #4cb2d8, #673b91);
    background-image: linear-gradient(45deg, #4cb2d8, #673b91); }
  .app-canvas--footer_icon.icon-gradient-2 {
    background-color: #00aad6;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #79be58, #00aad6);
    background-image: -ms-linear-gradient(45deg, #79be58, #00aad6);
    background-image: -webkit-linear-gradient(45deg, #79be58, #00aad6);
    background-image: -o-linear-gradient(45deg, #79be58, #00aad6);
    background-image: linear-gradient(45deg, #79be58, #00aad6); }
  .app-canvas--footer_icon.icon-gradient-3 {
    background-color: #ec4095;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #f89931, #ec4095);
    background-image: -ms-linear-gradient(45deg, #f89931, #ec4095);
    background-image: -webkit-linear-gradient(45deg, #f89931, #ec4095);
    background-image: -o-linear-gradient(45deg, #f89931, #ec4095);
    background-image: linear-gradient(45deg, #f89931, #ec4095); }
  .app-canvas--footer_icon.icon-gradient-4 {
    background-color: #bf4697;
    background-repeat: repeat-x;
    background-image: -moz-linear-gradient(45deg, #2cb0e2, #bf4697);
    background-image: -ms-linear-gradient(45deg, #2cb0e2, #bf4697);
    background-image: -webkit-linear-gradient(45deg, #2cb0e2, #bf4697);
    background-image: -o-linear-gradient(45deg, #2cb0e2, #bf4697);
    background-image: linear-gradient(45deg, #2cb0e2, #bf4697); }

a.canvas-app_edit-link {
  display: block;
  overflow: hidden;
  height: 30px;
  line-height: 30px;
  width: 100%;
  background-color: #333;
  text-align: center; }
  a.canvas-app_edit-link:hover {
    background-color: #444;
    text-decoration: none; }
  a.canvas-app_edit-link i {
    vertical-align: middle;
    margin-right: 10px; }
  a.canvas-app_edit-link span {
    font-family: "Open Sans", Arial, sans-serif;
    font-size: 14px;
    color: #fff;
    vertical-align: middle; }

#confirm_submission_modal .modal-header {
  padding: 6px 30px; }
#confirm_submission_modal p {
  padding: 15px; }
#confirm_submission_modal .footer-actions {
  padding: 7px 30px 8px; }

.canvas-app_modal-success {
  width: auto; }
  .canvas-app_modal-success .modal-body {
    text-align: center;
    padding: 30px; }
    .canvas-app_modal-success .modal-body .canvas-app_modal-message {
      width: 500px;
      margin: 0 50px 20px 50px;
      font-size: 16px; }
    .canvas-app_modal-success .modal-body .canvas-app_modal-info {
      font-size: 14px; }
      .canvas-app_modal-success .modal-body .canvas-app_modal-info span:first-child {
        font-weight: bold; }
      .canvas-app_modal-success .modal-body .canvas-app_modal-info .canvas-app_modal-info-string {
        color: #aaa; }

.canvas-app-form .message-panel, .canvas-app-form .sui-alert.active {
  font-size: 13px; }
.canvas-app-form input, .canvas-app-form input.text {
  box-sizing: border-box;
  height: auto; }
.canvas-app-form .sui-row-fluid {
  margin-bottom: 10px;
  box-sizing: border-box; }
.canvas-app-form .form-well {
  background: whitesmoke; }
.canvas-app-form .form-well_title {
  padding: 15px 25px;
  margin-bottom: 5px;
  border-bottom: 1px solid lightgrey; }
.canvas-app-form .canvas-app-form_section {
  position: relative; }
.canvas-app-form .canvas-app_sync {
  position: absolute;
  top: 0;
  right: 0; }
  .canvas-app-form .canvas-app_sync a.sui-bttn {
    margin-right: 10px; }
  .canvas-app-form .canvas-app_sync .icon-help {
    vertical-align: middle; }
.canvas-app-form .canvas-app-form_subsection-title {
  font-size: 18px; }
.canvas-app-form .form-well_body {
  padding: 15px 25px; }
.canvas-app-form .input-inline {
  display: inline-block; }
.canvas-app-form .checkbox-inline {
  display: inline-block;
  position: relative;
  vertical-align: top; }
.canvas-app-form input.checkbox-inline_checkbox {
  position: absolute;
  margin-top: 5px; }
.canvas-app-form .checkbox-inline_label {
  padding-left: 60px;
  margin-bottom: 0; }
.canvas-app-form .canvas-app-form_section ~ .canvas-app-form_section {
  margin-top: 40px; }
.canvas-app-form .canvas-app-form_section-title {
  padding-bottom: 10px;
  color: gray;
  font-size: 24px;
  border-bottom: 1px solid lightgrey;
  margin-bottom: 30px; }
.canvas-app-form .canvas-app-form_input-label {
  color: #333333; }
.canvas-app-form .canvas-app-form_small-hint {
  color: gray;
  font-size: 13px;
  padding-top: 8px; }
.canvas-app-form .canvas-app-placements-list_full-page-placement {
  margin-bottom: 20px; }
.canvas-app-form .canvas-app-placements-list_canvas-app-placement {
  margin-top: 10px; }
.canvas-app-form .canvas-app-form_toggle-switch {
  float: left; }
.canvas-app-form .canvas-app-form_toggle-label {
  line-height: 24px; }
.canvas-app-form .canvas-app-placements-list_canvas-app-placement-toggle-label {
  margin-right: 5px;
  width: 125px; }
.canvas-app-form .canvas-app-placements-list_canvas-app-placement-url-input {
  margin-bottom: 0;
  width: 340px; }
.canvas-app-form .canvas-app-form_capability-categories-list {
  margin-left: -25px;
  margin-right: -25px;
  *zoom: 1; }
  .canvas-app-form .canvas-app-form_capability-categories-list:before, .canvas-app-form .canvas-app-form_capability-categories-list:after {
    display: table;
    content: ""; }
  .canvas-app-form .canvas-app-form_capability-categories-list:after {
    clear: both; }
  .canvas-app-form .canvas-app-form_capability-categories-list .canvas-app-form_half-width {
    padding: 0 25px;
    float: left;
    width: 50%;
    box-sizing: border-box; }
.canvas-app-form .canvas-app-permission-select {
  display: block; }
.canvas-app-form .canvas-app-form_capability-category-body {
  padding: 15px 0; }
.canvas-app-form .canvas-app-form_extended-data {
  margin-bottom: 10px; }
.canvas-app-form .canvas-app-form_extended-data .canvas-app-form_toggle-label {
  width: 80px; }
.canvas-app-form .canvas-app-form_extended-data .canvas-app-form_extended-data-explain {
  font-size: 15px;
  line-height: 24px;
  margin-left: 10px; }
.canvas-app-form .app-namespace-url {
  float: left;
  color: #aaa;
  background-color: #f5f5f5;
  padding: 2px 6px;
  font-size: 13px;
  border: 1px #dddddd solid;
  border-radius: 3px 0 0 3px;
  border-right: none;
  cursor: default; }
.canvas-app-form .app-namespace-container {
  position: relative; }
.canvas-app-form .app-namespace-outer {
  overflow: hidden; }
  .canvas-app-form .app-namespace-outer input {
    border-radius: 0 3px 3px 0;
    width: 100%; }
.canvas-app-form .app-secret-container {
  position: relative; }
  .canvas-app-form .app-secret-container .app-secret_bttn {
    position: absolute;
    top: 3px;
    right: 5px;
    line-height: 12px;
    font-size: .70em; }
  .canvas-app-form .app-secret-container .app-secret_show-spinner {
    position: absolute;
    top: 3px;
    right: 65px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: loading-circles-sui-gray 0.9s infinite linear;
    -moz-animation: loading-circles-sui-gray 0.9s infinite linear;
    -o-animation: loading-circles-sui-gray 0.9s infinite linear;
    animation: loading-circles-sui-gray 0.9s infinite linear;
    -webkit-transform: scale(0.15);
    -moz-transform: scale(0.15);
    -ms-transform: scale(0.15);
    -o-transform: scale(0.15);
    transform: scale(0.15);
    display: none; }
  .canvas-app-form .app-secret-container input {
    color: #aaa; }
.canvas-app-form .canvas-app-form_footer {
  position: relative; }
  .canvas-app-form .canvas-app-form_footer .sui-bttn {
    -webkit-transition: 0.5s ease-in-out;
    transition: 0.5s ease-in-out; }
  .canvas-app-form .canvas-app-form_footer .app-form_submit-transition {
    -webkit-transform: translateX(40px);
    /* Safari */
    transform: translateX(40px); }
  .canvas-app-form .canvas-app-form_footer .app-form_submit-spinner {
    position: absolute;
    top: 4px;
    left: 5px;
    width: 1em;
    height: 1em;
    border-radius: 50%;
    -webkit-animation: loading-circles-sui-gray 0.9s infinite linear;
    -moz-animation: loading-circles-sui-gray 0.9s infinite linear;
    -o-animation: loading-circles-sui-gray 0.9s infinite linear;
    animation: loading-circles-sui-gray 0.9s infinite linear;
    -webkit-transform: scale(0.25);
    -moz-transform: scale(0.25);
    -ms-transform: scale(0.25);
    -o-transform: scale(0.25);
    transform: scale(0.25);
    display: none; }

/* Checkbox */
input[type="checkbox"].on-off {
  display: none; }

input[type="checkbox"].on-off + label {
  display: block;
  cursor: pointer;
  position: relative;
  line-height: 11px;
  width: 38px;
  height: 20px;
  margin: 0;
  padding: 0;
  border: 2px solid lightgrey;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
  transition: background 0.3s ease 0s, border 0.3s ease 0s; }
  input[type="checkbox"].on-off + label:focus, input[type="checkbox"].on-off + label:active {
    outline: none; }

/* ON */
input[type="checkbox"].on-off:checked + label {
  background-color: #8bc896;
  border-color: #8bc896; }

/* OFF */
input[type="checkbox"].on-off + label {
  background-color: #b8b8b8;
  border-color: #b8b8b8; }

/* DISABLED */
input[type="checkbox"][disabled].on-off + label {
  opacity: 0.5;
  cursor: not-allowed; }

/* Switch */
input[type="checkbox"].on-off + label:before {
  position: absolute;
  display: block;
  content: '';
  top: 0;
  left: 0;
  z-index: 2;
  width: 16px;
  height: 16px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: white;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
  transition: left 0.3s ease 0s; }

/* ON */
input[type="checkbox"].on-off:checked + label:before {
  left: 18px; }
#new-ticket-dialog.sui-opt-in .new-ticket-tip {
  text-align: center;
  display: block;
  color: gray;
  font-size: 0.85em; }
#new-ticket-dialog.sui-opt-in .footer-actions a {
  float: left;
  position: relative;
  top: 0; }
  #new-ticket-dialog.sui-opt-in .footer-actions a i {
    -webkit-filter: brightness(0.8) contrast(1.6);
    -moz-filter: brightness(0.8) contrast(1.6);
    filter: brightness(0.8) contrast(1.6); }
#new-ticket-dialog.sui-opt-in #duecal_popup a {
  padding-left: 5px;
  padding-right: 3px;
  padding-top: 3px;
  padding-bottom: 2px; }
  #new-ticket-dialog.sui-opt-in #duecal_popup a i {
    margin-left: 0px;
    margin-right: 0px; }
#new-ticket-dialog.sui-opt-in .select2-container {
  width: 300px; }
#new-ticket-dialog.sui-opt-in select {
  width: 283px; }
#new-ticket-dialog.sui-opt-in textarea {
  resize: vertical;
  height: 40px;
  width: 270px; }
#new-ticket-dialog.sui-opt-in .ui-wrapper {
  padding-bottom: 0px !important; }
#new-ticket-dialog.sui-opt-in .ui-resizealbe-handle {
  position: absolute;
  display: block; }
#new-ticket-dialog.sui-opt-in .ui-resizable-se {
  position: relative;
  cursor: s-resize;
  float: right;
  height: 14px;
  width: 14px;
  right: 2px;
  top: -16px;
  background-image: url(resize-gray.png);
  background-position: 0 0; }
#new-ticket-dialog.sui-opt-in input.populate {
  width: 283px; }
#new-ticket-dialog.sui-opt-in .ticket-attachment.file-selected .attachment-container .attachment-label i {
  display: inline-block;
  position: relative;
  top: -5px; }
#new-ticket-dialog.sui-opt-in .ticket-attachment.file-selected .attachment-container .attachment-label span {
  display: inline-block;
  line-height: 26px;
  padding-right: 10px;
  color: #2080ad; }
#new-ticket-dialog.sui-opt-in .ticket-attachment.file-selected .attachment-container a.attach-file {
  display: none; }
#new-ticket-dialog.sui-opt-in .ticket-attachment.file-selected .remove-attachment {
  display: inline-block;
  font-weight: bold;
  color: #999;
  font-size: 14px;
  text-decoration: none;
  vertical-align: top;
  line-height: 26px;
  height: 26px; }
#new-ticket-dialog.sui-opt-in .ticket-attachment {
  padding-right: 5px; }
  #new-ticket-dialog.sui-opt-in .ticket-attachment .remove-attachment {
    display: none; }
  #new-ticket-dialog.sui-opt-in .ticket-attachment .attachment-container {
    position: relative;
    overflow: hidden;
    cursor: pointer;
    display: inline-block;
    *display: inline;
    vertical-align: top; }
    #new-ticket-dialog.sui-opt-in .ticket-attachment .attachment-container .attachment-label i {
      display: none; }
    #new-ticket-dialog.sui-opt-in .ticket-attachment .attachment-container .attachment-label span {
      display: none; }
    #new-ticket-dialog.sui-opt-in .ticket-attachment .attachment-container a.attach-file {
      display: block; }
    #new-ticket-dialog.sui-opt-in .ticket-attachment .attachment-container input {
      opacity: 0;
      filter: alpha(opacity=0);
      font-size: 20px;
      cursor: pointer;
      position: absolute;
      right: 0px;
      top: 0px;
      width: 200%;
      height: 50px;
      z-index: 1;
      padding: 0;
      margin: 0; }

li.new-contact span.select2-match {
  text-decoration: none; }

/*
  Basic colors used across our products. In general these should not be used
  directly in page-level CSS but rather in components, or preferably, wrapped
  up by variables with more semantic names.

  Styleguide Basic Colors
*/
/*
  Color pairs for all of our gradients.

  Styleguide Gradient Colors
*/
/*
  Older color definitions that may be deprecated.

  Styleguide Old Colors
*/
.modal-body .results-section {
  border: 1px solid lightgrey;
  font-family: monospace;
  padding: 15px;
  margin-bottom: 15px; }

.modal-body .contacting-device {
  line-height: 60px;
  text-align: center;
  font-weight: 100;
  text-indent: -5%;
  color: gray; }
  .modal-body .contacting-device:after {
    content: '';
    background: url(/images/icons/indicators/property-action-active.gif) no-repeat top;
    position: absolute;
    height: 16px;
    width: 16px;
    top: 153px;
    right: 206px; }

.modal-body .action-icon {
  margin-right: 10px;
  max-height: 25px; }

.device-search {
  margin: 10px 0 25px 0; }

.device-search-results .select2-results {
  padding: 0 !important; }

.device-search-result {
  height: 35px;
  line-height: 35px;
  padding-left: 15px;
  border-bottom: 1px solid lightgrey; }

.device-search-result .select2-result-label {
  height: inherit;
  display: flex;
  padding: 0;
  align-items: center; }

.device-search-result .device-image {
  max-width: 25px;
  min-width: 25px;
  height: 55%; }

.device-search-result .device-name {
  margin-left: 10px;
  font-size: 13px;
  color: gray;
  text-overflow: ellipsis;
  width: 200px;
  overflow: hidden;
  white-space: nowrap; }
  .device-search-result .device-name .match {
    color: #333; }

#remote-control-modal {
  width: 475px; }

#remote-control-modal header {
  font-size: 18px;
  vertical-align: super;
  display: inline-block; }

#remote-control-modal .modal-body {
  padding: 25px; }

#remote-control-modal .remote-control-details {
  margin: 15px 0 25px 0; }

#new-subticket-from-ticket .well {
  padding: 0;
  border: none; }
#new-subticket-from-ticket .sui-search-bttn {
  display: none; }
#new-subticket-from-ticket #ticket-list {
  margin: 0; }
  #new-subticket-from-ticket #ticket-list .ticket.selected .ticket-label, #new-subticket-from-ticket #ticket-list .ticket.selected h4 {
    color: white; }

#new-subticket-from-ticket #ticket-search-div {
  max-height: 300px;
  overflow: auto; }
/*








 */