/* wbPak's CSS File */

  div.mod_paktrack_back {
    margin-top: 3px;
    text-align: left;
    border: 1px solid #333;
    padding: 2px 2px 2px 4px;
    background: #996633 url('view_auto_head_bg.jpg');
    height: 27px;
  }
  div.mod_paktrack_back a, div.mod_paktrack_back a:visited {
    font-weight: bold;
    font-size: 15px;
    color: #eeddaa;
  }
  div.mod_paktrack_back a:hover {
    color: #997744;
  }

/* navigation form ----------------------------------------- */
  table.navForm {
    width: 100%;
    height: 40px;
    background: #f9f9f9 url(nav_bar_bg.jpg) center;
    border-left:  2px solid #afafaf;
    border-right: 2px solid #afafaf;
  }
  table.navForm select {
    font-size: 10px;
  }

/* search form --------------------------------------------- */
  table.searchForm {
    width: 100%;
    height: 60px;
    background: #f9f9f9 url(search_bar_bg.jpg);
    border-left:  2px solid #afafaf;
    border-right: 2px solid #afafaf;
    margin: 0px 0px 4px 0px;
  }
  table.searchForm .header {
    font-size: 15px;
    font-weight: bold;
    margin: 0px;
    padding: 0px 0px 7px 0px;
    width: 260px;
    border-right: 2px outset #999;
  }
  table.searchForm .search_field {
    margin: 0px;
    padding: 0px 0px 0px 0px;
    width: 260px;
    border-right: 2px outset #999;
  }
  table.searchForm td {
    padding: 3px;
    text-align: left;
  }
  table.searchForm td.editor {
    font-size: 9px;
  }
  table.searchForm select {
    font-size: 10px;
  }

/* search form --------------------------------------------- */
  table.userForm {
    width: 490px;
  }
  table.userForm th {
    background: #FF7F00;
    font-size: 14px;
    color: #FFFFFF;
    text-align: left;
    border-left: 1px solid #774400;
    border-bottom: 1px solid #774400;
  }
  table.userForm td {
    color: #333;
    font-weight: bold;
  }
  table.userForm .text_area {
    font-size: 10px;
  }
  table.userForm table.subForm {
    width: 100%;
    border: 1px solid #999;
    background: #efefef;
  }
  table.userForm table.subForm td {
    white-space: nowrap;
  }

/* module -------------------------------------------------- */
  table.modelTable {
    width: 240px;
    background: #EFEFEF;
    border: 2px solid #99663F;
    border-top: 2px solid #DD9955;
    border-bottom: 2px solid #332200;
  }
  table.modelTable th {
    background: url('table_header_bg.jpg');
    font-size: 16px;
    font-weight: bold;
    margin: 0px;
    padding: 4px 0px 4px 4px;
    text-align: left;
  }
  table.modelTable td {
    padding: 3px;
    text-align: left;
  }

/* record list --------------------------------------------- */
  table.autoList {
    margin: 0px;
    padding: 0px;
    width: 100%;
    border-collapse: collapse;
  }
  table.autoList th {
    margin: 0px;
    padding: 2px 4px 0px 4px;
    height: 25px;
    background: url(autolist_header_bg.jpg);
    background-repeat: repeat;
    text-align: center;
    font-size: 13px;
    color: #EEDDAA;
  }
  table.autoList th div {
    display: inline;
    margin: 0px;
    padding: 0px 7px 0px 7px;
  }
  table.autoList th div#searchOn {
    background: #AA9966;
    border: 1px solid #EEDDAA;
    border-left: 3px solid #EEDDAA;
    border-right: 3px solid #EEDDAA;
  }
  table.autoList th a, table.autoList th a:visited {
    font-size: 13px;
    color: #EEDDAA;
  }
  table.autoList th div#searchOn a, table.autoList th div#searchOn a:visited {
    color: #332200;
  }
  table.autoList td div.data {
  }
  table.autoList td div.row0 {
    background: #F8E8C3;
    margin: 4px 0px 4px 0px;
    border: 2px solid #AF7F44;
    border-top: 0px;
  }
  table.autoList td div.row1 {
    background: #E7D49C;
    margin: 4px 0px 4px 0px;
    border: 2px solid #AF7F44;
    border-top: 0px;
  }
  table.autoList td div.pad {
    padding: 6px;
  }
  table.autoList td div.tack {
    float: left;
  }
  table.autoList td div.tack img {
    border: 2px solid #333333;
  }
  table.autoList td div.details {
    margin: 0px 0px 0px 10px;
    float: left;
  }
  table.autoList td div.client_address {
    margin: 0px 0px 0px 0px;
    float: right;
    text-align: right;
  }
  table.autoList td div.head {
    display: block;
    background: #996633 url('autolist_item_head_bg.jpg');
    font-weight: bold;
    margin: 0px;
    padding: 3px 2px 2px 2px;
    color: #EEDDAA;
    width: 100%;
    height: 20px;
  }
  table.autoList td div.head a, table.autoList td div.head a:visited {
    color: #EEDDAA;
  }

/* attachments --------------------------------------------- */
  div.attachment_list {
    margin-left: 10px;
    float: left;
  }
  h1.attachment_header {
    font-size: 14px;
    border-left: 2px solid #996633;
    border-bottom: 2px solid #AA9977;
    margin: 10px 0px 10px 0px;
    padding-left: 3px;
  }
  ul.auto_attach_list {
    margin: 0px 0px 0px 10px;
    padding: 0px;
  }
  ul.auto_attach_list li {
    list-style: none;
  }
  ul.auto_attach_list li a {
    font-size: 12px;
  }
  ul.auto_attach_list li div.desc {
    font-size: 10px;
    margin: 0px 0px 0px 10px;
  }

/* view_auto ----------------------------------------------- */
  .feature_image {
    display: block;
    background: #EEDDAA;
    border: 1px solid #666;
    margin-bottom: 5px;
    width: 100%;
  }
  .standard_image {
    text-align: center;
    width: 100%;
    background: #413211 url('standard_img_bg.jpg') top center;
  }
  .feature_status {
    background: #AA9977;
    color: #EFEFEF;
    font-size: 14px;
    font-weight: bold;
    display: block;
    padding: 2px 0px 4px 0px;
    text-align: center;
  }
  .feature_title {
    font-weight: bold;
    display: block;
    padding: 2px 0px 4px 0px;
    text-align: center;
  }
  .feature_desc {
    display: block;
    padding: 2px 0px 4px 0px;
    text-align: center;
  }

  div.title_bar {
    background: #FF7F00;
    width: 100%;
    margin:  0px 0px 0px 0px;
    padding: 0px;
    border: 1px solid #666;
    height: 26px;
  }
  div.title_bar_title {
    padding: 5px 0px 0px 5px;
    font-size: 15px;
    color: #FFFFFF;
    font-weight: bold;
    display: block;
    float: left;
  }
  div.title_bar_title a, div.title_bar_title a:visited {
    font-size: 15px;
    color: #FFFFFF;
  }
  div.title_bar_title a:hover {
    font-size: 15px;
    color: #FFFF00;
  }
  div.title_bar_icons {
    margin: 4px 2px 2px 0px;
    display: block;
    float: right;
  }

  table.detail_wrap {
    width: 100%;
    border: 1px solid #999999;
    background: #cdcdcd;
  }

  .thumb_column {
    float: right;
    display: block;
    width: 110px;
  }
  .thumb_image {
    background: #EEDDAA;
    border: 1px solid #666;
    margin-bottom: 5px;
  }
  .thumb_image img {
    z-index: 10;
    border: 1px solid #666;
    margin: 4px;
  }
  .thumb_title {
    font-weight: bold;
    display: block;
    padding: 2px 0px 4px 0px;
    text-align: center;
  }

  div.model_detail {
    float: right;
    padding-right: 30px;
  }
  div.field_model h1.name {
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }
  div.field_model div.data {
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }

  div.core_values {
  }
  div.field_core h1.name {
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }
  div.field_core div.data {
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }

  div.extra_values {
    float: left;
  }
  h1.extra_header {
    font-size: 14px;
    border-left: 2px solid #996633;
    border-bottom: 2px solid #AA9977;
    margin: 10px 0px 10px 0px;
    padding-left: 3px;
  }
  div.extra_values h1.name {
    margin: 0px;
    font-size: 12px;
    line-height: 16px;
  }
  div.extra_values div.data {
    display: inline;
    font-size: 12px;
    line-height: 16px;
  }
  div.extra_values div.field_extra {
    background: #eecc99 url('feature_bg.jpg');
    display: block;
    width: 230px;
    float: left;
    border: 1px solid #aa8844;
    margin: 0px 10px 10px 0px;
    text-align: center;
    padding: 5px;
  }

  div#status_id {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#model_class {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#number_doors {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#engine_type {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#engine_model {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#engine_desc {
    display: block;
    margin: -16px 0px 2px 100px;
  }

  div#client_id {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#year {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#vin {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#miles {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#model_id {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#price {
    display: block;
    margin: -16px 0px 2px 100px;
  }
  div#short_desc {
    display: block;
    text-indent: 10px;
    margin: 5px 0px 5px 0px;
  }
  div#long_desc {
    display: block;
    inset: 5px;
    margin: 5px 0px 5px 0px;
  }

  table.pakList {
    width: 100%;
    border: 1px solid #8899cc;
    background: #efefff;
    margin: 10px 0px 10px 0px;
  }
  table.pakList tr th {
    background: #eee;
    border-bottom: 2px solid #999;
    font-size: 12px;
    white-space: nowrap;
    text-align: left;
  }
  table.pakList tr.row0 {
    background: #f6f6f6;
  }
  table.pakList tr.row1 {
    background: #ffffff;
  }
  table.pakList tr td {
    border-bottom: 1px solid #ccc;
  }

  table.pakDetail {
    border: 1px solid #8899cc;
    background: #efefff;
    margin: 0px 10px 10px 0px;
  }
  table.pakDetail tr th {
    background: #FF7F00;
    color: #ffffff;
    border-bottom: 2px solid #666;
    font-size: 13px;
    white-space: nowrap;
    text-align: left;
  }
  table.pakDetail tr td {
    padding: 5px;
    border-bottom: 1px solid #ccc;
  }