+.menuDrawer input[type="text"],
+.menuDrawer input[type="number"] {
+ vertical-align: middle;
+ background-image: none;
+ background-color: rgba(204, 204, 204, .7);
+ color: #404040;
+ padding: 1px .5em;
+ margin: 1px 0;
+ border: 1px solid #CCCCCC;
+ border-radius: 3px;
+}
+
+.menuDrawer input[type="text"] {
+ text-align: left;
+}
+
+.menuDrawer input[type="number"] {
+ text-align: right;
+}
+
+.menuDrawer input[type="text"]:disabled,
+.menuDrawer input[type="number"]:disabled {
+ background-color: rgba(204, 204, 204, .1);
+ color: rgba(204, 204, 204, .5);
+ border: 1px solid rgba(255, 255, 255, .5);
+}
+
+.menuDrawer input[type="text"]:not(:disabled):hover,
+.menuDrawer input[type="number"]:not(:disabled):hover {
+ border: 1px solid #FFFFFF;
+}
+
+.menuDrawer input[type="text"]:not(:disabled):focus,
+.menuDrawer input[type="number"]:not(:disabled):focus {
+ background-color: rgba(204, 204, 255, .8);
+ border: 1px solid #FFFFFF;
+ color: #202020;
+}
+