body {
  font-family: "Lucida grande",Verdana,Arial,sans-serif;
  font-size: 12px;
  margin: 0;
  padding: 0;
  color: #747474;
  /* background: url('/images/body-background.png') no-repeat center; */
  background: url('/images/body-background-left.png') no-repeat center top;
}

#content h1 {
  margin: 20px 0;
}

h2 {
  border-bottom: 2px solid #e4e4e4;
}

h3 {
  margin: 20px 0;
}

h4 {
  margin: 5px 0;
}

.button {
  padding: 5px;
  border: 1px solid #E4E4E4;
  background-color: #F3F3F3;
}

.button:hover {
  background-color:#EEEEEE;
  border:1px solid #CCCCCC;
}

.red {
  color : red;
}

.hidden {
  display: none;
}

a, a:visited, a:hover {
  text-decoration: none;
  font-weight: bold;
  background: none;
  color: #747474;
  padding: 0;
}

a:hover {
  color : #4e4e4e;
  /* text-shadow: 0.2em 0.2em 3px #999999; */
}

img {
  border : none;
}

img.icon {
  vertical-align: middle;
}

table {
  width: 100%;
}

#rails-env {
  /* border: 5px solid red; */
  color: red;
  font-size: 12px;
  /* background-color: pink; */
  /* padding: 10px; */
}

#header-background {
  height: 80px;
  position: absolute;
  z-index: 0;
  background-color: #000;
  top: 0;
  left: 0;
  width: 100%;
}

#header a {
  padding: 5px;
}

#global {
  margin: 0 auto;
  width: 980px;
}

#header {
  position: absolute;
  width: 980px;
  height: 80px;
  color: #ffffff;
/*  background: url('/images/live_ban_band_4.png') no-repeat right;*/
  background: url('/images/ban-wood.png') no-repeat right;
}

#beta-star {
  position: absolute;
  top: 10px;
  right: -150px;
}

#title {
  text-align: center;
  position: absolute;
  height: 80px;
  width: 249px;
  /* background: url('/images/black-grad-title.png') repeat-x; */
  /* background: url('/images/full-title.png') no-repeat; */
  background: url('/images/cowboy-title.png') no-repeat;
  background-position: center;
  background-color: #ffffff;
  margin-left: 1px;
}

#title a {
  display: block;
  margin: 0;
  padding: 0;
  color: #747474;
  text-indent: -9000px;
  height: 80px;
  width: 250px;
}

#ban-mask {
  background-color: #ffffff;
  position: absolute;
  width: 400px;
  height: 80px;
  top: 0;
  left: 0;
}

#auth_menu {
  position: absolute;
  left: 215px;
  top: 12px;
  text-align: right;
}

#auth_menu a {
  font-weight: bold;
}

.top-tabbed-menu {
  margin: 0;
}

.top-tabbed-menu li, top-tabbed-menu a {
  list-style: none;
  display: inline;
}

.top-tabbed-menu a {
  color: #ffffff;
}

/* search bar */
#search-bar {
  position: absolute;
  right: 15px;
  top: 15px;
}

#search-bar input.text {
  width: 130px;
  height: 10px;
  margin: 0;
  padding: 4px;
  vertical-align: middle;
}

#search-bar input[type='submit'] {
  background: #0A0B0F;
  border: none;
  color: #ffffff;
  height: 20px;
  font-weight: bold;
  vertical-align: middle;
  opacity: 0.7;
}

/* side-bar */
#side-bar {
  width: 230px;
  padding: 0 10px;
  float: left;
  font-size: 90%;
}

#side-bar ul {
  font-size: 90%;
}

#side-bar h4 {
  border-bottom: 2px solid #F3F3F3;
}

#action-menu {
  margin: 10px 0;
  padding: 0;
  width: 230px;
  list-style-type: none;
  list-style-image: none;
}

#action-menu li {
  width: 230px;
}

#action-menu li a {
  background: url('/images/glossy_button_black.png') no-repeat;
  display: block;
  width: 230px;
  height: 30px;
  color: #ffffff;
  padding-top : 5px;
  font-size: 16px;
  text-align: center;
}

#action-menu li  a:hover {
  background: url('/images/glossy_button_green.png') no-repeat;
  color: #000000;
}

#main-content {
  position: absolute;
  top: 80px;
  width: 980px;
}


#content {
  background: url('/images/black-grad-shadow.png') no-repeat;
  padding: 0 20px;
  width: 690px;
  min-height: 300px;
  float: right;
  text-align: justify;
  font-size: 90%;
}

#title {
  float: left;
}

#footer {
  margin-top: 30px;
  padding: 10px;
  border-top: 2px solid #e4e4e4;
  font-size: 90%;
  background: url('/images/grey-grad.png') repeat-x;
}

#footer-content {
  background-position: right bottom;
  margin-bottom: 10px;
}
  
#footer-content div {
  width: 135px;
  text-align: right;
}

#footer-content div ul {
  margin: 0;
  list-style-type: none;
  font-size: 85%;
  
}

#footer-content div ul a {
  font-weight: normal;
}

#footer-content div ul a:hover {
  text-decoration: underline;
}

#footer-content div ul li {
  line-height: 1.2em;
}
  
#under-footer {
  text-align: center;
  font-size: 10px;
}

#under-footer a {
  text-decoration: none;
  font-weight: normal;
}

#under-footer a:hover {
  text-decoration: underline;
}
.spacer {
  clear: both;
}

#main-menu {
  position: absolute;
  top: 58px;
  left: 240px;
  margin-left: 20px;
}

#admin-menu {
  position: absolute;
  top: 100px;
  left: 20px;
  border: 2px solid #f3f3f3;
  padding: 0 20px;
}

.tabbed-menu {
  list-style: none;
  display: inline;
}

.tabbed-menu a {
  padding: 5px;
}

#board-menu {
  border-bottom: 2px solid #232323;
  padding-bottom: 3px;
}

.tabbed-menu li {
  display: block;
  float: left;
  margin-right: 10px;
}

.tabbed-menu a.selected, .tabbed-menu a:hover {
  background: white;
  color: #747474;
  opacity: 1;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
}

.tabbed-menu a {
  background: black;
  color: #ffffff;
  opacity: 0.7;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
}

table.list {
  width: 100%;
  border-collapse: collapse;
}

table.list th {
}

table.list td {
  border-bottom: 1px solid #e4e4e4;
}

table.list tr.even {
  background: #EEEEEE;
}

table.list tr:hover {
  background: #F9F7ED;
}

.admin {
  font-size: 10px;
}

.action {
  list-style-type: none;
  padding: 0;
}
.action li {
  margin-top: 5px;
}

.action li a {
  display: block;
  background-color: #DCF38C;
  border: 1px solid #B3E400;
  padding: 3px;
  font-size: 90%;
}

.action a:hover {
  background-color: #C6EB40;
}

/* classifieds */
.classifieds-list {
  padding: 5px;
  margin-bottom: 5px;
  list-style-type: none;
  border: 1px solid #e4e4e4;
  background-color: #f3f3f3;
}

.classifieds-list:hover {
  border: 1px solid #f3f3f3;
}

.classifieds-list h3 {
  margin: 0;
  padding: 0;
}

.classified-thumbnail-frame {
  float: left;
  border-bottom: 1px solid #e4e4e4;
  border-right: 1px solid #e4e4e4;
  margin-right: 4px;
  margin-top: 2px;
  margin-bottom: 2px;
  background-color: #ffffff;
}

.classified-thumbnail {
  width: 90px;
  height: 70px;
  border: 5px solid #FFFFFF;
  background-position: center;
  background-repeat: no-repeat;
}

.classified-thumbnail a.thumbnail-link {
  display: block;
  width: 90px;
  height: 70px;
}

.classfieds-list-thumbnail-details {
  font-size: 11px;
}

.classified-thumbnail .price {
  float: right;
  padding: 0 2px;
  background-color: #FFFFFF;
  font-weight: bold;
}

.classified-thumbnail-title {
  float: left;
}

.classifieds-list-thumbnail {
}

#classified-images .classified-thumbnail {
  -moz-box-shadow: 4px 4px 4px #888;
}

#classified-images {
  padding: 5px;
  margin-bottom: 5px;
  list-style-type: none;
  border: 1px solid #e4e4e4;
  background-color: #f3f3f3;
}

#classified_description {
  width: 697px;
  height: 200px;
}

.classifieds-list-thumbnail-item {
  padding: 5px;
  margin-bottom: 5px;
  list-style-type: none;
  border: 1px solid #e4e4e4;
  background-color: #f3f3f3;
  margin-right: 15px;
  width: 100px;
  height: 120px;
  float: left;
  -moz-box-shadow: 4px 4px 4px #888;
  -moz-border-radius: 5px;
}

.classifieds-list-thumbnail-item:hover {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
  -moz-box-shadow: 2px 2px 2px #888;
}

.classified-edit-panel {
  float: right;
  margin-top: 20px;
}

.classified-show-header {
  padding: 0; 
}

.classified-show-title {
  float: left;
}

.classified-show-title h1 {
}

.classified-add-comment textarea{
  width: 700px;
  height: 100px;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}


#classified-infos, #classified-location, #classified-contact, .classified-table {
  width: 230px;
}

.classified-table th {
  border-bottom: 2px solid #e4e4e4;
}

.classified-table img {
  vertical-align: middle;
}

.classified-description-content {
  background: url('/images/gray-quote-open.gif') no-repeat 0 8px;
  padding: 10px;
}

.classified-description-content img {
  margin-right: 10px;
}

#classified_price
{
  text-align: right;
}

#classified_price, #classified_year
{
  width: 50px;
}

.grey-block {
  border: 1px solid #e4e4e4;
  padding: 5px;
  background-color: #f3f3f3;
}

textarea.topic-reply {
  width: 600px;
  height: 80px;
}

.private-message-reply {
  display: none;
}

/* comments */
.comment-title, .comment-title-owner {
  padding: 5px;
  background-color: #f3f3f3;
  font-weight: bold;
  border-bottom: 1px solid #E4E4E4;
}

.comment-title-owner {
  background-color: #FFF6BF;
  border-bottom: 1px solid #FFD324;
}

.comment-body {
  padding: 10px;
  background: url('/images/gray-quote-open.gif') no-repeat 0 8px;
}

.comment-body img {
  margin-right: 10px;
}

/* brands */
.brand-tag a {
  background-color: #C6EB40;
  border: 2px solid #B3E400;
  padding: 3px;
  line-height: 2.3;
  font-size: 90%;
}

.brand-tag a:hover {
  background-color: #DCF38C;
}

.brand-cloud a {
  background-color: #F3F3F3;
  border: 1px solid #E4E4E4;
  padding: 3px;
  line-height: 2.3;
  font-size: 90%;
}

.brand-cloud a:hover {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}

/* images */
.image-edit-panel {
  float: right;
  padding: 0 2px;
  background-color: #FFFFFF;
}

/* pagination */
.pagination {
  text-align: center;
  margin-top: 10px;
  
}

.pagination a, .pagination span {
  border: 1px solid #e4e4e4;
  padding: 2px 5px; 
}

.pagination a {
  background-color: #747474;
  color: #ffffff;
}

.pagination a:hover {
  background-color: #ffffff;
  color: #747474;
}

/* common */
.grey-box {
  background-color: #F3F3F3;
  border: 1px solid #E4E4E4;
  -moz-border-radius: 5px;
  -moz-box-shadow: 4px 4px 4px #888;
}

.grey-box:hover {
  background-color: #EEEEEE;
  border: 1px solid #CCCCCC;
}

.red-box {
  background-color: #FBE3E4;
  border: 1px solid #FBC2C4;  
}

.red-box:hover {
  background-color: #FBE3E4;
  border: 1px solid #D12F19;  
}

.mid-left {
  width: 345px;
  float: left;
}

a.big, .big {
  font-size: 18px;
  color: #C6EB40;
}

.center {
  text-align: center;
}

#comment_body {
  width: 675px;
}

/*formulaires*/

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }
table.form {  }
table.form td { padding-right: 20px; border-bottom: 1px solid #e4e4e4; }
  
/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  padding: 5px;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

input.text, 
input.title   { padding:5px; }
input.title   { font-size:1.5em; }
textarea      { height: 100px; padding:5px; }
textarea#private_message_body { height: 200px; width: 500px; }
input#private_message_title { width: 500px; }

dl.form dt {
  float: left;
  font-weight:bold;
  padding:2px;
  width: 200px;
}

dl.form dd {
  padding:2px;
  margin-left: 200px;
}

/* Success, notice and error boxes
-------------------------------------------------------------- */
/*
#errorExplanation {
  background-color: #FBE3E4;
  border-color: #FBC2C4;
  color: #D12F19;
  width: 100%;
}
*/
.fieldWithErrors {
  color: #D12F19;
  background-color: #ffffff
}

dd .fieldWithErrors input {
  border: 2px solid  #D12F19;
  background-color: #FBE3E4
}

.error,
.notice,
.help, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; display: none; }


.error, #errorExplanation      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; display: none; }
.notice     { background: #C1D4FE; color: #2164B3; border-color: #2164B3; display: none; }
.help     { background: #F3F3F3; color: #747474; border-color: #E4E4E4; display: none; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; display: none; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

div.auto_complete ul li.selected {
  background-color: #ffffff;
  text-decoration: underline;
  font-weight: bold;
  color: #000000;
}