/*---------------------------------------------------------*/
/* Basic Tags */

p { margin:2px; }
td { vertical-align:top; }
img { border:0px;}

pre {
  background-color: #eee;
  padding: 10px;
  font-size: 11px;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size:   12px;
  line-height: 18px;
}

body {
	font-family: arial;
	font-size:12px;
	background-color: #fff; 
	color: #333;
	padding:0px;
	margin:0px;
}

a { text-decoration:none; }
a:visited { color:blue; }
a:hover { background:yellow; text-decoration:underline;}

ul,ol {
  margin-top:2px;
  margin-bottom:2px;
}

/* forms */
input, textarea {
  font-family: verdana, arial, helvetica, sans-serif;
}

textarea {
  font-size:x-small;
}

input[type=text] {
  background:white;
  border:1px solid #999;
  margin-left:0;
  margin-right:0;
}

/*-------------------------------------------------------------------*/
/* standard modifiers */

.full {width:100%}
.note{
  font-size:10px;
  color: #666;
}

/*-------------------------------------------------------------------*/
/* standardform */
.standardform p {
  padding-bottom: 3px;
}

.standardform label{
	float: left;
	width: 150px;
	font-weight: bold;
	text-align: right;
	margin-right:10px;
}

.standardform input, .standardform textarea, standardform .rightside{
	width: 300px;
}

.standardform input.short{
	width: 100px;
}

.standardform input.normal{
	width: auto;
}

.standardform textarea{
	width: 250px;
	height: 150px;
}

.standardform h2 {
    width:470px;
}

.large-button {
  font-size: 18px;
  font-weight: bold;
  color: #222;
}

div.form-buttons {
  background:#F6FAFF;
  border-top:1px solid #c7d2ea;
  padding:4px;
  padding-left:160px;
}

a.button {
  cursor: default;
  color:#222;
  background:#eee;
  text-decoration:none;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 18px;
  font-weight:bold;
  padding:1px 6px 1px 6px;
  border:2px outset #f5f5f5;
}

.indent {
  margin-left:160px;
}

/*-------------------------------------------------------------------*/
/* lead assignment */
#lead-assignment-list {
  width:100%;
}

/*-------------------------------------------------------------------*/
/* status and stuff */
.status-active {
  color: green;
  font-weight:bold;
}

.status-inactive {
  background-color: red;
  font-weight:bold;
}

.status-deadbeat {
  font-weight:bold;
  background:yellow;
  padding: 0 10px 0 10px;
}

.deferred {
  text-decoration:line-through;
}

.deferred a {
  display:none;
}

span.returned, li.returned {
  background:yellow;
}

/* General purpose */
.attention {
  background: #FFB;
  border:1px solid #EE5;
  padding:2px;
}

.info {
  background: #D4F2B9;
  border:1px solid #5FC603;
  padding:2px;
}

.small td{
  font-size: 80%;
  line-height: 1.2;
}
/*---------------------------------------------------------------------------*/
/* header and drop-down menu */
#navbar {
	width: 100%; 
	background: url('../images/header-bg.gif'); 
	background-repeat: repeat-x;
	height: 23px;
}

#navbar-inner {
 min-width:700px; 
}

#navbar a{
	float:left;
  border-top:1px solid gray;
	border-left:1px solid #1F2635;
	border-right:1px solid #576178;
	height:18px;
	padding:3px 10px 0px 10px;
	color: #DEE0E5;
	font-weight:normal;
	font-size:12px;
}

#navbar a:hover {
	background:yellow;
	color:black;
	text-decoration:none;
}

#navbar a.current {
  background:#ffa;
  color:black;
  font-weight:bold;
}


#menu {
  position:absolute;
  background:#EEE;
  border:1px solid gray;
  border-top:0px;
  padding: 2px 0px 2px 0px;
}

#menu a {
  display:block;
  padding:2px 10px 2px 12px;
}
#menu a:hover{
  padding:1px 10px 1px 12px;
  background:yellow;
  text-decoration:none;
  border-top:1px solid gray;
  border-bottom:1px solid gray;
}

#menu div.header {
  padding-left:4px;
  background:#303C56;
  color:white;
}

#quick-search-form{
  margin: 0px;
  padding: 0px;
}

#quick-search-input {
  margin-left:20px;
  margin-top:2px;
  color:#AAA;
}


/*---------------------------------------------------------*/
/* sub-header */
.subheader {
  font-weight:bold;
  color:#999;
	padding: 1px 8px 1px 8px;
	margin:2px 0px 2px 0px;
	border-bottom:1px solid #666;
}



/*---------------------------------------------------------*/
/* Display table -- basic lists of things */
table.display {
	border-collapse: collapse;
}	
	
table.display td{
	padding: 1px 6px 1px 6px;
}
		
table.display th{
	font-size:14px;
  border-bottom:2px solid #3B4A67;
  color:#3B4A67;
  text-align:left;
  padding:4px;
}

.even { background:#fff; }

.odd { background:#f0f0f0;}

table.display tr.error-row td {background:red;} /* rows represent error states*/

/*---------------------------------------------------------*/
/* horizontal title band */
h1.title-band {
  background: url('../images/title-band.gif'); 
	background-repeat: repeat-x;
	height:40px;
	margin:0px;
	padding-top:10px;
	padding-left:10px;
	color: #842F2F;
	font-size:24px;
}

/*---------------------------------------------------------*/
/* General Layout stuff */
.two-column-container .column {
    width:50%;
}

div.column {
    float:left;
}

.content {
    padding:0px 8px 10px 8px;
}

/*---------------------------------------------------------*/
/* basic for collections of information . . . TODO: make this better */
.info-display {}

.info-display h2, .standardform h2{
    padding:1px 0;
    margin:8px 0 2px 0;
    border-bottom:2px solid #3B4A67;
    color:#3B4A67;
    font-size:14px;
}
.info-display h2 {
    width:350px;
}

.info-display .section{
    margin:4px 0 0 0;
}

.info-display .label {
    display:block;
    float:left;
    font-weight:bold;
    width:60px;
    text-align:right;
    padding-right:8px;
}

.important {
    font-weight:bold;
    color:#666;
}

/*---------------------------------------------------------*/
/* form errors */
.error { font-weight:bold; color:red;}
.ok {
  font-size:x-small;
  color:gray; 
}

/*---------------------------------------------------------*/
/* flashes */
.notice{
  background: #99FF66;
}
.warning{
  background: #FF9999;
}
.notice, .warning { 
  position: absolute;
  width:250px;
  top: 0px;
  right: 0px;
  padding:2px 2px 3px 2px;
  font-weight:bold;
}

#user-area{
  position: absolute;
  width:250px;
  top: 0px;
  right: 0px;
  padding:2px 2px 3px 2px;  
  text-align:right;
  color:#aaa;
}

#user-area a, #user-area:visited{
  color:#999;
  text-decoration:underline;
}
/*---------------------------------------------------------*/
/* dashboard table */
table.dashboard tr {
  height:40px;
}

table.dashboard td.num{
	font-size:22px; 
	color:#555;
	font-weight:bold; 
	text-align:right;
	padding-right:10px;
	padding-left:60px;
	line-height:normal;
}

table.dashboard td.text{
	font-size:22px; 
	font-weight:bold; 
	color: #777;
	text-align:left;	
	line-height:normal;	
}

/*---------------------------------------------------------*/
/* mini-reports */

.mini-report {
  width:300px;
}

.mini-report, .mini-report td, .mini-report th{
  font-size:10px;
  text-align:left;
}
.mini-report th{
  font-weight:bold;
}

.mini-report h3 { 
  font-size:14px;
  background-color:#E6EAFF;
  border-bottom:2px solid blue;
  padding:1px 0px 1px 4px;
  margin-bottom:0px;
}
.mini-report table {width:100%}

/*---------------------------------------------------------*/
/* system updates */
.system-updates {color:#444}
.system-updates li {font-size:10px}
.system-updates h3 {padding:2px; border-bottom:1px solid #66a}
.system-updates h2 {text-align:center;}



/*---------------------------------------------------------*/
/* Scaffolding styles */
.fieldWithErrors {
  padding: 2px;
  background-color: red;
  display: table;
}

#errorExplanation {
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
}

#errorExplanation h2 {
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
  width:380px;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/*---------------------------------------------------------*/
/* Browser Hacks */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */


/* centering */
div.centered-container {
	text-align: center;
}

div.centered-content {
	margin:0 auto;
	text-align: left;
}

/*---------------------------------------------------------*/
/* will-paginate */

div.pagination {
	padding: 3px;
	margin: 3px;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
		border: 1px solid #000099;
		
		font-weight: bold;
		background-color: #000099;
		color: #FFF;
	}
	div.pagination span.disabled {
		padding: 2px 5px 2px 5px;
		margin: 2px;
		border: 1px solid #EEE;
	
		color: #DDD;
	}
	

/*---------------------------------------------------------*/
/* page- or element-specific stuff */

/* This is for displaying products (pool, painting,etc). color is set inline in the product_tag helper */
.product {padding:0 2px; font-size:10px;margin-left:2px;margin-right:2px;}

/* Used for email preview */
.email-label {width:75px;padding-right:6px;text-align:right;font-weight:bold}