/*	
Copyright 2005 Adobe Systems Incorporated.
Forms CSS
$Revision: #1 $
*/
fieldset {
border-style: hidden;
border-width: 0;
padding: 0;
margin: 0.5em 0;
}
.form-columns div fieldset {
margin-top: 0;
}
.licenseAgreement {
padding: 1em;
margin: 1em 0;
height: 10em;
min-height: 10em;
border: 1px solid;
width: 32em;
overflow: auto;
}
input.checkbox {
margin-right: 4px;
}
p input {
vertical-align: middle;
}
input.login-username,
input.login-password,
input.serialnumber, 
input.numeric { 
border: 1px solid;
width: 188px !important;
width: 193px;
}
input.login-username,
input.login-password {  
padding: 2px 4px 0 4px;
margin: 0 0 4px 0;
width: 188px !important;
width: 193px;
}
input.numeric, 
input.serialnumber {
padding: 2px 0 2px 4px;
margin-bottom: 1px;
}
input.numeric {	
width: 60px !important;
width: 56px;
}
input.serialnumber {
margin-left: 0;
}
.button-group {
padding-top: 1.5ex
}
* html .button-group {
padding-bottom: 1.5ex
}
input.formButton {
border: 0; 
padding: 0 4px 0 0;
vertical-align: top;
}
input.formSubmitButton {
border: 0; 
padding: 0 0 0 8px;
vertical-align: top;
}
input.gobutton {
height: 20px;
width: 20px;
background: white url(/images/buttons/go_button.gif);
margin-left: 4px;
}
.nav-right input {
margin-left: 4px !important;
}
.cancel { 
margin-right: 31px !important;
}
select.multiselect {
padding-bottom: 16px;
height: 5em;
}
#msg-error {
padding: 8px;
margin-bottom: 1em;
}
#msg-error .icon { /* this is sloppy, but this whole sheet is due to expire so...*/
padding-left: 20px;
padding-bottom: 5px;
}
div.msg-alert,
#msg-error {
position: relative;
top: 0;
left: 0;
min-height: 1em;
margin: 8px 0;
padding: 8px 8px 8px 32px;
_height: 1em;
}
div.msg-alert img,
#msg-error img {
width: 16px;
height: 16px;
position: absolute;
top: 8px;
left: 8px;
}
p.msg-error,
div.msg-error {
margin: 8px 0;
padding: 0;
}
p.msg-error img,
div.msg-error img {
display: none;
}
span.required {
padding-left: .5ex;
_height: 1em; 
_text-indent: 0; 
}
p.go-button,
div.go-button {
margin-top: 0.4em;
text-align: right;
}
form {
margin: 0;
padding: 0;
}
form.form-columns,
div.form-columns {
margin-bottom: 2em; 
margin-top: 0.5em;
}
form.searchUsergroups {
width: 16em;	
}
div.form-indent {
margin: 0.5em 0 0.5em 3em;
}
div.form-indent div.columns-2-AB-A,
div.form-indent div.columns-2-AB-B {
width: 40%;
}
div.formSubmitButtons {
float: right; 
clear: both; 
padding: 32px 0 0 0;
margin: 0;
}
form.form-columns h2.header-border,
div.form-columns h2.header-border {
margin-top: 1.5em;
border-bottom: solid 1px #e6e6dc;
padding-bottom: 0.5em;
margin-bottom: 0.9em;
}
.input-group {
margin-bottom: 1.35em;
}
.input-group p {
padding-top: 2px;
padding-left: 23px;
margin-bottom: 2px;
}
/*\*/	
html>body .input-group input.radio,
html>body .input-group input.checkbox {
position: relative;
top: 0;
left: -23px;
width: 13px;
margin: 0 -23px 0 0;
}
#gecko:first-child .input-group input.radio,
#gecko:first-child .input-group input.checkbox,
head:first-child+body .input-group input.radio,
head:first-child+body .input-group input.checkbox {
margin: 0 -17px 0 0;
}
/* */
* html .input-group p {	
text-indent: -23px;
}
* html .input-group input.radio,
* html .input-group input.checkbox {
margin-left: 0px;
margin-right: 2px;
/*\*/
margin-top: -0.5em;
margin-bottom: -0.5em;
margin-right: 0;
/* */
}
.input-left { 
padding-left: 18px; 
}
.input-left p {
clear: both;
margin: 0 0 0.5em;
padding: 3px 0 !important;
padding: 0;
}
.input-left ul { 
margin-bottom: 0.5em;
}
.input-left p input.radio,
.input-left p input.checkbox {
float: left;
padding-top: 0;
padding-bottom: 0;
margin-left: -18px; 
}
.input-left input.textfield {
width: 170px;
}
.input-left input.login-password {
width: 100px !important;
padding: 2px 0 2px 4px;
margin-left: 0;
margin-bottom: 2px;
}
* html>body .input-left {
padding-left: 2em;
}
* html>body .input-left p input.radio,
* html>body .input-left p input.checkbox {
padding-top: 2px;
padding-bottom: 2px;
margin-left: -1.8em;
}
div.label-top {
padding-bottom: 0.4em;
}
label input,
label select {
vertical-align: middle;
}
label.label-top input,
label.label-top select,
label.label-top textarea {
margin-top: 0.4em;
}
label.label-left input,
label.label-left select,
label.label-left textarea {
margin-left: 1%;
}
div.input-left p.label { 
margin-bottom: 0.15em;
}
.label-description {
display: block;
padding: 0;
margin: 0.3em 0;
}
* html>body .label-description {
margin: 0.3em 1px 0.3em 0;
}
label.label-description a.helptextlink {
margin-top: -6px;
}
dl.label-left
{
margin: 0 0 .5em;
}
label.label-left:after,
dl.label-left:after,
form span.with-price:after
{
clear: both;
content: ".";
display: block;
height: 1px;
visibility: hidden;
}
label.label-left,
dl.label-left,
form span.with-price
{
min-height: 1em;
_height: 1em;
/*\*//*/display: inline-block;/**/
}
span.label-title,
label.label-left,
span.form-tip,
span.form-controls-left,
span.form-controls-right,
form span.with-price,
form span.with-price span.price
{
display: block;
}
label.label-left span.label-title,
dl.label-left dt.label-title
{
width: 32%;
float: left;
text-align: right;
margin-right: 1%;
}
dl.label-left dd
{
float: right;
width: 66%;
margin-left: 0;
margin-bottom: .25em;
}
dl.label-left dt
{
margin-top: 0;
}
label.label-left span.label-title
{
margin-top: .25em;
}
label.label-left span.form-tip,
span.form-controls-left,
span.form-controls-right
{
margin-left: 34%;
}
span.form-controls-left,
span.form-controls-right
{
margin-top: 2em;
}
span.form-controls-right
{
text-align: right;
}
label.label-left span.form-tip
{
clear: both;
}
.form-tip
{
font: normal .95em/1.35em Verdana, Arial, Helvetica, sans-serif;
}
form span.with-price span.price
{
float: left;
margin-top: .25em;
text-align: left;
}
.form-controls-justify input,
.form-controls-justify button {
float: left;
}
.form-controls-justify .submit {
float: right;
}
.form-controls-justify::after {
content:"\0020";
display: block;
clear: both;
height: 0;
}
* html .form-controls-justify {
height: 1em;
}
span.form-controls-justify {
display: block;
}
.form-compact
{
margin-bottom: 1.5em;
}
.form-compact p,
.form-compact dt.label-title
{
margin-top: .25em;
margin-bottom: .25em;
}
.form-compact .label-title
{
text-transform: uppercase;
}
legend
{
font-weight: bold;
line-height: 1.35em;
margin-bottom: 1em;
}
fieldset>legend
{
width: 100%;
float: left;
}
fieldset>legend+*
{
clear: left;
}
* html legend
{
position: relative;
top: 0;
left: -1ex;
width: 100%;
}
* html legend .label-title
{
width: 100%;
}
a.narrow {
width: 4em !important;
}
a.wide {
width: 10em !important;
}
a.xwide {
width: 16.5em !important;
}
.narrow {
width: 13em !important;
}
.wide {
/*\*//**/
width: 21em !important; 
/*\*//*/
width: 20em !important;
/**/	
}
.xwide {
width: 35em !important;
}
.min {
width: auto !important;
}
.month, .day, .xxnarrow { 
width: 4em !important;
}
.year { 
width: 5em !important;
}
.securecode {
width: 3em !important;
}
.form-columns div.columns-2-AB-A,
.form-columns div.columns-2-aaB-aa,
.form-columns div.columns-3-aabbC-aa {
text-align: right;
}
.form-columns div.txtleft {
text-align: left !important;
}
.submit {
font-weight: bold;
font-family: inherit;
text-align: center;
color: #2b333c;
background: #fefefe url(/lib/com.adobe/template/form/element_bg.gif) repeat-x;
border: 1px solid;
border-color: #c4cccc #acb5b5 #6f7777 #acb5b5;
-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
filter:progid:DXImageTransform.Microsoft.dropshadow(OffX=0, OffY=1, Color=#AAAAAA);
box-shadow: 0 1px 2px #AAA;
padding: .2em 1.5ex;
_padding: .2em 2ex;
_width/**/:1px;
_white-space: nowrap;
overflow: visible; /* fix button width for IE 5.5 to 7 */
cursor: pointer;
_cursor: hand;
vertical-align: middle;
}
.submit {
_margin-left: expression(this.previousSibling ? '1ex' : 'null');
}
*+.submit {
margin-left: 1ex;
}
/* \*/
::root input.submit {
font-size: inherit;
}
/* */
.submit:hover {
outline-width: 2px;
background-color: #FFF;
outline: #D6FFC9 solid 1px;
}
::root .submit>* {
position: relative; /* Safari 2 throws outlines around everything inside button. Newer Webkits address this bug. For now, this puts the button text on top of all the outlines. */
}
a.submit { 
text-decoration: none;
display: -moz-inline-box;
display: inline-block;
_display: inline;
zoom: 100%;
white-space: nowrap;
}
