body { background-color: #000; color: #333;   min-height:800px;padding-right:40px;padding-left:40px;}


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

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

a { color: #000; }
a:visited { color: #666; }

.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;
}

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

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

.address,.contact {
float:left;
}

.bubblybox {
border:1px solid #ccc;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background-color:#eee;
padding:10px;
margin-bottom: 5px !important;
}


.editlink {
padding-top:15px;
font-size:10px;
line-height:10px;
float:right;
}

.editlink img {
height:24px;
margin:0px;
border-width:0px;
position:relative;
top:3px;
}


.main_tabnav_content {
border:7px solid #ccc !important;
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
background-color:#fff;
}

#loginbox{
color: #ddd !important;
position: absolute; 
right: 10px; 
top: 5px; 
height: 20px;
}

#loginbox a{
color: #ddd !important;
}

#logo_and_title {
margin-bottom:15px;
}

#title {
font-size:40px;
bottom:0;
position:relative;
}

#content {
margin-left:20px;
margin-right:20px;
min-width:850px;
}

.main_tabnav a, main_tabnav a.active {
border:1px solid #ccc !important;
border-bottom:0px solid black !important;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}

.subtab a.active,.subtab a {
border:1px solid #ccc !important;
border-bottom:0px solid black !important;
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}

.main_tabnav {
border-bottom:0px solid #ccc !important;

}

.subtab {
color: #000;
border-bottom: 2px solid black;
margin: 13px 0px 0px 0px;
padding: 0px;
z-index: 1;
padding-left: 10px }
.subtab ul {
 margin: 0px;
 padding: 0px;
}

.subtab li {
 display: inline;
 overflow: hidden;
 list-style-type: none; }

.subtab li span.disabled {
 color: #888888;
 background: #FAFAFA;
 border: 2px solid #DDDDDD;
 border-bottom: none;
 padding: 2px 5px 0px 5px;
 margin: 0;
 text-decoration: none;}

.subtab a, customer_tabnav a.active {
 color: #000000;
 background: #EEEEEE;
 font-weight: bold;
 border: 2px solid black;
 padding: 2px 5px 0px 5px;
 margin: 0;
 text-decoration: none; }

.subtab a.active {
 background: #FFFFFF;
 border-bottom: 3px solid #FFFFFF; }

.subtab a:hover {
 color: #FFFFFF;
 background: #CCCCCC; }

.subtab a:visited {
 color: #000000; }

.subtab a.active:hover {
 background: #FFFFFF;
 color: #000000; }

.subtab_content {
 background: #FFFFFF;
 padding: 20px;
 border: 2px solid black;
 border-top: none;
 z-index: 2; 
}

.subtab {
border-bottom:1px solid #ccc !important;
}

.active {
color:#ee0000 !important;
}

table {
border:1px solid #ccc !important;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
padding:5px;
}

th {
padding-left:10px;
padding-right:10px;
background-color:#ccc;
padding-top:5px;
padding-bottom:5px;
}

td {
padding-top:5px;
padding-bottom:5px;
}




.toprow th:first-child {
-moz-border-radius-topleft: 7px;
-webkit-border-top-left-radius: 7px;
} 


/*
th:last-child {
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
} 
*/

/*
tr:last-child td:first-child {
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-left-radius: 10px;
}
*/

/* 
tr:last-child td:last-child {
-moz-border-radius-bottomright: 10px;
-webkit-border-bottom-right-radius: 10px;
}
*/
td,th {
border:1px solid #ccc !important;
}

td {
padding-left:2px;
padding-right:2px;
}

.numeric {
text-align:right;
}

th.first{
-moz-border-radius-topleft: 10px;
-webkit-border-top-left-radius: 10px;
}

th.last{
-moz-border-radius-topright: 10px;
-webkit-border-top-right-radius: 10px;
}


.auto_complete {
      position:absolute;
      width:600px !important;
      background-color:white;
      border:1px solid #888;
      margin:0px;
      padding:0px;
}

.auto_complete ul {
      list-style-type: none;
      margin:0px;
      padding:0px;
}
    
.auto_complete ul li.selected 
{ 
	    background-color: #bbf;

}

.auto_complete ul li {
      list-style-type: none;
      display:block;
      margin:0;
      padding:2px;
/*      height:16px;  causes weird overlap issue */ 
}


#backorders {
width:300px;
}

.popup {
padding:20px;
background-color:#fff;
border:10px solid #444444;
-moz-border-radius: 30px;
-webkit-border-radius: 30px;
}

.explanation{
    font-size:11px;
}

#transfer_inventory_display th{
font-size:10px;
}


#revisions ul {
list-style-image: url(/images/uparrow.png);
}

h1 {
line-height:25px;
}

.addsomething {
font-size:11px;
}


.pagination {
  padding: 3px;
  margin: 3px;
  margin-top: 6px;
}
.pagination a {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #000000;
  text-decoration: none;
  color: #EE0000;
}
.pagination a:hover, .pagination a:active {
  border: 1px solid #EE0000;
  color: #fff;
}
.pagination span.current {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #EE0000;
  font-weight: bold;
  background-color: #EE0000;
  color: #FFF;
}
.pagination span.disabled {
  padding: 2px 5px 2px 5px;
  margin: 2px;
  border: 1px solid #eee;
  color: #ddd;
}


input,select,textarea {
border:1px solid #ccc;
margin:3px;
}

.small {
font-size:75%;
}


.button {
font-size:18px;
padding:0px;
text-decoration:none;
margin:2px;
min-height:35px;
}

.button input {
font-size:18px;
}



.button a {
text-decoration:none;
}


.button img {
height:24px;
margin:0px;
border-width:0px;
position:relative;
top:3px;
}



.smallbutton{
font-size: 14px;
padding:0px;
text-decoration:none;
margin: 2px;
min-height: 35px;
padding-left: 3px;
padding-right: 3px;
}

.smallbutton input {
font-size:14px; 
}



.smallbutton a, .pagination a {
text-decoration:none;
}


.smallbutton img, .pagination img {
height:24px;
margin:0px;
border-width:0px;
position:relative;
top:4px;
}


.pagination a, .pagination span {
padding-top:10px !important;
padding-bottom:2px !important;
}


.disabled img {
opacity:.3;
}


.object_menu {}

.indent {
margin-left:0px !important;
}

.bigicon {
width:36px;
height:36px;
position:relative;
top:8px;
}

#main_tabnav .more {
display:none;
}

#main_tabnav img{
display:none;
border-width:0px;
}

#main_tabnav a:hover img{
display:inline;
position:absolute;
top:35px;
}





.subtab img{
display:none;
border:0px solid black;
}

.subtab a:hover img {
display:inline;
position:absolute;
top:95px;
}

.attachment {
width:600px;
margin-bottom:5px;
}


h2 a {
text-decoration:none;
}


.deleted {
position:fixed;
top:200px;
font-weight:bold;
font-size:120px;
line-height:150px;
color:#ee0000;
opacity:.4;
}


.newform label
{
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}


.newform input[type=submit] {
padding:10px;
background-color:#eeeeee;
text-transform:uppercase;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

.newform input[type=submit]:hover {
background-color:#ffffff;
}

.newform select {
    width: 200px;
}