/* ГЛОБАЛЬНЫЕ ЭЛЕМЕНТЫ */
hr { /*HR это блочный контейнер*/
  height: 1px;
  border: 0;
  border-top: 1px solid #CCCCCC;
  border-bottom: 1px solid #CCCCCC;
  margin: 4px 0;
}
hr.hr_dot {
  height: 0;
  border-top: 1px dotted #959595;
  border-bottom: 1px dotted #959595;
  /*margin: inherit;*/
}



/* ГЛОБАЛЬНЫЕ CSS */
.selected {
  background-color: #D1E5FA;
}

/* Иконка для всплывающей подсказки */
abbr, .tooltip {
  background: url("../imgs/tooltip_icon.gif") no-repeat;
  background-position: left center;
  width: 20px;
  padding-left: 12px !important; /*margin between text and image */
  white-space: nowrap;
}
.tooltip {
  border-bottom: 1px dotted black;
}

.float_left { 
  float: left;
}

.nowrap {
  white-space: nowrap;
}

.max_width_50 {
  max-width: 49%;
}

.border_right {
  border-right: 1px dotted #0073BE;
}
.border_left {
  border-left: 1px dotted #0073BE;
}

.block_border {
  border: 1px dotted #0073BE;
  margin: 2px;
  padding: 2px;
}

/* элементы */
.label,
.accessory {
  color: #00497A; /*#0C476E;*/
  font-weight: bold;
}
/*.label:after { .list_attr_name:after } */


.accessory {
  display: block;
}
.accessory:before,
.accessory:after {
  content: "\2665";
}
.accessory:before {
  padding-right: 3px 
}
.accessory:after {
  padding-left: 2px
}
  
.comment {
  font-style: italic;
}

/* mark text as element of any list */
.addinfo_li:before {
  content: "\25CB"; /*cycle*/
  padding-right: 3px;
  color: #0073BE;
}

.do_action {
  color: #B91528;
}
.do_action:after {
  content: "\261F";
  padding-left: 5px
}

.img_serie {
  height: 30px;
}
.img_vin_mdls {
  width: 150px;
}
.img_veh_menu {
  float: left;
  height: 64px;
  border: 1px solid #CCCCCC;
}
.img_veh_inf {
  float: left;
  height: 48px;
  border: 1px solid #CCCCCC;
}


/* Скелет */
.main tr {
  vertical-align: top;
}



/*~~~  СПИСКИ  ~~~*/

/* персонализация списков */
.list_brands, .list_brands_small {
  color: Black;
  float: left;
  width: 155px;
  text-align: center;
  text-decoration: none;
}
.list_brands_small {
  width: 55px; /* !!! .list_brands*/
}
.list_brands_small img {
  height: 24px;
}


/* Список table row like a link */
.list_url tr {
  vertical-align: middle;
}
/*.list_url tr:hover { см. ниже }*/
.list_url th {
  background-color: #E8E8E8;
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 3px;
  text-align: left;
}
.list_url td {
  border-bottom: 1px solid #CCCCCC;
  padding: 0px 5px;
}
/*tr.selected td { см. ниже }*/
.list_url a {
  text-decoration: none;
  display: block;
}
.list_url a:link, 
.list_url a:visited {
  color: #303030;
}


/* hyperlink to partinfo after styling of table of part list "list_url" */
a.a_partinfo:link, 
a.a_partinfo:visited {
  color: #0073BE; /*link=#0073BE; visited = #551A8B*/
  text-decoration: none;
}
a.a_partinfo:after {
  content : url("../imgs/arrow_blue_12.png");
  padding-left: 3px; /* margin between text and image */
  white-space: nowrap;
  position: relative;
  bottom: -3px;
}


.hover_elem {
  padding: 3px;
}

/* Ячейка списка */
.list_cell {
  border: 1px solid #CCCCCC;
}
.hover_elem:hover,
.list_cell:hover, 
.list_url tr:hover {
  background-color: #F2F2F2;
}


/*~~~  <dl><dt><dd>  ~~~*/
dl.attr {
  margin: 0 0 0 5px;
}
.attr dt, 
.attr dd {
  display: inline-block;
}
.attr dt {
  margin-left: 5px;
  /*font-weight, color: { см.ниже }; */  
}
.attr dt:after {
  content: ":";
}
.attr dt:before, .nav_item:before {
  content: "\BB"; /*"\25C8";*/
  padding-right: 3px;
}
.attr dd {
  clear: left;
  margin-left: 5px;
  /*color: { см.ниже }; */  
}

.attr dt,
.list_attr_name,
.nav_label
 {
  font-weight: bold;
  color: #444444;
}
.list_attr_name {
  float: left;
  padding-right: 8px;
}
.label:after,
.list_attr_name:after,
.nav_label:after {
  content: ":";
  padding-right: 3px;
}
a.list_attr_val {
  float: left;
  padding-left: 8px;
  padding-right: 8px;
  text-decoration: none;
}
.attr dd,
a.list_attr_val {
  color: #303030;
}


/*~~~  navigation  ~~~*/
/*.nav_item:before { .attr dt:before } */
/*.nav_label { .attr dt } */
/*.nav_label:after { .list_attr_name:after }



/*~~~  echo test table style  ~~~*/
table.html_array {
  border-collapse: collapse;
}
.html_array td,
.html_array th {
  border: 1px solid #CCCCCC;
}
.html_array .key {
  font-weight: bold;
  color: #520a19;
}