@import "dropdown";

.netconfig {
  width: 820px;
  height: 270px;

  .logo {
    background-image: url(../images/logo.png);
    background-position: 0 -20px;
    width: 245px;
    height: 180px;
    position: absolute;
    top: 0px;
  }

  .col {
    width: 31%;
    float: left;
    height: 270px;
    vertical-align: bottom;
    padding: 5px;
    position: relative;

    .presets {
      .cd-dropdown {
        span {
          width: 190px;
        }
        
        li {
          span {
            width: 220px;
          }
        }
      }
    }

    .inline-fields {
      position: absolute;
      bottom: 0px;
      width: 100%;

      .field {
        position: relative;
        display: inline-block;
      }

      .interface {
        width: 80px;
        vertical-align: top;
      }

      .ip_range {
        width: 160px;
      }
    }

    input[type=radio] {
      margin-top: 10px;
    }

    input[type=text] {
      width: 100%;
    }

    h3 {
      position: absolute;
      top: 30px;
      background-image: url(../images/line_small.png);
      background-position: 0 18px;
      background-repeat: no-repeat;
      width: 100%;
      height: 20px;
    }

    .gateway_needed_options, .presets {
      position: absolute;
      top: 70px;      
    }

    .field {
      position: absolute;
      bottom: 0px;
      width: 230px;

      input {
        margin-top: 5px;
        @include border-radius($border-radius);
      }
      
      &.not-bottom {
        position: absolute;
        bottom: 70px;
      }
    }
  }
}
