/**
 * Form
 * @package css
 * @version 0.2
 * @author Jaap Broeders
 * @copyright 2006 - 2009 Beatboost
 */
.inputButton { position: relative; display: block; height: 22px; cursor: pointer; }
.inputButton .l { position: absolute; top:0; left:0; width:5px; font-size: 3px; line-height: 22px; background: transparent url('/images/btn_l.gif') left top no-repeat; }
.inputButton .m { position: relative; margin-left: 5px; margin-right: 5px; padding-left: 2px; padding-right: 2px; height: 22px; line-height: 22px; text-align: center; font-family: Arial, sans-serif; font-size: 11px; color: #3d3d3d; background: transparent url('/images/btn_m.gif') left top repeat-x; }
.inputButton .r { position: absolute; top: 0; right: 0; width:5px; font-size: 3px; line-height: 22px;  background: transparent url('/images/btn_r.gif') left top no-repeat; }

.inputText { width:35px; height:14px; border-width: 0px; padding: 4px; font-size: 12px; background: url('/images/input_size4.gif') left top no-repeat; }
.inputText64 { width:160px; height:14px; border-width: 0px; padding: 4px; font-size: 12px; background: url('/images/input_size64.gif') left top no-repeat; }

.inputPassword { width:35px; height:14px; border-width: 0px; padding: 4px; font-size: 12px; background: url('/images/input_size4.gif') left top no-repeat; }
.inputPassword64 { width:160px; height:14px; border-width: 0px; padding: 4px; font-size: 12px; background: url('/images/input_size64.gif') left top no-repeat; }

.inputSelect { position: relative; margin: 0; padding: 0; width: 98px; height: 22px; }
.inputSelectValue { margin: 0; padding: 2px; padding-left: 6px; width: 90px; height: 18px; line-height: 18px; font-family: Arial, sans-serif; font-size: 11px; color: #3d3d3d; cursor: pointer; background: transparent url('/images/input_select.gif'); }
.inputOptions { position: absolute; z-index: 2; margin: 0; padding: 0; padding-bottom: 5px; top: 18px; width: 98px; background: transparent url('/images/input_select_bottom.gif') left bottom no-repeat; display: none; }
.inputOptions DIV { padding:0; margin:0; line-height: 4px; font-size: 3px; cursor: pointer; background: #FFF; border-left: 1px solid #acb4b2; border-right: 1px solid #acb4b2; }
.inputOptions DIV SPAN { display: block; margin: 0; padding: 2px; padding-left: 4px; line-height: 15px; width: 90px; font-size: 11px; color: #3d3d3d; }
.inputOptions DIV SPAN:hover { background: #d6ecf4; color: #3d3d3d; }

.inputCheckbox { position: relative; float: left; margin: 0; padding: 0; left: 0; top: 0; width: 16px; height: 16px; }
.inputCheckbox DIV { position: absolute; margin: 0; padding: 0; width: 16px; height: 16px; background: url('/images/input_check.gif'); cursor: pointer; }
.inputCheckbox .checked { background: url('/images/input_check_active.gif'); }

.inputRadio { position: relative; margin: 0; padding: 0; left: 0; top: 0; width: 16px; height: 16px; }
.inputRadio DIV { position: absolute; margin: 0; padding: 0; width: 16px; height: 16px; background: url('/images/input_check.gif'); cursor: pointer; }
.inputRadio .checked { background: url('/images/input_check_active.gif'); }