/* 
*   Site css, needs major revising
*/

* {
  margin: 0;
  padding: 0;
}

body {
  font-family: arial, sans-serif;
  font-size: 75%;
  text-align: center;
  background: url('gfx/bg.jpg') repeat-x #e2e2e2;
}

#container {
  width: 900px;
  margin: 0 auto;
  text-align: left;
}

#header {
  position: relative;
  height: 83px;
  background: url('gfx/header.jpg') no-repeat;
}

#header h1 {
  text-indent: -2000px;
}

h2 {
  border-bottom: 9px solid #efefef;
  margin: 10px 0 0 0;
}

#content {
  _height: 300px;
  min-height: 300px;
  background: #fff;
  padding: 14px 20px 14px 24px;
}

.notice {
  padding: 20px;
  border: 3px solid #efefef;
  margin: 5px 0;
  background: #fafafa;
}

#footer {
  margin-bottom: 50px;
  height: 105px;
  background: url('gfx/footer.jpg') no-repeat;
}

a {
  color: #666;
}

a:hover {
  color: #000;
}

.clear {
  clear: both !important;
  width: 0;
  height: 0;
  line-height: 0;
}


#menu {
  position: relative;
  margin-top: 21px;
  _margin-top: 14px;
}

.menu {
  position: absolute;
  list-style: none;
  background: none;
  padding: 0;
  margin: 0;
}

#menu_admin {
  top: -49px;
  _top: -51px;
  left: 355px;
  padding: 6px 0 1px 60px;
  width: 485px;
  background: url('gfx/admin_bg.jpg') no-repeat;
  height: 42px;
  color: #fff;
  font-size: 11px;
}

#menu_admin fieldset {
  border: 0;
  _margin: 28px 0 0 0;
}

#menu_admin select {
  height: 16px;
  font-size: 11px;
}

#menu_admin label {
  width: 290px;
  text-align: right;
  padding-right: 10px;
}

.menu li {
  float: left;
  padding: 0;
  color: #fff;
  text-align: center;
}

.menu li a {
  color: #fff;
}

#menu_admin li {
  font-size: 11px;
  text-align: center;
  margin-top: 21px;
  line-height: 24px;
  padding: 0;
}

#menu_admin li a {
  display: block;
  height: 22px;
  text-decoration: none;
  padding: 0 12px;
}

#menu_admin li a:hover {
  background: url('gfx/admin_over.jpg');
}

#menu_user {
  padding: 1px 0 0 40px;
}

#menu_user li, #menu_user li a {
  display: block;
  width: 117px;
  height: 31px;
  line-height: 31px;
  text-decoration: none;
}

#menu_user li a:hover {
  background: #000;
  border: 1px solid #333;
  color: #efefef;
  border-top: none;
  border-bottom: none;
}

.page_submenu {
  margin-top: 6px;
  padding: 1px;
  height: 29px;
}

.page_submenu a, .page_submenu div, .page_submenu select {
  display: block;
  float: left;
  width: 94px;
  height: 28px;
  margin: 0;
  text-align: left;
  line-height: 28px;
  text-indent: 4px;
}

.page_submenu select {
  height: auto;
  margin: 4px 20px 0 20px;
  width: 300px;
  text-align: left;
}


#user_feedback {
  padding: 40px 25px 0 400px;
  text-align: right;
  color: #fff;
}

#user_feedback a {
  color: #ccc;
}


a.faux_but {
  display: block;
  padding: 2px 0 0 0;
  text-align: center;
  height: 25px;
  line-height: 23px;
  background: url('gfx/icons/add.png') no-repeat 8px center #fafafa;
  width: 180px;
  text-decoration: none;
  border: 1px solid #ccc;
  border-top: 1px solid #efefef;
  border-left: 1px solid #efefef;
}

a.faux_but:hover {
  background-color: #fff;
}

a.faux_but_user_add {
  background-image: url('gfx/icons/user_add.png');
}

.columns {

}

.col_left, .col_right {
  float: left;
  width: 400px;
}

.columns a.faux_but {
  margin: .8em 0 0 0;
}

ul.directions {
  margin: 20px;
}



/*
****
****   Forms
****
*/

#form_login {
  margin: 60px 0 0 210px;
  width: 414px;
  height: 183px;
  background: url('gfx/login_bg.jpg') no-repeat;
  color: #fff;
  padding: 1px 0 0 42px;
}

#form_login fieldset {
  border: none;
}

#form_login legend {
  font-size: 18pt;
  margin: 0 0 10px -8px;
  color: #fff;
  padding: 0;
}

#form_login input.submit {
  margin-left: 236px;
}

fieldset {
  border: solid 0 transparent;
  border-bottom: 1px solid #eaeaea;
  margin: 2em 0;
  padding: 0 0 1em 0;
}

fieldset div.form_sect {
  margin: 1em 0;
}

fieldset h3 {
  margin: 10px 0;
  font-size: 10pt;
  font-style: italic;
}

legend {
  font-weight: bold;
  font-size: 1.2em;
  margin: 0 0 1em 0;
  padding: 0;
  text-indent: 0;
  color: #000;
}

legend em {
  font-weight: normal;
}

label, .checkbox_float div label {
  float: left;
  width: 150px;
  height: 22px;
  line-height: 22px;
}

input, select, form fieldset input.text {
  width: 180px;
}

input.radio, input.checkbox, input.submit, input.button {
  width: auto;
}

input.active {
  border: 2px solid #8c8;
}

.checkbox_float {
  width: 280px;
  line-height: 25px;
  margin: 4px 0;
  float: left;
}

.checkbox_float label {
  float: none;
  margin-left: 1em;
}

.checkbox_float div input {
  width: 180px;
}

.checkbox_float div {
  clear: both;
  margin-bottom: 10px;
}


input.submit {
  margin-left: 150px;
  width: 100px;
}




/*
****
****   Tables
****
*/

table {
  border-collapse: collapse;
  border: 1px solid #ccc;
  margin: 1em 0;
  width: 856px;
}

th, td {
  padding: 0.4em 1em;
}

td.import_sample_col {
  background: #fafafa;
  border-right: 3px solid #ccc;
}

th {
  font-weight: normal;
  text-align: normal;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}

td {
  background: #fafafa;
}

tr.odd td {
  background: #eee;
}

tr td.gray_shade {
  background: #ececec;
}

tr.odd td.gray_shade {
  background: #e2e2e2;
}

tr.odd td.import_sample_col {
  background: #efefef;
}







/*
****
****   Inventory View Table Specific
****
*/


.veh_status {
  position: relative;
}

.veh_wholesale {
  line-height: 0;
  width: 30px;
  height: 14px;
  position: absolute;
  top: 1px;
  left: -22px;
  background: url('gfx/veh_ws.jpg') no-repeat;
}


.status_online, .status_offline, .status_new {
  color: #fff;
  padding: 1px;
  display: block;
  text-align: center;
  border: 1px inset #fff;
  width: 50px;
}

.status_online { background: #391; }
.status_offline { background: #933;}
.status_new {  background: #777; }

.faux_disabled {
  color: #333 !important;
  text-decoration: none;
}

#inv_view_cont {
  clear: both;
  margin-top: 30px;
}

#inv_view td, #inv_view th {
  padding: 3px;
  font-size: 11px;
}

.sortheader {
  text-decoration: none;
}

.sortheader:hover {
  color: #000;
}

.sortarrow img {
  border: none;
}

table tr td.veh_locked {
  background-image: url('gfx/icons/lock.png');
  background-repeat: no-repeat;
  background-position: 20px center;
  width: 35px;
}

.inv_dealer_sel {
  padding: 10px 0;
  border-bottom: 9px solid #efefef;
  color: #666;
  height: 22px;
}

.inv_dealer_sel label {
  width: 580px;
  margin: 3px 0 0 0;
  text-align: right;
}

.inv_dealer_sel select {
  width: 250px;
  float: right;
}

#add_vehicle {
  margin-right: 60px;
}

.inv_menu a, .inv_menu div {
  height: 25px;
  line-height: 23px;
  padding: 2px 0 0 0;
}

.inv_menu a {
  width: 100px;
}

.inv_menu a.faux_but {
  width: 140px;
}

#inv_bar {
  line-height: 27px;
  height: 27px;
  width: 856px;
  background: url('gfx/inv_bar.jpg') no-repeat;
  border-top: none;
  color: #999;
}

#print_bar {
  margin-top: 5px;
  line-height: 27px;
  height: 27px;
  width: 856px;
  overflow: hidden;
  background: url('gfx/print_bar.jpg') no-repeat;
}

#print_bar a, #print_bar span {
  float: left;
  height: 20px;
  line-height: 33px;
}

#print_bar a {
  text-align: center;
  padding: 0 12px;
  height: 33px;
  text-decoration: none;
}

#print_bar a:hover {
  background: #f5f5f5;
}

#print_bar span {
  width: 40px;
  margin-left: 40px;
}


#inv_edit_prices {
  margin: 2px 0 0 0;
  border-left: 1px solid #ccc;
  line-height: 1;
  height: 23px;
  float: right;
  overflow: hidden;
}

div#inv_edit_prices a {
  line-height: 1;
  float: left;
  padding: 5px 14px 0 14px;
}

#inv_bar dl {
  margin: 0 0 0 14px;
}

#inv_bar dl dd, #inv_bar dl dt {
  float: left;
  padding: 0 8px 0 2px;
  color: #999;
}

#inv_bar dl dt {
  text-align: right;
  padding-right: 3px;
}

#inv_bar dl dd {
  width: 30px;
  color: #333;
}

#inv_bar dl dd.dd_nophotos {
  width: 80px;
}

a.special_star, a.mpg {
  float: left;
  display: block;
  width: 18px;
  text-align: center;
  height: 20px;
  text-decoration: none;
  background: url('gfx/spec_star.jpg') no-repeat center right;
  overflow: hidden;
}

a.cl_icon {
  display: block;
  float: left;
  width: 18px;
  height: 14px;
  margin-top: 3px;
  background: url('/gfx/cl_icon.png') no-repeat;
}

a.cl_exp {
  background: url('/gfx/cl_icon_exp.png') no-repeat;
}

a.cl_icon span { display: none; }


a.special_star span, a.mpg span {
  display: none;
}

a.special_star div.special_hasprice {
  font-size: 8px;
  line-height: 22px;
  text-indent: -12px;
  display: block !important;
}

tr.odd a.special_star {
  background: url('gfx/spec_star_odd.jpg') no-repeat center right;
}

a.special_star:hover {
  background: url('gfx/spec_star_over.jpg') no-repeat center right;
}

tr.odd a.special_star:hover {
  background: url('gfx/spec_star_over_odd.jpg') no-repeat center right;
}

a.special_star_on {
  background: url('gfx/spec_star_on.jpg') no-repeat center right;
}

a.special_star_on:hover {
  background: url('gfx/spec_star_on.jpg') no-repeat center right;
}

tr.odd a.special_star_on {
  background: url('gfx/spec_star_on_odd.jpg') no-repeat center right;
}

tr.odd a.special_star_on:hover {
  background: url('gfx/spec_star_on_odd.jpg') no-repeat center right;
}

a.mpg { background: url('gfx/mpg.jpg') no-repeat center right; }

tr.odd a.mpg { background: url('gfx/mpg_odd.jpg') no-repeat center right; }

a.mpg:hover { background: url('gfx/mpg_over.jpg') no-repeat center right; }

tr.odd a.mpg:hover { background: url('gfx/mpg_over_odd.jpg') no-repeat center right; }

a.mpg_on, a.mpg_on:hover { background: url('gfx/mpg_on.jpg') no-repeat center right;  }
tr.odd a.mpg_on, tr.odd a.mpg_on:hover { background: url('gfx/mpg_on_odd.jpg') no-repeat center right; }


input.inv_veh_price {
  width: 40px;
  font-size: 80%;
  padding: 2px 3px 0;
  margin-top: 1px;
}

input.inv_veh_price_special {
  background: #faffef;
}

input.inv_veh_active_special {
  background: #beffb3;
}

#inv_prices_confirm {
  position: fixed;
  _position: absolute;
  top: 0;
  left: 0;
  height: 10px;
  z-index: 1000;
  background: #fff;
  border-bottom: 3px solid #333;
  width: 100%;
  padding: 14px 2px 16px 70px;
  color: #333;
  text-align: center;
}

#inv_prices_confirm h3 {
  display: inline;
  padding-right: 10px;
}

#inv_prices_confirm a {
  padding: 0 10px;
}

#inv_switch {
  position: absolute;
  top: 110px;
  margin-left: 653px;
  text-align: right;
  width: 200px;
}

#inv_switch a {
  margin: 0 10px;
}


/*
****
****   Import Schema Creation
****
*/

input#import_data_file, #import_schema, #import_dealer, select.jato_correction {
  width: 400px;
}

.delim_cont {
  display: none;
}




/*
****
****   Lists Management
****
*/


.list_item_new td {
  color: red;
}

.list_col_manu {
  width: 200px;
}

.list_col_model {
  width: 350px;
}

.list_last_row td {
  border-top: 2px solid #ccc;
  text-align: right;
}



/*
****
****   Sweet, sweet icons
****
*/

a.icon, #users_existing a {
  display: block;
  width: 16px;
  height: 16px;
}

a.icon_schedule {
  background: url('gfx/icons/clock.png') no-repeat center center;
}

a.icon_schedule_none {
  background: url('gfx/icons/clock_bw.png') no-repeat center center;
  filter:alpha(opacity=80);
  -moz-opacity:0.8;
  opacity: 0.8;
}

a.icon_schedule_none:hover {
  background: url('gfx/icons/clock.png') no-repeat center center;
  filter:alpha(opacity=100);
  -moz-opacity:1.0;
  opacity: 1.0;
}

a.icon_edit {
  background: url('gfx/icons/application_form_edit.png') no-repeat center center;
}

a.icon_www {
  background: url('gfx/icons/world_link.png') no-repeat center center;
}

a.icon_car {
  background: url('gfx/icons/car.png') no-repeat center center;
}

a.icon_delete {
  background: url('gfx/icons/delete.png') no-repeat center center;
}

a.icon_clone {
  background: url('gfx/icons/script_add.png') no-repeat center center;
}

a.icon_email {
  background: url('gfx/icons/email.png') no-repeat center center;
}

a.icon_execute {
  background: url('gfx/icons/control_play_blue.png') no-repeat center center;
}

a.icon_execute_cache {
  background: url('gfx/icons/control_end_blue.png') no-repeat center center;
}

a.icon_print {
  background-image: url('gfx/icons/printer.png');
}

.icon_col {
  width: 16px;
}

a.admin_view { background-image: url('gfx/icons/database_table_off.png'); }
a.admin_edit { background-image: url('gfx/icons/database_edit_off.png'); }
a.admin_prices { background-image: url('gfx/icons/money_dollar_off.png'); }
a.admin_import { background-image: url('gfx/icons/database_go_off.png'); }
a.admin_photos { background-image: url('gfx/icons/picture_add_off.png'); }
a.admin_stats { background-image: url('gfx/icons/chart_bar_off.png'); }
a.admin_info { background-image: url('gfx/icons/table_edit_off.png'); }
a.admin_inv_page { background-image: url('gfx/icons/car_off.png'); }
a.admin_features { background-image: url('gfx/icons/text_list_bullets_off.png'); }
a.admin_stickers { background-image: url('gfx/icons/printer_off.png'); }

a.admin_view_on { background-image: url('gfx/icons/database_table.png'); }
a.admin_edit_on { background-image: url('gfx/icons/database_edit.png'); }
a.admin_prices_on { background-image: url('gfx/icons/money_dollar.png'); }
a.admin_import_on { background-image: url('gfx/icons/database_go.png'); }
a.admin_photos_on { background-image: url('gfx/icons/picture_add.png'); }
a.admin_stats_on { background-image: url('gfx/icons/chart_bar.png'); }
a.admin_info_on { background-image: url('gfx/icons/table_edit.png'); }
a.admin_inv_page_on { background-image: url('gfx/icons/car.png'); }
a.admin_features_on { background-image: url('gfx/icons/text_list_bullets.png'); }
a.admin_stickers_on { background-image: url('gfx/icons/printer.png'); }

/*
****
****   Dealer Management
****
*/

#admin_stats {
  padding: 10px 0 0 0;
  width: 500px;
}

#admin_stats span {
  font-weight: bold;
}

a#add_dealer, a#add_user {
  margin: 10px 0 0 0;
}

.new_user_cont {
  border: 4px solid #efefef;
  padding: 14px 0 14px 20px;
  margin: 5px 0;
  width: 330px;
}

.new_user_cont label {
  width: 140px;
}

.new_user_cont input  {
  width: 140px;
}

.new_user_cont .form_sect {
  margin: 4px 0;
}

.new_user_cont a {
  display: block;
  margin: 10px 0 0 222px;
  width: 60px;
  height: 20px;
  line-height: 20px;
  background: #fafafa;
  text-align: center;
  text-decoration: none;
  border: 1px solid #ccc;
}

.new_user_cont a:hover {
  background: #fff;
}

#prices .checkbox_float {
  width: 170px;
}

#users_existing th {
  text-align: right;
  padding: 0;

}

#dealer_mapping_tbl select {
  width: 400px;
}

/*
****
****   Photo Assignment
****
*/



.img_cont, .slot {
  background: #ccc;
  padding: 2px;
  position: relative;
  top: 0;
  left: 0;
}

.img_cont {
  z-index: 50;
  display: none;
  width: 120px;
  height: 90px;
}

.slot, .slot_trash {
  margin: 6px;
  float: left;
  width: 124px;
  height: 94px;
  background: #999;
}

.slot_trash {
  background: url('gfx/slot_rem.jpg') no-repeat;
}

.slot .img_cont {
  float: none;
  display: block;
}

.slot_add {
  background: url('gfx/slot_add.jpg') no-repeat center center;
}

.img_cont img {
  display: block;
}

.img_cont a {
  display: block;
  position: absolute;
  width: 15px;
  height: 15px;
  background: url('gfx/photo_zoom.png') no-repeat;
  bottom: 2px;
  right: 2px;
}

.img_cont a span {
  display: none;
}

.photos_sel_veh {
  background: #fafafa;
  padding: 2px;
  text-align: right;
  height: 1.9em;
  line-height: 2em;
}

.photos_sel_veh select {
  width: 500px;
}

.photos_sel_veh a.row_del {
  display: block;
  width: 25px;
  height: 25px;
  float: left;
  cursor: hand;
  cursor: pointer;
  background: url('gfx/icons/delete.png') no-repeat center center;
}

.photos_row {
  border: 2px solid #ccc;
  background: #333;
  margin: 1em 0;
}

.dropped {

}

.dragover {
  background: #000;
}

#save_layout, #add_photo_row {
  margin: 10px;
  width: 150px;
}

#photo_arranger_form {
  display: none;
}



/*
****
****   Vehicle Edit
****
*/

#veh_ymmt {
 height: 37px;
 background: url('gfx/grad_black_37.gif') repeat-x;
}

#veh_ymmt select, #veh_ymmt input {
  font-size: 17px;
  margin: 5px 0 0 5px;
}

#veh_ymmt select#veh_year {
  width: 4em;
  margin-left: 10px;
}

#veh_ymmt select#veh_model {
  width: 260px;
}

#veh_ymmt input#veh_trim {
  width: 300px;
}

#veh_edit_left, #veh_edit_right {
  float: left;
  width: 341px;
  padding: 6px 0;
}

#veh_edit_left input, #veh_edit_left select, #veh_edit_left textarea {
  width: 200px;
}

#veh_edit_left label {
  width: 120px;
}

#veh_edit_left textarea {
  height: 90px;
}

#veh_edit_right {
  width: 508px;
  margin-left: 6px;
}

#veh_edit_feats {
  padding: 0 0 1px 1px;
}

#veh_edit_feats .checkbox_float {
  width: 168px;
  margin: 1px 1px 0 0;
  padding: 0;
  background: #efefef;
  position: relative;
  height: 22px;
  line-height: 22px;
  text-align: center;
  font-size: 10px;
  _font-size: 9px;
}

#veh_edit_feats .checkbox_float .veh_feature {
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
  width: 165px;
  color: #666;
  height: 22px;
  cursor: pointer;
  cursor: hand;
}

#veh_edit_feats .checkbox_float input {
  display: none;
}

#veh_edit_feats .feat_over {
  background: #fafafa;
}


#veh_edit_feats .selected_feat {
  background: #333;
}

#veh_edit_feats .selected_feat a.veh_feature {
  color: #efefef;
}

#veh_tidbits, #veh_footer {
  background: url('gfx/veh_tidbits.jpg') no-repeat;
  padding: 2px 2px 2px 14px;
  height: 26px;
}

#veh_tidbits .label, #veh_tidbits .value, .save_links a {
  float: left;
  display: block;
  height: 1.3em;
  line-height: 1.3em;
  padding: 4px;
}

#veh_tidbits .label {
  text-align: right;
  font-weight: bold;
}

#veh_tidbits .value {
  text-align: left;
  color: #666;
  padding: 4px 10px;
}

#veh_footer {
  background: url('gfx/veh_foot.jpg') no-repeat;
}

.save_links a {
  display: block;
  float: right;
  border-left: 1px solid #fff;
  border-right: 1px solid #ccc;
  padding: 4px 10px;
  text-decoration: none;
}

.save_links a:hover { color: #000; }
.save_links a.last { border-left: none; }
.save_links a.first { border-right: none; }
.save_links a.disabled { color: #aaa; }

/*
****
****   Labels
****
*/

#label_elem_table {
  border: 1px solid #ccc;
}

#label_elem_table th {
  border-bottom: 1px solid #999;
}

#label_elem_table input {
  width: 30px;
}

#label_elem_table input.checkbox {
  width: auto;
}

#label_elem_table td.elem_text input, #label_elem_table textarea {
 width: 280px;
}

#label_elem_table textarea {
  height: 80px;
  font-family: arial;
  font-size: 9px;
}

#label_elem_table select {
 width: 80px;
}



/*
****
****   Settings Page
****
*/

fieldset.inv_settings label {
  width: 250px;
}

fieldset.inv_styles input {
  width: 80px;
}

fieldset.inv_settings input.submit {
  width: 250px;
  margin: 10px 0 0 278px;
}



/*
****
****   Tabbed Containers
****
*/

.tabbed_container {
  margin-top: 10px;
  width: 856px;
}

.tabbed_cont_item {
  background: url('gfx/tab_body.jpg') repeat-y;
  padding: 10px 20px;
  display: none;
}

.tabbed_cont_item table {
  width: 808px;
}

.tabbed_cont_item fieldset {
  border: none;
}

.tabbed_cont_item table input {
  width: 140px;
}

.tabbed_cont_foot {
  height: 5px;
  background: url('gfx/tab_footer.jpg') no-repeat;
}

.tabbed_cont_tabs {
  height: 24px;
  background: url('gfx/tab_header.jpg') no-repeat;
}

.tab_toggle {
  display: block;
  float: left;
  width: 121px;
  height: 24px;
  line-height: 28px;
  margin: 0 4px 0 6px;
  text-align: center;
  background: url('gfx/tab_inactive.jpg') no-repeat;
  text-decoration: none;
}

.tab_selected {
  line-height: 26px;
  color: #025;
  font-weight: bold;
  background: url('gfx/tab_active.jpg') no-repeat;
}



/*
****
****   Exports
****
*/

table thead tr th {
  vertical-align: bottom !important;
}

.empty {
  font-style: italic;
  color: #666;
}

.custom_id {
  float: left;
  width: 5em;
}

.custom_br {
  float: left;
  width: 1em;
}

#exp_view {
  width: 100%;
}

#exp_view td, #exp_view th {
  vertical-align: top;
  padding: 3px;
  font-size: 11px;
}

#add_export {
}

#run_export {
  background: url('gfx/icons/control_end_blue.png') no-repeat 8px center #fafafa !important;
  font-weight: bold;
  float: right;
}

.success {
  background: url('gfx/icons/accept.png') 0.25em center no-repeat;
  padding: 0.5em;
  padding-left: 24px;
  clear: both;
  list-style: none;
}

.failure {
  background: url('gfx/icons/cancel.png') 0.25em center no-repeat;
  padding: 0.5em;
  padding-left: 24px;
}

.info {
  background: url('gfx/icons/information.png') 0.25em center no-repeat;
  padding: 0.5em;
  padding-left: 24px;
  clear: both;
  list-style: none;
}

#tags {
  float: left;
}

#tags ul li.header {
  background: url('gfx/icons/tag_blue.png') left center no-repeat;
  padding-left: 16px;
}

#tags ul li {
  float: left;
  list-style: none;
  margin-left: 0.5em;
}

#tags ul li a {
  padding: 1px;
}

#tags ul li span {
  color: #fff;
  background: #999;
  padding: 1px;
}

.monolabel {
  width: auto;
  text-align: right;
  font-family: monospace;
  font-size: larger;
}

/*
****
****   sIFR
****
*/

.sIFR-flash {
  visibility: visible !important;
  margin: 0;
}

.sIFR-replaced {
  visibility: visible !important;
}

span.sIFR-alternate {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 0;
  display: block;
  overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

/* These "decoy" styles are used to hide the browser text before it is replaced... the negative-letter spacing in this case is used to make the browser text metrics match up with the sIFR text metrics since the sIFR text in this example is so much narrower... your own settings may vary... any weird sizing issues you may run into are usually fixed by tweaking these decoy styles */

.sIFR-hasFlash h1 {
  visibility: hidden;
}

.sIFR-hasFlash h2 {
  visibility: hidden;
  letter-spacing: -9px;
  font-size: 20px;
}

.sIFR-hasFlash h3 {
  visibility: hidden;
  letter-spacing: -6px;
  font-size: 25px;
}

.sIFR-hasFlash h4 {
  visibility: hidden;
  letter-spacing: -5px;
  font-size: 21px;
}

.sIFR-hasFlash h5#pullquote {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px;
}

.sIFR-hasFlash legend {
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px;
  margin: 0;
  padding: 0;
}

.sIFR-hasFlash legend.login {
  color: #fff;
  letter-spacing: -4px;
  visibility: hidden;
  font-size: 24px;
  margin: 0;
  padding: 0;
}

.dealer_list {
  padding-left: 1em;
  display: none;
  background: transparent;
}

.dealer_list li {
  list-style: none;
}

.faux_link {
  cursor: pointer;
  cursor: hand;
  text-decoration: underline;
}





/*
 * stuff...
 */
.progress_bar {
 clear: both;
 padding: 0.5em;
 padding-left: 24px;
 background: transparent url('../gfx/progress.gif') 0.25em top no-repeat;
 list-style: none;
 margin: 0;
}

.progress_bar .label {
 float: left;
}

.bar {
 float: left;
 width: 30em;
 height: 1.25em;
 background: #efefef;
 border-bottom: 2px #090 solid;
}

.progress {
 float: left;
 height: 1.25em;
 background: #090;
}

.unprogress {
 float: left;
 height: 1em;
}

.percentage {
 float: left;
 margin-left: 0.25em;
 font-weight: bold;
}

.success_icon {
 background: transparent url('../gfx/icons/accept.png') 0.25em top no-repeat !important;
}

.failure_icon {
 background: transparent url('../gfx/icons/cancel.png') 0.25em top no-repeat !important;
}

.information_icon {
 background: transparent url('../gfx/icons/information.png') 0.25em top no-repeat !important;
}

li.warning {
 list-style: none;
 margin: 0;
}

li {
 list-style: none !important;
}

.success {

}

/*tooltip*/

div.tooltip {
  width: 200px;
  color: #fff;
  text-align: center;
}

div.tooltip h4 {
  color: #fff;
  font-weight: bold;
  text-shadow: 2px 2px 1px #222;
  margin: 0;
  padding: 13px 10px 5px;
  background: url('../gfx/balloon.png') top left no-repeat !important;
  background: url('../gfx/balloon.gif') top left no-repeat;
  font-size: 11px;
}

div.tooltip p {
  margin: 0;
  padding: 0 10px 15px;
  text-shadow: 2px 2px 1px #222;
  background: url('../gfx/balloon.png') bottom left no-repeat !important;
  background: url('../gfx/balloon.gif') bottom left no-repeat;
  font-size: 10px;
}

#print_label_list {
  width: 540px;
}

.photosel_veh_ONLINE {
  background-color: #efe;
}

.photosel_veh_OFFLINE {
  background-color: #fdd;
}

.photosel_veh_NEW {
  background-color: #fff;
}

td input.recip_unique_toggle {
  width: auto;
}

.unmatched_dealers select {
  width: 400px;
}


.data_mapping_row {
  background: #efefef;
  padding: 6px;
  border: 1px solid #ccc;
  margin: 6px 0;
  position: relative;
}

.data_mapping_header {
  padding: 3px;
  height: 40px;
  overflow: hidden;
}

.data_mapping_header .l {
  float: left;
  font-family: georgia, times new roman, serif;
  font-size: 25px;
  font-style: italic;
  color: #999;
}

.map_cont {
  float: right;
  width: 600px;
  height: 40px;
  text-align: right;
}

.data_mapping_row .mapping_global_cont {
  position: absolute;
  width: 280px;
  top: 11px;
  left: 118px;
  overflow: hidden;
}

.mapping_global_cont label, .mapping_global_cont input {
  float: left;
}

.mapping_global_cont label {
  text-align: right;
  padding: 0 2px 0 4px;
  width: 90px;
  font-size: 10px;

}

.mapping_global_cont input {
  margin-top: 5px;
  width: auto;
}

.jato_sel_year {
  width: 60px;
  margin-right: 4px;
}

.jato_sel_make {
  width: 130px;
  margin-right: 4px;
}

.jato_sel_model {
  width: 300px;
}

.jato_sel_trim {
  margin-top: 3px;
  width: 498px;
}



.data_info {
  width: 835px;
  overflow: hidden;
  background: #fafafa;
  border: 3px solid #e6e6e6;
  padding-top: 5px;
  margin-top: 5px;
}

.data_info dl {
  width: 400px;
  overflow: hidden;
  height: 30px;
  float: left;
  padding: 0;
  margin: 0;
}

.data_info dl dd, .data_info dl dt {
  margin: 0;
  padding: 5px 0;
}

.data_info dl dd {
  background: #eff6ff;
  float: left;
  padding: 5px 5px 4px 5px;
  border: 1px solid #abc;
  font: 11px arial;
  color: #246;
}

.data_info dl dt {
  width: 80px;
  float: left;
  clear: left;
  text-align: right;
  padding-right: 6px;
  font-weight: bold;
}

.url_tip {
  padding-left: 150px;
  font-size: 11px;
  color: #777;
  margin-bottom: 10px;
}

#import_hour, #import_minute, #import_ampm {
  width: 50px;
}

span.logo { color: #029; }
span.logo em { color: #c33; font-style: italic; }


#add_tag_cont {
  margin: 10px 0 0 0;
  height: 30px;
  padding: 5px 20px;
  overflow: hidden;
  line-height: 34px;
  background: #f4f4f4;
  border: 3px solid #ccc;
}

#add_tag_cont input, #add_tag_cont select {
  margin: 0 20px 0 6px;
  width: 100px;
}

#add_tag_cont select {
  width: 50px;
}


#tag_assign_cont {

}

#tag_assign_cont h4 {
  margin: .2em 0 0 3em;
}

#tag_assign_cont h3 {
  font-size: 14pt;
  margin-left: .4em;
  margin-bottom: .5em;
  height: 28px;
}

#tag_assign_cont h3 input {
  margin-right: 1.3em;
}

#tag_assign_cont li {
  position: relative;
  padding-top: 9px;
  background: #efefef;
}

.make-model-list {
  display: none;
}

#tag_controls {
  margin: 15px;
}

#tag_controls select {
  margin: 0 20px;
}

#tag_assign_cont .make-model-list li {
  clear: both;
  background: #fafafa;
  padding: 9px 12px;
  border-bottom: 1px solid #efefef;
  margin: 0;
  height: 18px;
}

#tag_assign_cont input {
  width: auto;
  float: left;
  margin: 3px 5px;
}
.tag-list {
  overflow: hidden;
  float: left;
  width: 500px;
  position: absolute;
  left: 300px;
  top: 4px;
}

#tag_assign_cont ul.tag-list li {
  float: left;
  margin: 2px;
  padding: 3px 7px;
  background: #eef;
  border: 1px solid #ccf;
  color: #58b;
  clear: none;
}

.inv_settings .form_sect textarea {
  width: 500px;
  height: 100px;
}


#youtube_cont li {
  height: 100px;
  border-bottom: 3px solid #ccc;
  margin: 10px 0;
  position: relative;
}

#youtube_cont li img {
  float: left;
  margin-right: 10px;
}

#youtube_cont li h4 {
  padding-top: 20px;
  margin-bottom: 8px;
}

.yt_controls {
  position: absolute;
  top: 30px;
  right: 10px;
}

.yt_controls a {
  float: right;
}

.yt_controls a span { display: none; }

.yt_menu {
  position: absolute;
  border: 1px solid #acf;
  width: 400px;
  height: 300px;
  background: #fff;
  top: 59px;
  left: 165px;
  z-index: 90;
  overflow: auto;
}

.yt_menu a {
  border-bottom: 1px solid #efefef;
  display: block;
  padding: 10px;
}

.yt_menu a:hover {
  background: #f6fafc;
}

#yt_save {
  background-image: url('/gfx/icons/accept.png'); 
}

.form_sect label span {
  font-size: 10px;
  padding-left: 6px;
  line-height: 1;
  color: #666;
}

.hidden-export {
    display: none;
}

.old-export td { background-color: #aaa; }

