img {
    max-width:100%;
  }


  @media only screen and (min-width: 1000px) {

    #control_bar_table {
	width: 760px;
    }
    
    #control_bar_table > tbody > tr > td:nth-child(1) {
	text-align: left;
	vertical-align: middle;
    }
    
    #control_bar_table > tbody > tr > td:nth-child(2) {
	text-align: center;
	vertical-align: middle;
    }
    
    #control_bar_table > tbody > tr > td:nth-child(3) {
	float: right;
	vertical-align: middle;
    }
    
    #main_table {
      max-width: 760px;
    }

  }



  @media only screen and (max-width: 999px) {

    #control_bar_table {
	width: 100%;
    }
    
    #control_bar_table > tbody > tr > td {
	display: block;
	text-align: center;
	vertical-align: middle;
    }

    #control_bar_table > tbody > tr > td > table {
	margin: auto;
    }

    #main_table,
    #main_table > tbody > tr > td > table,
    #main_table > tbody > tr > td > table > tbody > tr > td > table {
      width: 100%;
    }

    #main_table a {
      display: inline-block;
      max-width: 250px;
      overflow: hidden;
      text-overflow: ellipsis;
    }

    
  }