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

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

/* @Layout @Container
*********************************************************************************/

#container{
  background:#fff;
  position:relative;
}
#container, #footer{
  width:1186px; /* see hacks.ie.css! */
  font-size:1em;
  margin:0 auto;
}
body.narrow #container, body.narrow #footer{ width:1040px; }
body.server_error #container{
  padding:0 10px 10px;
  border-right:1px solid #ccc;
  border-bottom:1px solid #ccc;
  border-left:1px solid #ccc;
}
#header{ /* see hacks.ie.css */ }
#content_wrapper{
  clear:both;
  font-size:1.2em;
  position:relative;
}
#navcolumn {
  float:left;
  width:149px;
  padding:0 0;
  margin-right:10px;
  position:relative;
}

#navigation{
  background-color:#F7F7F7;
  border:1px solid #E2E2E2;
  border-radius:5px;
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  position:relative;
  padding-bottom:10px;
}

#content{
  position:relative;
  width:715px;
  float:left;
  min-height:900px; /* otherwise when secondary gets hidden/shown, the ads will jump */
}
#footer{
  clear:both;
  background:transparent;
  margin-top:15px;
}

/* Content area borders and border radii
*********************************************************************************/
#content > div.sui-toolbar, #content > div.sui-filterbar, #content div#primary, #content div#secondary, #content > #web_clip, #content div.sui-secondary{
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
}
#content #primary{ border-bottom:1px solid #dfdfdf; }
#content #primary.resizable-vertical{ border-bottom:0; }
#content #secondary, #content div.sui-secondary{ border-bottom:1px solid #dfdfdf; }
#content > div.section_bar {
  border-left:1px solid #dfdfdf;
  border-right:1px solid #dfdfdf;
  border-bottom:1px solid #dfdfdf;
}
#content > div.sui-header {
  border: 1px solid #dfdfdf;;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
#content div#primary.frameless{ border-left:0; border-right:0; }
#content div.sui-filterbar{ border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; }

/* @Header
*********************************************************************************/

#header {
  height:50px;
  background-color:#F7F7F7;
  border-bottom-left-radius:5px;
  border-bottom-right-radius:5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-bottom-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;  
  margin:0 0 10px 0;
  border:1px solid #E2E2E2;
}
body.branded #header {
  background-color:#FFF;
  height:60px;
}
body.branded #header #header_nav {
  margin-top:8px;
}

#header div.inner{
  padding:11px 10px 0 5px;
}
#header h1{
  margin:0;
  padding:0;
  width:150px;
  float:left;
  padding-right:25px;
}

body.busy #header h1 {
  background:transparent url(/images/icons/ajax_busy.gif) no-repeat scroll right center;
}

#header h1 a{
  border:0;
  display:block;
  float:left;
  text-decoration:none;
}
#header h1 a img{ border:0; }

#header_nav{
  float:right;
  margin:3px 0 0 0;
}

#header_nav div.header_nav_wrap {
  position:relative;
  width:298px;
  height:42px;
  padding:0 0 0 0;
}

#header_nav div.avatar {
  background-color:#FFF;
  background-repeat:no-repeat;
  background-position:center center;
  border:1px solid #CCC;
  width:40px;
  height:40px;
  position:absolute;
  left:0;
  top:0;
  overflow:hidden;
  float:left;
  text-align:center;
}

#header_nav div.avatar a.level-indicator {
  position:absolute;
  bottom:0;
  left:0;
  height:2px;
  display:block;
  border-top: 1px solid #CCC;
  width:100%;
  font-family:Helvetica, Arial, sans-serif;
  font-size:7px;
  font-weight:bold;
  text-transform:uppercase;
  text-decoration:none;
  text-indent:-1000px;
  line-height:10px;
  color:white;
  margin:0;
  opacity: 0.6;
  -moz-opacity: 0.6;
  filter:alpha(opacity=60);
}

#header_nav div.avatar a.level-indicator:hover, #header_nav div.avatar:hover a.level-indicator {
  height:10px;
  text-indent:0;
  opacity: 0.9;
  -moz-opacity: 0.9;
  filter:alpha(opacity=90);
}

#header_nav a.logged_in_user {
  position:absolute;
  top:0;
  font-size:1.1em;
  font-weight:bold;
  left:50px;
  text-decoration:none;
}
#header_nav a.logged_in_user:hover {
  text-decoration:underline;
}
#header_nav ul{
  padding:0 10px 0 30px;
  position:absolute;
  top:0;
  right:0;
  margin:0;
  list-style-type:none;
  text-align:right;
}
#header_nav ul li{ display:inline; }
#header_nav ul li a{
  display:block;
  float:left;
  padding:0 7px;
  margin:0 0 2px 0;
  border-right:1px solid #CCC;
  color:#000;
  font-size:1.1em;
  text-decoration:none;
}
#header_nav ul li a:hover{ text-decoration:underline; }
#header_nav ul li.last a{
  padding-right:0;
  border-right:0;
}
#header_nav ul li.unread_messages a span{
}
#header_nav ul li.help a.selected, #header ul li.help a:hover.selected{
  background-position:center left;
  cursor:auto;
}
#header_nav #search_box{ 
  position:absolute;
  bottom:0;
  right:0; 
  padding:0 10px 0 0;
}
#header_nav #search_box p{ margin:-6px 0 0 5px; }
#header_nav #search_box p input[type=text]{ 
  width:210px;
  height:14px;
  padding:3px 0px 2px 2px!important;
  position:relative;
  top:-1px;
  /* see ie hacks */
}
#header_nav #search_box p input.image_button{
  position:relative;
  top:6px;
}

/* @Ads @Sidebar
**********************************************************************************/
#sidebar{
  width:300px;
  float:right;
  margin:0 0 5px 0;
  background:#fff;
  /* see hacks.ie6.css */
}

#sidebar #ad-column-header {
  background:#D5DDE7 none repeat scroll 0 0;
  border:1px solid #DDDDDD;
  display:block;
  font-size:0.95em;
  height:23px;
  margin:0;
  padding:2px 0 0;
  text-align:center;
  -moz-border-radius-topLeft: 5px;
  -moz-border-radius-topRight: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-top-right-radius: 5px;
}
#sidebar #ad-column-header span.help-spiceworks {
  display:block;
  font-size:11px;
  padding:5px 0;
}

#sidebar #ad-column-header span.help-spiceworks a {
  color:#666;
}

/* normal mode */
body #ad-column-header span.help-spiceworks.narrow { display:none!important; }

body.narrow #sidebar #ad-column-header span.help-spiceworks.wide {
  display:none;
}
body.narrow #ad-column-header span.help-spiceworks.narrow {
  display:block!important;
}

#sidebar #adbox{
  overflow:hidden!important;
  margin:0;
  padding:0;
  width:300px;
}
#sidebar #adbox iframe{
  height:758px;
  width:300px;
  overflow-y:hidden;
  z-index:100;
  margin:0;
  padding:0;
}
body.narrow #sidebar,
body.narrow #sidebar #adbox,
body.narrow #sidebar #adbox iframe{ width:160px; }
#sidebar #adbox a.myway img{ border:0; }


/* @Navigation 
*****************************************************************************/
#navigation p{ padding:0 5px; }
#navigation dl, #navigation dl dt, #navigation dl dd{
  margin:0;
  padding:0;
  position:relative;
}
#navigation dl dt, #navigation dl dd{
  clear:both;
}

#navigation dl{
  margin:3px 0 10px;
}
#navigation dl dt{
  font-weight:bold;
}
#navigation dl dt a,
#navigation dl dd a{ 
  display:block;
  color:#000;
  text-decoration:none;
  outline:none;
  overflow:hidden;
  padding:3px 10px 3px 24px;
  position:static;
}
#navigation dl dd.custom a{ padding-right:20px; /* need room for the action icon on the far right */ }
#navigation dl dt a{
  font-weight:bold;
  padding-left:0;
}
#navigation dl dd a.coming-soon{
  color:#999!important;
  text-decoration:none!important;
  cursor:text!important;
}

#navigation dl dd .sw-menu-wrap{
  float:right;
  margin-right:5px;
}
#navigation dl dd .sw-menu-wrap a{
  padding:0px;
  position:relative;
}


#navigation dl dt span{
  display:block;
  background:transparent 4px center no-repeat;
  padding:3px 0 3px 24px;
}
#navigation dl dd a span.new{
  background:transparent;
  position:absolute;
  color:red;
  font-size:10px;
  margin:-3px 0 0;
  right:4px;
}
#navigation dl dd a span.coming-soon{}
#navigation dl dd a:hover span.new{ text-decoration:none!important; }

#navigation dl.dashboard span{ background-image:url(../images/icons/navigation/swoosh.png) }
#navigation dl.my_network span{ background-image:url(../images/icons/navigation/network.png) }
#navigation dl.community span{ background-image:url(../images/icons/navigation/community.png) }
#navigation dl.help span{ background-image:url(../images/icons/navigation/help.png) }
#navigation dl.my_stuff span{ background-image:url(../images/icons/navigation/applications.png) }

#navigation dl.dashboard dt.current span{ background-image:url(../images/icons/navigation/swoosh_dark.png) }
#navigation dl.my_network dt.current span{ background-image:url(../images/icons/navigation/network.png) }
#navigation dl.community dt.current span{ background-image:url(../images/icons/navigation/community_dark.png) }
#navigation dl.help dt.current span{ background-image:url(../images/icons/navigation/help_dark.png) }

#navigation dl.toggleable dt{
  padding-left:20px;
  padding-right:20px;
  background:transparent url(../images/icons/indicators/toggle2_blue.png) no-repeat center left;
  background-position:5px center;
  cursor:pointer;
}
#navigation dl dd{
  display:block;
  padding:1px 0;
}

#navigation dl dd a.meta{
  display:inline;
  padding:0;
}
#navigation dl dd a:hover, #navigation dl dt a:hover{ text-decoration:underline; }
#navigation dl dd.current, #navigation dl dt.current{
  background-color:#d5dde7;
  border-left:0;
  border-right:0;
} 
                          
#navigation dl dt.current{ padding:0 0; }
#navigation dl dd.current a, #navigation dl dd.current a:hover, #navigation dl dt.current a{ 
 font-weight:bold;
 color:#000;
}
#navigation dl dd#nav_it_services.current a span{ display:none; }
#navigation dl.closed dt{ background-image:url(../images/icons/indicators/toggle1_blue.png); }
#navigation dl.closed dd{ display:none; }

#navigation_closeout, p#navigation_controls{ width:148px; }
p#navigation_controls{
  margin:0;
  padding:0;
  float:left;
  border:1px solid #d4d4d4;
  border-left:0; border-right:0;
  background:#fdfdfd url(../images/layout/gradients/footer_toolbar.png) repeat-x center left;
}
p#navigation_controls a{ float:left; }
p#navigation_controls a{
  border-right:1px solid #d4d4d4;
  width:20px;
  height:20px;
  background-repeat:no-repeat;
  background-position:center center;
}
p#navigation_controls a.add_new_navigation{ background-image:url(../images/icons/plus.png); }
p#navigation_controls a.delete{ background-image:url(../images/icons/minus.png); }
p#navigation_controls a.edit{ background-image:url(../images/icons/small/nav_edit.png); }
p#navigation_controls a span{ display:none; }

#navigation_closeout{ 
  padding:30px 0 0; 
}
#navigation_closeout p{
  padding:0;
  margin:0;
  color:#444;
  font-size:10px;
}
#navigation_closeout #sponsored_block div.wrapper{
  padding:8px 5px 0;
  background:transparent;
  text-align:center;
}
#navigation_closeout #sponsored_block div.wrapper h4{
  font-weight:normal;
  font-size:1em;
  color:#444;
  padding:0;
  margin:0;
}
#navigation_closeout #sponsored_block div.wrapper p{ padding:10px 0; }
#navigation_closeout #sponsored_block a img{ border:0; }

/* my stuff section of navigation
*********************************************************************************************************/
#navigation dl.my_stuff{ margin-bottom:0; }
#navigation dl.customize dt{ display:none; }
#navigation dl dd a.meta, #navigation dl dt a.meta{
}

/*TODO: this might need to get renamed to a.sw-menu-opener, like general.css contains */
#navigation dl dd a.meta, #navigation dl dt a.meta {
  position:absolute;
  top:0;
  right:5px; 
  margin:3px 0 0 0;
  text-indent:-9999px;
  outline:none;
  padding-right:0px;
}
#navigation dl dd a.add, #navigation dl dt a.add{ 
  background-image:url(../images/icons/plus.png); 
  background-position: center center;
  height:10px;
  width:10px;
  padding:0;
  margin-top:5px;
  border:1px solid #eee;
}
#navigation dl dd a.add:hover, #navigation dl dt a.add:hover{
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
   border:1px solid #bbb;
   background-color:white;
}

#navigation dl.deleteable dd.custom a.delete{ display:block; }
#navigation dl.editable dd.custom a.edit{ display:block; }
#navigation dl.editable dd.editing a.edit{ display:none; }
#navigation dl.deleteable dd.current a.portal_link{ background-image:none; }

#navigation dl dd form{ padding:5px 0 0 23px; zoom:1;}
#navigation dl dd form p, #navigation dl.customize dd.add_new form p{
  margin:0;
  padding:0 0 5px;
  font-size:10px;
}
#navigation dl dd form h1{
  padding:2px 0px;
  margin:0px;
  font-size: 8pt;
  font-weight:bold;
}
#navigation dl dd.editing form p label{
  width:3em;
}

#navigation dl dd form, #navigation dl dd form{ background:white; border-top:1px solid #999; border-bottom:1px solid #999;}
#navigation dl dd.editing form p input.text, #navigation dl dd.add_new form p input.text{ width:80px;}
#navigation dl dd.editing form p.check, #navigation dl.customize dd.add_new form p.check{
  position:static;
}

/* @Spicemeter
*******************************************************************************/
#spicemeter_container {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  background:#F7F7F7 url(../images/spicemeter/label.png) no-repeat scroll center 6px;
  border:1px solid #E2E2E2;
  margin-top:10px;
  min-height:0;
  padding-bottom:5px;
  padding-top:1px;
  text-align:center;
}

a#current_spicemeter{
  display:block;
  width:147px;
  height:20px;
  margin:15px 0 10px;
  background:transparent url(../images/spicemeter/scores/0.png) no-repeat top left;
  z-index:100;
}
a#current_spicemeter span{ display:none; }

#spicemeter_container a { 
  text-align:center;
  font-size: 0.9em;
  color:#666;
  padding:0 3px;
}


/* @Application Messaging
*********************************************************************************/
#application_messaging{
  display:block;
  font-size:1.2em;
  margin:0 310px 0 160px;  
}

body.narrow #application_messaging {
  margin:7px 160px 18px 160px;  
}

#application_messaging ol{
  list-style:none;
}
#application_messaging ol li{
  text-align:center;
  padding:7px 0 18px 0;
}

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

#application_messaging a.info{ cursor:pointer; }

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

#application_messaging a { color:#2080AD;}

/* Status bar
*****************************************************************/

#status_bar {
  border-top-left-radius:5px;
  border-top-right-radius:5px;
  -moz-border-radius:5px 5px 0 0;
  -webkit-border-bottom-left-radius:0;
  -webkit-border-bottom-right-radius:0;
  -webkit-border-top-left-radius:5px;
  -webkit-border-top-right-radius:5px;
  
  box-shadow:rgb(136, 136, 136) 0px 5px 5px;
  -webkit-box-shadow:rgb(136, 136, 136) 0px 5px 5px;
  -moz-box-shadow:rgb(136, 136, 136) 0px 5px 5px;
  
  background-color:#F7F7F7;
  border:1px solid #BFBFBF;
  bottom:-2px;
  height:25px;
  left:1%;
  margin:auto;
  padding:0 5px;
  position:fixed;
  width:97%;
  z-index:500;
}

#status_bar div.left {
  position:absolute;
  left:2px;
}

#status_bar div.right {
  position:absolute;
  right:10px;
}

#status_bar dl {
  height:30px;
  padding:0 0;
  float:left;
}

#status_bar dl.about{
  border-right:1px solid #DDD;
  margin-right:6px;
  padding-right:0;
}
#status_bar dl.about dd{
  width:30px;
  height:25px;
}
#status_bar dl.about dd > a{
  height:25px;
  text-indent:-9000px;
  color:transparent;
  padding-bottom:2px;
  display:block;
  outline:none;
}
#status_bar dd a.app_about{
  background-color:transparent;
  background-position:5px 0 !important;
  background-repeat:no-repeat;
  background-image:url(/images/icons/navigation/swoosh.png);
}
#status_bar dl.scan {
  border-right:1px solid #DDD;
  margin-right:6px;
  padding-right:0;
  width:55px;
}
#status_bar dl.scan dd  {
  width:55px;
}

#status_bar dl.new_actions dt {
  height:25px;
  width:26px;
  background:transparent url(/images/icons/statusbar/new.png) no-repeat scroll 0 35%;
  color:transparent;
  text-indent:-9000px;
}

#status_bar dl.new_actions dd {
  width:25px;
  height:25px;
}

#status_bar dl.new_actions dd a, #status_bar dl.scan dd a, #status_bar dl.more dd a {
  height:25px;
  text-indent:-9000px;
  color:transparent;
  padding-bottom:2px;
  display:block;
  outline:none;
} 

#status_bar dl.indicators dt {
  display:none;
}
#status_bar dd.status-bar-popup {
  margin-right:0;
  padding-bottom:5px;
  padding-left:2px;
  padding-right:2px;
  position:relative;
}
#status_bar dl.app.indicators {
  padding-right:5px;
}
#status_bar dl.community.indicators {
  border-left:1px solid #DDD;
  padding-left:5px;
}

#status_bar dd.status-bar-popup > a {
  background-attachment:scroll;
  background-color:transparent;
  background-position:6px center;
  background-repeat:no-repeat;
  border-color:transparent;
  border-style:solid;
  border-width:0 1px;
  color:#636363;
  font-size:13px;
  font-weight:bold;
  margin-right:0;
  padding:5px 4px 4px 26px;
  text-decoration:none;
  text-indent:0;
}

#status_bar dd.status-bar-popup a:hover{text-decoration:underline;}
#status_bar dd.status-bar-popup a.tickets{background-image: url(/images/icons/statusbar/tickets.png);}
#status_bar dd.status-bar-popup a.alerts{background-image: url(/images/icons/statusbar/alerts.png);}
#status_bar dd.status-bar-popup a.messages{background-image: url(/images/icons/statusbar/messages.png);}
#status_bar dd.status-bar-popup a.unknowns{background-image: url(/images/icons/statusbar/unknowns.png);}
#status_bar dd.status-bar-popup a.offline{background-image: url(/images/icons/statusbar/offline_lan.png);}
#status_bar dd.status-bar-popup a.scan_errors{background-image: url(/images/icons/statusbar/scan_error.png);}
#status_bar dd.status-bar-popup a.plugins{background-image: url(/images/icons/statusbar/plugins.png);}
#status_bar dd.status-bar-popup a.community{background-image: url(/images/icons/statusbar/news.png);}

#status_Bar dd.status-bar-popup > a.alerts, #status_Bar dd.status-bar-popup > a.scan_errors {
  background-position:6px 15px;
} 


#status_bar dd.status-bar-popup.selected > a {
  position:relative;
  top:-2px;
  background-color:#FFF;
  border-width:0 1px 1px 1px;
  border-color:#CCC;
  border-style:solid;
  z-index:3;
  -webkit-box-shadow: 3px 3px 5px #CCC;
}

#status_bar dd.status-bar-popup.unseen a{
  text-decoration:underline;
}

#status_bar dd.status-bar-popup > div.popup {
  display:block;
  position:absolute;
  bottom:26px;
  min-height:100px;
  width:350px;
  overflow:hidden;
  background-color:#FFF;
  border:1px solid #CCC;
  -webkit-box-shadow: 3px 3px 5px #CCC;
}

#status_bar div.left dd.status-bar-popup > div.popup { 
  left:2px; 
} 
#status_bar div.right dd.status-bar-popup > div.popup { 
  right:2px; 
} 

#status_bar dd.status-bar-popup > div.popup > .header a.close {
  display:block;
  text-indent:-1000px;
  overflow:hidden;
  padding:0;
  margin:0;
  height:10px;
  width:10px;
  background:transparent url(/images/icons/square_close.png) no-repeat right top;
  position:absolute;
  right: 4px;
  top: 4px;
}

#status_bar dd.status-bar-popup > div.popup > .header a.close:hover {
  background-image:url(/images/icons/square_close_white.png);
}

#status_bar dd.status-bar-popup > div.popup > .header {
  background:#E2E7EC url(../images/layout/gradients/blue_to_gray.png) repeat-x scroll left top;
  border-bottom:1px solid #CCCCCC;
  color:#444444;
  font-size:12px;
  font-weight:bold;
  margin:0;
  padding:2px 4px 2px 5px;
  text-align:left;
  position: relative;
}

#status_bar dd.status-bar-popup > div.popup > div.content > div.message {
  font-size:14px;
  text-align:center;
  padding:20px;
  color:#CCC;
}

#status_bar dd.status-bar-popup > div.popup > div.content {
  padding:5px;
  background-color:#F7F7F7;
}

#status_bar dd.status-bar-popup > div.popup > div.footer {
  padding:4px 5px;
  text-align:right;
  background-color:#FFF;
  border-top:1px solid #E5E5E5;
}

#status_bar dd.status-bar-popup > div.popup > div.actionBox {
  padding:4px 10px;
  font-size:1.1em;
  opacity: 0.8;
  -moz-opacity: 0.8;
  filter:alpha(opacity=80);
  background-color:#FDFFE3;
/*  background-color:#F7F7F7;*/
  border-top:1px solid #CCC;
}

#status_bar dd.status-bar-popup > div.popup > div.actionBox a {
  color:#2080AD;
}

#status_bar dd.status-bar-popup > div.popup > div.alertBox {
  padding:4px 5px;
  text-align:center;
  font-size:1.1em;
  background-color:#FDFFE3;
  border-top:1px solid #E5E5E5;
}

#status_bar dd.status-bar-popup > div.popup > div.footer a{
  color:#CCC;
}
#status_bar dd.status-bar-popup > div.popup > div.footer a:hover {
  color:#333;
}

#status_bar dd.status-bar-popup > div.popup > div.footer label {
  padding-left:4px;
  color:#CCC;
}


#status_bar dd a.toggle_scan_link{background:transparent url(/images/icons/statusbar/start_scan.png) no-repeat scroll;}
#status_bar dd a.toggle_scan_link.scanning{background:transparent url(/images/icons/statusbar/stop_scan.png) no-repeat scroll;}
#status_bar dd a.new_ticket{background:transparent url(/images/icons/statusbar/new_ticket.png) no-repeat scroll;}
#status_bar dd a.new_asset{background:transparent url(/images/icons/statusbar/new_asset.png) no-repeat scroll;}

#status_bar dl dt, #status_bar dl dd{
  float:left;
  padding-top:5px;
  margin-right:4px;
}

#status_bar dl dd div.notifier {
  opacity:1;
  padding:2px 3px 0;
  position:absolute;
  top:-19px;
  display:block;
  height:26px;
  left:19px;
}

#status_bar dl dd div.notifier p.bottom {
  background:url("/images/prototip_styles/protogrey/bottommiddle.png") no-repeat scroll center bottom transparent;
  bottom:-10px;
  display:block;
  height:20px;
  margin:0;
  padding:0;
  position:absolute;
  width:16px;
  right:4px;
}
#status_bar dl dd div.notifier > div {
  background-color:#555555;
  border:0 none;
  color:#FFFFFF;
  display:block;
  font-size:1.1em;
  font-weight:bold;
  margin:0;
  min-width:16px;
  padding:2px 3px;
  position:absolute;
  right:0;
  text-align:center;
  top:0;
  white-space:nowrap;
  z-index:1;
  border-radius:3px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  box-shadow: 2px 2px 2px 2px #CCC;
  -webkit-box-shadow: 2px 2px 2px 2px #CCC;
  -moz-box-shadow: 2px 2px 2px 2px #CCC;  
}



/* Lightbox-type styles
*****************************************************************/

.darkbox, .lightbox {
  left:0;
  position:fixed;
  top:0;
  padding-top:10%;
  width:100%;
  z-index:10000;
}

.lightbox {
  text-align:center;
}

.darkbox{
  background:#000;
  -moz-opacity:0.4;
  opacity:.40;
  filter:alpha(opacity=40);
}
.lightbox div.content{
  width:450px;
  background:#fff;
  border:1px solid #EA592B;
  margin-left:auto;
  margin-right:auto;
  font-size:1.3em;
  text-align:center;
  position:relative;
  -moz-border-radius:7px;
  -webkit-border-radius: 7px;
  border-radius:7px;
  padding-bottom:8px;
}
.lightbox div.content > div.inner {
  padding:3px 10px;
}

.lightbox div p {
  padding:5px 10px;
  text-align:justify;
}
.lightbox div > p.btn, .lightbox div > p.img, .lightbox div > p.center  {
  text-align:center;
}

#lightbox_delete_attributes div{ margin-top:250px; }
.lightbox div a.close{
  display:block;
  position:absolute;
  right:5px;
  top:1px;
  text-indent:-9999px;
  background:transparent url(../images/icons/round_close.png) no-repeat top left;
  width:16px;
  height:16px;
  outline:none;
  margin:4px 3px 0 0;
}
.lightbox div h1{ 
  -moz-border-radius: 5px 5px 0 0;
  background-color:#EA592B;
  font-size:1.3em;
  margin-bottom:6px;
  padding:3px;
  text-align:center;
  font-weight:bold;
  color:#FFF;
  
}
.lightbox div h2{ font-weight:bold; }

.lightbox div.content table{ 
  margin:15px auto; 
  border:1px solid #E2E2E2;
  width:90%; 
}
.lightbox div.content table tr td { 
  text-align:center;
  padding:5px; 
}
.lightbox div.content table tr th { 
  background-color:#E2E2E2;
  font-weight:bold;
  padding:2px 5px; 
  text-align:center;
}

body.server_error{ font-size:90%; }

/* Layout styles
*****************************************************************************/

body.branded #footer, body.help_desk #footer{ background:transparent url(../images/logos/powered_by.png) no-repeat bottom right; }
body.branded #footer p { padding-right:220px; }
/* Created a controller for helpdesk settings that adds class 'help_desk' to body... so undo what's done above here.*/
body.help_desk.settings #footer{ background:none; }
body.help_desk.settings #footer p{ width:auto; }

/* Footer children styles
*****************************************************************************/
#footer p{
  margin:0;
  padding:5px 0 0;
  color:#aaa;
  text-align:right;
}

#footer p a, p.copy a{
  text-decoration:none;
  color:inherit;
}


/* Secondary background area
*****************************************************************************/
#secondary div.inner, div.sui-secondary div.inner {
  border:0;
  background-color:#f5f5f5;
  border-top:0px;
  padding:6px;
}
div.sui-secondary div.two-column{ overflow:hidden; }

#secondary #item_summary.empty, div.sui-secondary #item_summary.empty {
  min-height:350px;
  border-top:1px solid #dfdfdf;
  
}

/* Everywhere */

body.fluid #container {
  margin:0 auto;
  max-width:1500px;
  min-width:1186px;
  padding:0 10px;
  width:auto;
}

body.fluid.narrow #container {
  min-width:1040px;
}

body.fluid #content_wrapper {
  padding-left:160px;
  padding-right:310px;
}

body.fluid.narrow #content_wrapper {
  padding-left:160px;
  padding-right:170px;
}

body.fluid #content, body.fluid #sidebar, body.fluid #navcolumn {
  position: relative;
  float: left;
}

body.fluid #content {
  width:100%;
  padding:0 10px 0 0;
  padding-right:10px!important;
}

body.fluid #navcolumn {
  margin-left:-100%;
  right:160px;
  width:150px;
  /* Don't need this if we change the DOM order */
  float:none;
  margin:0;
  position:absolute;
  left:0;
  top:0;
}

body.fluid #sidebar {
  width:300px;
  margin-right:-310px;
}

body.fluid.narrow #sidebar{ 
  width:160px; 
}

body.branded.busy #header h1 {
  background:none;
}
body.branded #header h1{
  width:auto;
  overflow:hidden;
  position:absolute;
  top:1px;
}
body.branded.busy #header_nav {
  background-attachment:scroll;
  background-color:transparent;
  background-position:left center;
  background-repeat:no-repeat;
  padding-left:25px;
  display:block;
  background-image:url(/images/icons/ajax_busy.gif);
}
body.branded #header h1 a img {
  display:none;
}
body.branded #header h1 a {
  background:transparent url(/cobranded/images/logo.jpg) no-repeat scroll left center;
  display:block;
  height:60px;
  width:240px;
  overflow:visible;
}

body.branded #application_messaging {
  margin:0 310px 0 240px;
}

body.remote-collector #footer p {
  text-align:left;
}

body.remote-collector #header {
  background:none;
  border:0;
  height:30px;
}

body.remote-collector #header #search_box,  body.remote-collector #header div.avatar,  body.remote-collector #navcolumn, body.remote-collector #status_bar {
  display:none;
}

body.remote-collector #header_nav_wrap a {
    color:#CCC!important;
}

body.remote-collector #content_wrapper {
  padding-left:0;
  padding-right:310px;
}

body.remote-collector.narrow #content_wrapper {
  padding-left:160px;
  padding-right:170px;
}

body.remote-collector #content, body.remote-collector #sidebar, body.remote-collector #navcolumn {
  position: relative;
  float: left;
}

body.remote-collector #content {
  width:100%;
  padding:0 10px 0 0!important;
}

body.remote-collector #sidebar {
  width:300px;
  margin-right:-310px;
}

body.remote-collector.narrow #sidebar{ 
  width:160px; 
  margin-right:-160px;
}