@charset "utf-8";
/* CSS Document */

div.formwrap{
/*min-width: 500px;
max-width: 600px;*/
/*width: 560px;*/
border:1px solid #666; /* sets border of the form */
/*border:0;*/ /* removes border of the form */
padding:1em 1em 0 1em; /* bottom margin 0 to allow fieldset to have bottom margin 1em */
background-color:#bca; /* sets background of the form */
/*font-family: "Trebuchet MS", Helvetica, sans-serif; */ /* consider tweaking with this depending on main stylesheet */
/*font-size: 85%;*/ /* consider tweaking with this depending on main stylesheet */
margin-bottom:1em;
}

form.akdef {  /* set width in form, not fieldset */
margin-top:1em;
margin-left:0;
width:500px;
}

form.akdef fieldset {
/*clear:left;*/
border: #999 1px solid; /* sets the border of the fieldset */
/*border: 0;*/ /* removes the border of the fieldset */
padding: 0.5em 1em 1em 1em; /* padding in fieldset support spotty in IE */
margin: 0 0 1em 0;
background-color:#efefef; /* remember fieldset background is a mess in ie7 */
}

/* style of LEGENDs */

form.akdef fieldset legend {
font-size:1em;
/*border:#999 1px solid;*/ /* set the border of the legend */
background-color:#060;
font-weight:bold;
color:#fff;
padding:0 5px;
margin-left:0 !important;
}

/* style of LABELs */

form.akdef label { 
display: block;  /* block float the labels to left column, set a width */
float: left; 
width: 150px; 
padding: 0; 
text-align: right;
font-size:0.9em; /* general label styling */
font-weight:bold; /* general label styling */
}

form.akdef label.left{ /* left align the labels for 'reversed' radios and checkboxes */
text-align:left;
margin-left:0.5em;
}

form.akdef input.rightlabel{ /* left float the inputs for 'reversed' radios and checkboxes */
float:left;
}

form.akdef input,
form.akdef textarea,
form.akdef select{
width:auto; /* optional set width of inputs, etc */
/*border:1px solid #999;*/
margin:5px 0 0 10px; /* set margin on left of form elements rather than
                        right of label aligns textarea better in IE */
}

/* start tweak label margins to align vertically optimally in various browsers */

form.akdef label{
margin-top:7px;
}
form.akdef input,
form.akdef textarea,
form.akdef select{
margin-top:5px;
}

form.akdef label.radio{
margin-top:2px;
}

form.akdef label.check{
margin-top:2px;
}

/* end tweak label margins to align vertically optimally in various browsers */

form.akdef br{
clear:left;
}

form.akdef fieldset p.fullwidth { /* for a note full width across form */
margin: 0 0 0.5em 0 !important;
padding: 0;
font-size: 0.9em !important;
background-color:transparent;
border:0 !important;
color:#777;
}

form.akdef p.noteafter{ /* for text to right of an input */
display:inline;
width:30%;
position:relative;
top:-2px;
margin:0 !important;
font-size: 0.9em;
padding:0 !important;
}

form.akdef p.noteunder { /* for a paragraph left aligned with and under inputs */
margin: 0.5em 0 0 160px;
padding: 0;
font-size: 0.9em;
color:#777;
}

form.akdef div.formwrap fieldset img.captchaimg{
margin:0 0 0 160px !important; /* mainly for the captcha image */
float:none;
border:0;
}

form.akdef label.radiocheck{
/*width:250px;*/ /* can set this to wider if radios and checks have long labels */
}

/* start for two column radios and checkboxes */
 
form.akdef div.leftcol,
form.akdef div.rightcol{
width:40%;
}

form.akdef div.leftcol{
float:left;
}

form.akdef div.rightcol{
float:left;
}

/* end for two column radios and checkboxes */
 
form.akdef label.between{ /* for label in between two horizontal selectors */
display:inline;
float:none;
margin:0;
padding:0;
}

form.akdef p.check{ /* tweak for vertical alignment of checkboxes optimised for all browsers */
position:relative;
top:1px;
}

form.akdef fieldset.hide{ /* insurance to hide hidden fields */
display:none;
}

form.akdef .required{
border-top:2px solid #f66;
border-bottom:2px solid #f66;
border-left:1px solid #666;
border-right:1px solid #666;
}

form.akdef .require{
color:#b00;
}

form.akdef fieldset input#submit{
width:auto;
}