body {
  	background-color: #f5f5f5;
	font-size: 12px !important;
}

.sales {
  display: none;
}

.floatabove {
  position: absolute;
  z-index:100;
}

.stetch {
  z-index:1;
}

.mtom {
  color: #8fb410;
}

.mtom a{
  color: #8fb410;
}

.mtom2 {
  color: #8fb410;
  font-weight: bold;
}

.optioned_out {
  color: #ff33cc;
  font-weight: bold;
  font-size: 1.2em;
}

#header {
	background: url(/img/header.png) no-repeat;
	height:  90px;
	display: block;
	margin-top: 20px;
	padding-bottom: 20px;
}

.checks {
	width: 60px;
	float: left;
	font-size: 10px;
	border: 1px solid gray;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	text-align: right;
}

.red {
	font-weight: bold;
	color: red;
}
.checks2 {
	width: 80px;
	float: left;
	font-size: 10px;
	border: 1px solid gray;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	text-align: right;
}

.checks3 {
	width: 120px;
	float: left;
	font-size: 10px;
	border: 1px solid gray;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	text-align: right;
}

.checks4 {
	width: 140px;
	float: left;
	font-size: 10px;
	border: 1px solid gray;
	margin-right: 2px;
	margin-bottom: 2px;
	padding: 2px;
	text-align: right;
}


.checks input[type=checkbox] {
	position: relative;
	top: -3px;
}

#boxes_show {
	width: 100%;
	margin-bottom: 20px;
}

#boxes {
	width: 100%;
	margin-bottom: 20px;
}

#a_boxes {
	width: 100%;
	margin-bottom: 20px;
	display:none;
}

.signin {
	width: 400px;
	margin-right: auto;
	margin-left: auto;
}

strong {
	color: #b42c51;
	font-size: 12px;
}

.edit {
	font-size: 11px;
}
/* Signin form */

.form-signin {
  max-width: 300px;
  padding: 19px 29px 29px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
	box-shadow: 0 1px 2px rgba(0,0,0,.05);
}

.form-signin input[type="text"],
.form-signin input[type="password"] {
  font-size: 16px;
  height: auto;
  margin-bottom: 15px;
  padding: 7px 9px;
}

/* form */

.form-wrapper {
  padding: 19px 29px 29px;
  margin: 0 auto 20px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
  box-shadow: 0 1px 2px rgba(0,0,0,.05);
  font-size: 0.9em;
}

.form-wrapper h1, h2, h3, h4 {
  color: #abbe6a;
}

.form-wrapper input[type="text"],input[type="email"],
.form-wrapper input[type="password"] {
  font-size: 12px;
  margin-bottom: 15px;
  padding: 7px 9px;
}

.form-wrapper label {
	font-size: 10px;
	font-weight: bold;
}

#appendedPrependedInput {
	height: 10px;
}

/* breadcrumbs */
.breadcrumb {
  padding: 2px 15px;
  margin: 0 0 5px;
  list-style: none;
}

.breadcrumb li {
  display: inline-block;
  *display: inline;
  text-shadow: 0 1px 0 #ffffff;
  *zoom: 1;
  font-size: 12px;
}

.breadcrumb .divider {
  padding: 0 5px;
  color: #ccc;
}

.breadcrumb .active {
  color: #abbe6a;
  font-style: bold;
	font-variant: normal;
	text-transform: capitalize;
}

/* tables */
.table_wrapper {
	width: 98%;
}

.tb_wrapper {
	padding: 20px;
	-webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
	margin: 40px;
	font-size: 80%;
	
}

.table th,
.table td {
  min-width: 30px;
  text-align: center;
}

.tb_wrapper table td  {
   text-align: center;   
}

.table_wrapper 2{
  width: 98%;
}



.tb_wrapper2 {
  padding: 20px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  margin: 40px;
  font-size: 80%;
  overflow: auto;
  width: 100%;
}


#days30 {
  font-weight: bold;
  color: red;
  font-size: 15px;
}

#days60 {
  font-weight: bold;
  color: orange;
  font-size: 15px;
}

#days90 {
  font-weight: bold;
  color: purple;
  font-size: 15px;
}

.little_text {
  font-size: 80%;
}

.little_text2 {
  font-size: 80%;
  position: relative;
  top: 3px;
}


.alignleft td {
  text-align: left;
}

.alignleft th {
  text-align: left;
}

.table_font {
  font-size: 100%;
}



/* define height and width of scrollable area. Add 16px to width for scrollbar          */
.tableContainer {
  clear: both;
  border: 1px solid #963;
  height: 700px;
  overflow: auto;
  width: auto;

}


/* define width of table. Add 16px to width for scrollbar.           */
/* All other non-IE browsers.                                        */
.tableContainer table {
  width: auto;
}


/* set THEAD element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
html>body thead.fixedHeader tr {
  display: block
}

/* make the TH elements pretty */
thead.fixedHeader th {
  background: #C96;
  border-left: 1px solid #EB8;
  border-right: 1px solid #B74;
  border-top: 1px solid #EB8;
  font-weight: normal;
  text-align: center;
  min-width: 150px;
  word-wrap: break-word;
}

/* make the A elements pretty. makes for nice clickable headers                */
thead.fixedHeader a, thead.fixedHeader a:link, thead.fixedHeader a:visited {
  color: #FFF;
  display: block;
  text-decoration: none;
  width: auto;
}

/* make the A elements pretty. makes for nice clickable headers                */
/* WARNING: swapping the background on hover may cause problems in WinIE 6.x   */
thead.fixedHeader a:hover {
  color: #FFF;
  display: block;
  text-decoration: underline;
  width: auto;
}

/* define the table content to be scrollable                                              */
/* set TBODY element to have block level attributes. All other non-IE browsers            */
/* this enables overflow to work on TBODY element. All other non-IE, non-Mozilla browsers */
/* induced side effect is that child TDs no longer accept width: auto                     */
tbody.scrollContent {
  display: block;
  height: 700px;
  overflow: auto;
  width: auto;
}

/* make TD elements pretty. Provide alternating classes for striping the table */
/* http://www.alistapart.com/articles/zebratables/                             */
tbody.scrollContent td, tbody.scrollContent tr.normalRow td {
  background: #FFF;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DDD;
  text-align: center;
  min-width: 150px;
  word-wrap: break-word;
}

tbody.scrollContent tr.alternateRow td {
  background: #EEE;
  border-bottom: none;
  border-left: none;
  border-right: 1px solid #CCC;
  border-top: 1px solid #DDD;
}

.user-company.cu-user{
	margin: 10px 0 30px 0;
	padding-bottom: 50px;
}

strong.user-company.title{
	display: block; 
	margin-top : 30px;
	
}

/* -------------------------FRESH  ---------------------*/

.filter-section .option-element  label{
	float: left;
	padding-right :  5px;
}

.filter-section .option-element  input{
	float: left;
}


.filter-results{
	display : none;
}

.filter-results .heading{
	padding:  10px 0;
}

.filter-results .heading strong{
	color : #474747;
}

.filter-results .heading strong.selected-result,
.filter-results .heading strong.selected-ext
{
	color:  #abbe6a;
}

.filter-results .filter-options{
	display : block;
}


.filter-results  .filter-options .option-element{
	display : inline-block;
	width: auto;
	margin-right: 10px;
	float: left;
}

.filter-results  .filter-options .option-element a{
	vertical-align: top;
	text-decoration: underline;
	font-size: 14px;
	cursor: pointer;
}

.filter-results  .filter-options .filter-checks-option{
		display: none;
}

.filter-results .filter-checks{
	padding-top: 15px;
	clear : both;
    display: none;
}

.filter-section .option-element{
	display: inline-block;
	padding: 0 20px 0 0;
}

.filter-section .option-element label{
	float: left;
}

.filter-section .option-element input{
	float: left;
}

.submit-section{
	clear : both;
	padding: 20px 0;

}