﻿/****************************************************************************************
 Classes to give input fields (TextBox, DropDowns, etc.) some style
****************************************************************************************/

.DropDownBoxDiv { margin:0; height:21px; width:201px; background: url('../images/largeField.png') no-repeat bottom; line-height:normal; }
.DropDownBox { background:none; border:none; width:200px; height:20px; margin:0; padding: 1px 0 0 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; cursor:pointer; }
.DropDownBoxDiv.Highlight select { color:#FFFFFF;background-color:#3399FF; }
.DropDownMBoxDiv { margin:0; height:21px; width:144px; background: url('../images/mediumField.png') no-repeat bottom; line-height:normal; }
.DropDownMBox { background:none; border:none; width:143px; height:20px; margin:0; padding: 1px 0 0 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; cursor:pointer; }
.DropDownSBoxDiv { margin:0; height:21px; width:71px; background: url('../images/smallField.png') no-repeat bottom; line-height:normal; }
.DropDownSBoxBox { background:none; border:none; width:70px; height:20px; margin:0; padding: 1px 0 0 2px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.TextExtraLBoxDiv { margin:0; height:21px; width:301px; background: url('../images/formField300px.png') no-repeat bottom; }
.TextExtraLBox { background:none; border:none; width:285px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.TextLBoxDiv { margin:0; height:21px; width:201px; background: url('../images/largeField.png') no-repeat bottom; }
.TextLBox { background:none; border:none; width:185px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.TextMBoxDiv { margin:0; height:21px; width:144px; background: url('../images/mediumField.png') no-repeat bottom; }
.TextMBox { background:none; border:none; width:130px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.TextSBoxDiv { margin:0; height:21px; width:71px; background: url('../images/smallField.png') no-repeat bottom; }
.TextSBox { background:none; border:none; width:58px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.qv-input-textbox-440-div { margin:0; height:21px; width:440px; background: url('../images/textbox-440.png') no-repeat bottom; }
.qv-input-textbox-440 { background:none; border:none; width:431px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }

.qv-input-text-area-440-div { margin:0; height:71px; width:440px; background: url('../images/text-area-440.png') no-repeat bottom; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
.qv-input-text-area-440 { background:none; border:none; width:431px; height:67px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; border:0px none; resize:none; padding:0px 0px 0px 0px; margin:2px 2px 2px 7px; }
.TextAreaSBoxDiv{ margin:0; height:71px; width:201px; background: url('../images/commentField200w.png') no-repeat bottom; }
.TextAreaSBox{ background:none; border:none; width:192px; height:65px; margin:0; padding: 2px 0 0 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; resize:none; }
.TextAreaMBoxDiv{ margin:0; height:71px; width:301px; background: url('../images/commentField300w.png') no-repeat bottom; }
.TextAreaMBox{ background:none; border:none; width:292px; height:65px; margin:0; padding: 2px 0 0 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; resize:none; }
.TextAreaLBoxDiv{ margin:0; height:71px; width:451px; background: url('../images/commentField.png') no-repeat bottom; }
.TextAreaLBox{ background:none; border:none; width:442px; height:65px; margin:0; padding: 2px 0 0 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; resize:none; }
.CalendarIconBtn{ float: left;margin: 2px 0 0 5px; cursor:pointer;}

.Digit3BoxDiv { margin:0; height:21px; width:35px; background: url('../images/3DigitFormField.png') no-repeat bottom; }
.Digit3Box { background:none; border:none; width:21px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.Digit4BoxDiv { margin:0; height:21px; width:41px; background: url('../images/4DigitFormField.png') no-repeat bottom; }
.Digit4Box { background:none; border:none; width:28px; height:17px; margin:0; padding: 2px 7px 0px 6px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
.Digit5BoxDiv { margin:0; height:21px; width:51px; background: url('../images/5DigitFormField.png') no-repeat bottom; }
.Digit5Box { background:none; border:none; width:35px; height:17px; margin:0; padding: 2px 7px 0px 7px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; }
