position: relative;
z-index: 2;
}
-
-.x-form-label-right
+.x-form-displayfield {
+ padding-top: 3px;
+}
+.x-form-label-right label
{
- align: right;
+ text-align: right;
}
.x-form-label-top .x-form-item label
/* --- move to a more generic place... ---*/
.x-form-item,
.x-form-text,
-.x-combo-list
+.x-combo-list,
+.x-form fieldset legend
{
font: normal 11px tahoma, verdana, helvetica;
}
}
.x-form-text
{
- height: 14px;
+ height: 18px; /* needs 20px in one of the non-roo projects..? */
line-height: 18px;
vertical-align: middle;
background: url(../images/default/form/bg.gif) repeat-x 0 0;
padding-top: 2px;
padding-bottom: 2px;
}
+/*
+on our demo's this is far to small
+
+*/
+.x-form-item .x-form-text
+{
+ height: 14px; /* need to determine when this should be larger or smaller.. ? */
+}
+
/* -- border around text elements */
.x-form-text,
.x-form-textarea,
{
border: solid 1px black;
}
+
.x-form-field-wrap
{
position: relative;
whitespace: nowrap;
}
-asdffff
+
/* gecko specific fix */
-}
.roo-ie .roo-strict .x-form-text,
.roo-ie .x-form-text
{
}
.roo-gecko .x-form-item .x-form-text {
+ /* the dynamic demo needs 20px */
height:16px;
}
.roo-gecko .x-form-text {
padding-bottom: 0px;
}
+.x-form-empty-field {
+ color : #666;
+}
+
/* ---------------------- FORM INVALID --------------------- */
.x-form-invalid-icon
.x-form-invalid
{
- background: url(../images/default/grid/invalid_line.gif) repeat-x 0 16px;
- border: 1px solid red;
+ background: #ff0 url(../images/default/grid/invalid_line.gif) repeat-x 0 16px;
+ border: 1px solid red !important;
}
textarea.x-form-invalid
{
.x-form fieldset
{
border: 1px solid #ccc;
- padding-top: 12px;
+ padding-top: 7px;
padding-left: 12px;
- padding-bottom: 16px;
-
+ padding-bottom: 7px;
+ margin-bottom:9px;
+}
+.roo-ie .x-form fieldset {
+ float: left; /*ie borked */
+}
+.x-form fieldset legend {
+ font-weight: bold;
}
-
-
/* ---------------------- FORM CHECKBOXES --------------------- */
.x-form-cb-label
position: absolute;
- top: -1px;
+ /* top: -1px; */
background:url(../images/default/combo/arrow.gif); /* arrow image, 15x15px */
background-repeat:no-repeat;
background-position:center; /* centers image in div, creating 1px white border effect */