span.handle {
    cursor: move;
  }

  div.containmentOpen {
    float:left;
    min-width:30px;
    min-height:100px;
    visibility:visible;
  }

  div.containmentClose {
    float:left;
    top:0px;
    left:0px;
    height:0px;
    width:0px;
    position:absolute;
    visibility:hidden;
  }

  div.containmentSpacer {
    float:left;
    height:800px;
    border:#FF0000 2px solid;
    min-width:30px;
    visibility:visible;
  }

  div.dataHIDE {
    float:left;
    top:0px;
    left:0px;
    height:0px;
    width:0px;
    position:absolute;
    visibility:hidden;
  }

  div.spacerClose {
    float:left;
    top:0px;
    left:0px;
    height:0px;
    width:0px;
    position:absolute;
    border:#00FF00 2px solid;
    visibility:hidden;
  }

  div.spacerOpen {
    float:left;
  }
  
  .box {
    margin-bottom:20px;
  }

  .box_mid_time1 { text-align:center; vertical-align:middle; background-color:#A0C110; }
  .box_mid_time2 { text-align:center; vertical-align:middle; background-color:#8FAD11; }
  .box_mid_text1 { text-align:left; vertical-align:middle; background-color:#FFFFFF; }
  .box_mid_text2 { text-align:left; vertical-align:middle; background-color:#EEEEEE; }

  .box_t_1 { text-align:left; vertical-align:top; cursor:move; }
  .box_t_2 { text-align:center; vertical-align:bottom; background:url(images/box/box_t.png) repeat-x; color:#FFFFFF; }
  .box_t_2_t { position:relative; top:0px; font-weight:bold; }
  .box_t_3 { text-align:right; vertical-align:bottom;}
  
  .box_c_1 { background:url(images/box/box_l.png) repeat-y; }
  .box_c_2 { background:url(images/box/box_r.png) repeat-y; }

  .box_b_1 { text-align:left; vertical-align:top; }
  .box_b_2 { text-align:left; vertical-align:top; background:url(images/box/box_b_1.png) repeat-x; }
  .box_b_3 { text-align:left; vertical-align:middle; background:url(images/box/box_b_2.png) repeat-x; }
  .box_b_4 { text-align:center; vertical-align:middle; background:url(images/box/box_b_2.png) repeat-x; }
  .box_b_5 { text-align:right; vertical-align:middle; background:url(images/box/box_b_2.png) repeat-x; }
  .box_b_6 { text-align:left; vertical-align:top; }
  
  .loginText { background-color:#FFFFFF; border:#2C5AA0 1px solid; width:100px; }
  .loginRadio { background-color:#FFFFFF; border:#2C5AA0 1px solid; }
  .loginButton { background-color:#E5E5E5; border:#2C5AA0 1px solid; }
  .loginEmailSms { background-color:#FFFFFF; border:#2C5AA0 1px solid; }
  


/* style for row layout */ 
  div.programmRow { width:100%; height:60px; margin-top:10px; }
  
  div.programmBox0 { height:60px; width:130px; background-color:#EEEEEE; float:left; overflow:hidden; vertical-align:middle; text-align:left; cursor:move; border:1px #000000 solid; }
  div.programmBox { padding-left:1px; height:60px; width:100px; background-color:#EEEEEE; float:left; overflow:hidden; vertical-align:middle; text-align:left; cursor:pointer; border-right:1px #000000 solid; border-top:1px #000000 solid; border-bottom:1px #000000 solid; }
  div.programmBoxActive { padding-left:1px; height:60px; width:100px; background-color:#FF9900; float:left; overflow:hidden; vertical-align:middle; text-align:left; cursor:pointer; border-right:1px #000000 solid; border-top:1px #000000 solid; border-bottom:1px #000000 solid; }
  div.hidden { visibility:hidden; position:absolute; top:1px; left:1px; height:1px; width:1px; }

  div.programmHourRow { width:100%; height:20px; margin-top:10px; }
  div.programmHour0 { height:20px; width:130px; background-color:#FFFFFF; float:left; overflow:hidden; vertical-align:bottom; text-align:left; cursor:move; border:1px #000000 solid; }
  div.programmHour { padding-left:1px; height:20px; width:100px; background-color:#FFFFFF; float:left; overflow:hidden; vertical-align:bottom; text-align:left; border-right:1px #000000 solid; }

  div.HourBox { width:100%; height:30px; background-color:#66FF66; border:1px solid; overflow:hidden; vertical-align:middle; text-align:center; }
  div.HourBoxText { width:130px; background-color:#EEEEEE; float:left; height:18px; font-size:14px; margin-left:2px; margin-top:6px; vertical-align:middle; text-align:right; }
  div.HourBoxTime { background-color:#EEEEEE; float:left; width:25px; height:18px; font-size:14px; margin-left:2px; margin-top:6px; vertical-align:middle; text-align:center; cursor:pointer; }
  div.HourBoxTimeSelected { background-color:#FFCC66; float:left; width:25px; height:18px; font-size:14px; font-weight:bold; margin-left:2px; margin-top:6px; vertical-align:middle; text-align:center; cursor:pointer; }
  
  #Link2Other { width:100%; height:20px; background-color:#FFFFCC; border:#FFCC33 1px solid; vertical-align:middle; text-align:center; cursor:pointer; margin-bottom:20px; margin-top:10px; }