

div.thumbnails.image_picker_selector {
  /* now supports more players and options */
  /* width:280px; well, it looks like the #selectCharacterDiv height is all that's really needed */
  max-width:1280px;       /* 300 => 4 icons wide*/
  /* width:160px;       / * => 2 icons wide*/
  /*  height affected by #selectCharacterDiv in styles.css */

    /*====================== center horizontally - with parent div set to 'text-align: center' */
    width:90%; margin: 0 auto; display: inline-block;
    /*======================*/

  text-align: center;
  overflow: auto;
  list-style-image: none;
  list-style-position: outside;
  list-style-type: none;
  padding: 0px;
  margin: 0px; }
  div.thumbnails.image_picker_selector div {
    overflow: none;
    list-style-image: none;
    list-style-position: outside;
    list-style-type: none;
    padding: 0px;
    margin: 0px; }
  div.thumbnails.image_picker_selector div.group_title {
    float: none; }
  div.thumbnails.image_picker_selector div {
    margin: 0px 5px 6px 10px;
    float: left; 
    width: 60; /* ABC2.0 for this release - just set a specific value */
    }
    div.thumbnails.image_picker_selector div .thumbnail {
      /* padding: 0px 5px; */

      border: 1px solid #074161; border-radius: 10px; background: #5791a1;
        
      -webkit-user-select: none;
      -moz-user-select: none;
      -ms-user-select: none; }
      div.thumbnails.image_picker_selector div .thumbnail img {
        -webkit-user-drag: none; width:40px }
    div.thumbnails.image_picker_selector div .thumbnail.selected {
      border-radius: 10px; background: #cba912; } /*0088cc - bluish / ebc932 - gold / 074161 - dark blue */
div.thumbnails.image_picker_selector div .thumbnail p{margin: 2 0 0 0}

