/* RADTIMEPICKER */

/*
    Let this code be here! This is the html that the css is designing
    
<div class="radTimePickerContainer">            // Container
  <div>                                         // Week
    <div>                                       // Row
      <strong>Monday 17 May<strong>             // Text
      <div>...</div>                            // RadTimePicker
      <div>...</div>                            // RadTimePicker

      <strong>Tuesday 18 May<strong>            // Text
      <div>...</div>                            // RadTimePicker
      <div>...</div>                            // RadTimePicker
    </div>

    <div>                                       // Row
      ...
    </div>
  </div>

  <div>                                         // Week
    ...
  </div>
</div>
    
 */

/* The container that holds everything */
div.radTimePickerContainer {
}
    /* Each week group */
    div.radTimePickerContainer > div {
        padding: 5px 0px;
    }

    /* All but the first week group */
    div.radTimePickerContainer > div + div {
        border-top: 1px solid #ccc;
    }

        /* Each row */
        div.radTimePickerContainer > div > div {
        }

            /* The text on the row */
            div.radTimePickerContainer > div > div > strong {
                display: inline-block;
                width: 120px;
                font-weight:400;
            }

            /* Each TimePicker container (textbox + img) */
            div.radTimePickerContainer > div > div > div {
            }

                /* The TextBox */
                div.radTimePickerContainer > div > div > div input.riTextBox {
                }