/* for wizard_step_2.php */
/* Table Editor Style */

  select {
    position: absolute;
    margin-left: -90px;
    z-index: 1;
  }
  #table {
                            display: table;
                        margin-left: auto;
                       margin-right: auto;
              -webkit-border-radius: 20px;
                 -moz-border-radius: 20px;
                  -ms-border-radius: 20px;
                   -o-border-radius: 20px;
                      border-radius: 20px;
                 -webkit-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75);
                    -moz-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75);
                     -ms-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75);
                      -o-box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75);
                         box-shadow: 5px 5px 8px rgba(64, 64, 64, 0.75);
                             border: solid 1px #666;
                             width: 60vw;
                             max-width: 400px;
  }

  .row {
                        font-family: Tahoma, Helvetica, freesans, sans-serif;
                            display: table-row;
                             height: 48px;
  }

  .row > span > span {
                        line-height: 48px;
  }

  .cell {
                            display: table-cell;
        /*                    padding: 2px 5px;    */
                     vertical-align: middle;
  }

  .col_1 {
                              width: 210px;
                         text-align: center;
  }

  .col_2 {
                              width: 160px;
                         text-align: center;
                         display: none;

  }

  .col_3 {
                              width: 80px;
                         text-align: center;
                         display: none;
  }

  .col_4,
  .col_5,
  .col_6 {
                              width: 40px;
                         text-align: center;
                         padding:4px;               
  }

  .e_up a {
                            padding: 8px 16px;
                         background: url(../images/e_up.normal.png) no-repeat center;
                            opacity: .7;
  }

  .e_down a {
                            padding: 16px;
                         background: url(../images/e_down.normal.png) no-repeat center;
                            opacity: .7;
  }

  .e_del a {
                            padding: 16px;
                         background: url(../images/e_del.normal.png) no-repeat center;
                            opacity: .7;
  }

  .e_add a {
                            padding: 16px;
                         background: url(../images/e_add.normal.png) no-repeat center;
                            opacity: .7;
  }

  .e_up a:hover {
                  /*       background: url(../images/e_up.hover.png) no-repeat center;   */
                            opacity: 1;
                             cursor: pointer;
  }

  .e_down a:hover {
               /*          background: url(../images/e_down.hover.png) no-repeat center;   */
                            opacity: 1;
                             cursor: pointer;
  }

  .e_del a:hover {
                /*         background: url(../images/e_del.hover.png) no-repeat center;    */
                            opacity: 1;
                             cursor: pointer;
  }

  .e_add a:hover {
                /*         background: url(../images/e_del.hover.png) no-repeat center;    */
                            opacity: 1;
                             cursor: pointer;
  }
/*
  .col_4 img
  .col_5 img
  .col_6 img {
                      width: 16px;
  }
 */
  .header_row {
               /*    background-color: #CC00FF;      */
                              color: #666;
                               font: normal normal normal 18pt/18pt Andy;
                         text-align: center;
                        text-shadow: 0 1px 0 #ccc,
                                     0 2px 0 #c9c9c9,
                                     0 3px 0 #bbb,
                                     0 4px 0 #b9b9b9,
                                     0 5px 0 #aaa,
                                     0 6px 1px rgba(0,0,0,.1),
                                     0 0 5px rgba(0,0,0,.1),
                                     0 1px 3px rgba(0,0,0,.3),
                                     0 3px 5px rgba(0,0,0,.2),
                                     0 5px 10px rgba(0,0,0,.25),
                                     0 10px 10px rgba(0,0,0,.2),
                                     0 20px 20px rgba(0,0,0,.15);
  }

  .header_row .col_1 {
              background-color: #A8E2FA;
//                        background: url(../images/header_c1.png) repeat-y right;
                   background-size: contain;
    -webkit-border-top-left-radius: 20px;
       -moz-border-top-left-radius: 20px;
        -ms-border-top-left-radius: 20px;
         -o-border-top-left-radius: 20px;
            border-top-left-radius: 20px;
  }

  .header_row .col_2 {
                    background: url(../images/header_c2.png) repeat-y right;
                    background-size: contain;
  }

  .header_row .col_3 {
                    background: url(../images/header_c3.png) repeat-y right;
                    background-size: contain;
                          font-size: 80%;
                        line-height: 80%;
  }

  .header_row .col_4 {
              background-color: #A8E2FA;
             // background: url(../images/header_c2.png) repeat-y right;
  }

 
  .header_row .col_5 {
                   background-color: #A8E2FA;
  }

  .header_row .col_6 {
  	    background-color: #A8E2FA;
     //background: #A8E2FA url(../images/header_c6.png) no-repeat bottom;
       background-size: contain;
    -webkit-border-top-right-radius: 20px;
       -moz-border-top-right-radius: 20px;
        -ms-border-top-right-radius: 20px;
         -o-border-top-right-radius: 20px;
            border-top-right-radius: 20px;
  }

  .header_row .cell {
                     vertical-align: middle;
  }

  .odd_row {
                   background-color: #ECF8FE;
  }

  .even_row {
                   background-color: #fcfcfc;
  }

  .first .e_up a,
  .last .e_down a {
                            display: none;
  }

  .view_value {
                            display: inline-block;
                              width: 100%;
                             height: 100%;
  }

  .view_value:hover {
                             cursor:pointer;
  }

  .hide_value {
                           display: none;
  }

  option[disabled] {
                        font-style: italic;
  }
  option[selected] {
                        font-weight: bold;
  }