/* ======================================================== */
/* kewlControls.css
/* author: Jason Steen
/* create date: 4/23/2007
/* description: styles for custom controls eg-kewlButtons
/* ======================================================== */


  .kewlButton { text-align: center; border: none; }
  .kewlButton table {height:23px; overflow:hidden; margin:0pt auto;}
  
/* default kewlButton */
  .kewlButton .leftCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_orange_left.gif);}
  .kewlButton .leftCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}

  .kewlButton .midStretch { background-image:url(/images/kewlControls/buttons/btnInset_orange_mid.gif); }
  .kewlButton .midStretch div { height:18px; color:#ffffff; font-size: .8em; padding:5px 0 0 0; cursor:hand; text-decoration:none; text-align:center;}

  .kewlButton .rightCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_orange_right.gif);}
  .kewlButton .rightCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}
/* /default kewlButton */

/* orange kewlButtons */
  .kewlButton { height:23px; font-size: 11px;}
  .orange .leftCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_orange_left.gif);}
  .orange .leftCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}

  .orange .midStretch { background-image:url(/images/kewlControls/buttons/btnInset_orange_mid.gif); }
  .orange .midStretch div { height:18px; color:#ffffff; font-size: 11px; /*.9em;*/ font-weight:bold; padding:4px 0 0 0;}

  .orange .rightCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_orange_right.gif);}
  .orange .rightCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}
/* /orange kewlButtons */

/* blue kewlButtons */
  .blue .leftCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_blue_left.gif);}
  .blue .leftCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}

  .blue .midStretch { background-image:url(/images/kewlControls/buttons/btnInset_blue_mid.gif); }
  .blue .midStretch div { height:18px; color:#000; font-size: .8em; padding:5px 0 0 0; cursor:hand; text-decoration:none;}

  .blue .rightCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_blue_right.gif);}
  .blue .rightCap div { width:10px; height: 23px; cursor:hand; text-decoration:none;}
/* /blue kewlButtons */


/* white kewlButtons */
  .white table { height:21px; }
  .white .leftCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_white_left.gif); background-repeat: no-repeat;}
  .white .leftCap div { width:10px; height: 21px; cursor:hand; text-decoration:none; margin: 0 0 0 0;}

  .white .midStretch { background-image:url(/images/kewlControls/buttons/btnInset_white_mid.gif); background-repeat: repeat-x;}
  .white .midStretch div { height:18px; color:#000; font-size: .8em; padding:5px 0 0 0; cursor:hand; text-decoration:none;}

  .white .rightCap { width:10px; background-image: url(/images/kewlControls/buttons/btnInset_white_right.gif);background-repeat: no-repeat;}
  .white .rightCap div { width:10px; height: 21px; cursor:hand; text-decoration:none;}
/* /white kewlButtons */