/* Copyright © 2006-10 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: #003388
New blue color: #2080AD
Light gray header and background color: #F7F7F7
Light Blue Background: #D5DDE7
Highlight blue color: #F1F5FA

*/

/* 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.help{ text-decoration:underline; }
a.help-always-highlight, a.help:hover{ 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.spiceworks_tv {
  font-size:1em;
  background:transparent url(../images/icons/indicators/spiceworks_tv_play.png) no-repeat scroll right center;
  display:inline-block;
  float:right;
  font-weight:bold;
  padding:10px 35px 10px 10px;
  text-align:right;  
}
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; }


/* 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;
}
.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: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{
  background:#ebebeb;
  color:#666;
}
input.image_button_disabled{ background:transparent; }
p.btn input.image_button{ vertical-align:baseline; /* see hacks.ie6.css */ }
a.image_button img{ border:0; }
.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 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; }
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);
}

/* 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;
  background:transparent none repeat scroll 0 0;
  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.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 li.item a{ text-decoration:none; }
ul.bubbles li.item a.remove{
  background:transparent url(/images/icons/small/close.gif) repeat scroll 0 0;
  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{ background-position:center bottom; }
ul.bubbles li.add-bubble{
  float:left;
}
ul.bubbles li.add-bubble span.contents{
  display:block;
  padding:1px 0 0 5px;
  margin:0;
}
ul.bubbles li.add-bubble span.contents a{
  display:block;
  padding-top:3px;
}
ul.bubbles li.add-bubble span.contents form{ display:inline; margin:0; padding:0; }
ul.bubbles li.add-bubble span.contents form input.text{ padding:0; }
ul.bubbles li.add-bubble span.contents form input.image_button{ position:relative; top:3px; }