/* This notice must be untouched at all times.
  
  time pad, copyright 2008, David C. Lindhout, all rights reserved
  
  Yea, like that's gonna do any good...
  It's beauty is in it's simplicity, and it's elegance is it's minimal footprint.
  In other words, there's not much here. And that's a good thing.
  If you find a use for this I hope you give me credit. Stop by
  info-tran.com to tell me about it, I have a forum. Better yet,
  send me a few bucks, there's a convenient way at:

      http://info-tran.com/timePad.html

  I hope this saves everybody a few keystrokes
  
  version 1.0, January 16,2008
*/

.toy {cursor : pointer;cursor : hand;}

.timePad {
  background-color: #3E4E72;
  color:#CCCCCC
}
div.timePad  {
  color: #3E4E72;
  background-image: url(timePad.png);
  background-position: center;
  background-repeat: no-repeat;
  width:60px;
  height:145px;
  margin-top:6px;
  padding-top:px;
cursor : pointer;cursor : hand;}

table.timePad {
  background-color: #3E4E72;
  -moz-user-select: none;
}

.graphic table {
  padding: 3px; /*use this to control border size of text object, and the overall size of the time object
                 unfortunately, in is not recognized by IE7 */
  background-image: url('chart/5-day.png');
  background-position: center;
  font-size: smaller;
  margin: 6px 27px 6px 27px;
  
}
.graphic#endTime table {
  background-image: url('chart/5-day.png');
  background-position: center bottom ;
}

.text table {
  padding: 3px; /*use this to control border size of text object, and the overall size of the time object
                 unfortunately, in is not recognized by IE7 */
  background-color: #CDD1DA; /*border in text version*/
  font-size: smaller;
  margin: 6px 27px 6px 27px;
}

.text tr {
   background-color:#B1B6BA; /*background in text version*/
}

td.field {
  width: 20px; /*width of the hour, minute, am/pm fields. increase with font size */
  text-align: right;/*keep field close to the controls*/
}

.text span.field {
  background-color: #CDD1DA; /*background color of text fields*/
  padding:1px 2px 1px 1px;/*adds a little space around the text fields*/
}

#startAmValue {
  padding:1px 0px 1px 1px;/*except the am fields*/
}

#endAmValue {
  padding:1px 0px 1px 1px;/*except the am fields*/
}

.graphic td.field{ /*graphic version will load background image behind fields and position field*/
  background-image: url(burstFFF18x18.png);
  background-repeat: no-repeat;
  background-position: right;
  padding-top:3px;
  padding-bottom:3px;
}

.graphic span.field {
  padding-right:2px;/*move the fields a little to the left, to center on the graphic below*/
}

td {
  padding: 3px 0px 3px 0px;/*provides the border around the text field backgrounds*/
}

.display {
  width:110px;
  height:16px;
  margin-left:40px;
  color: #CDD1DA;
}

#formed {
  color: #CDD1DA;
  font-size:smaller;
  background-image:url(chart/5-day.png);
  background-position: top center;
  padding-right:9px;
  padding-left:6px;
  margin: 4px 12px 6px 12px;
  line-height:30px;
}

  div#timeBox {
    padding: 0pt;
    margin-top: 5pt;
    margin-left: 5pt;
    float: left;
    position: fixed;
    width:200;
  }