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

div.formwrap{
/* border:1px solid #666; */ /* sets border of the form */
/*border:0;*/ /* removes border of the form */
background-color:transparent; /* sets background of the form */
/*font-family: "Trebuchet MS", Helvetica, sans-serif; */ /* consider tweaking with this depending on main stylesheet */
/*font-size: 0.9em;*/ /* consider tweaking with this depending on main stylesheet */
}

form {  /* set width in form, not fieldset */
}

div.formwrap fieldset {
border: #999 1px solid; /* sets the border of the fieldset */
/*border: 0;*/ /* removes the border of the fieldset */
background-color:transparent; /* remember fieldset background is a mess in ie7 */
}

/* style of LEGENDs */

div.formwrap fieldset legend {
font-size:1em;
border:#999 1px solid; /* set the border of the legend */
background-color:#eaa;
color:#333;
font-weight:bold;
}

/* style of LABELs */

div.formwrap label {
font-size:1em; /* general label styling */
font-weight:bold; /* general label styling */
/*min-height:10px;
height:10px;*/
position:relative;
top:4px;
}

div.formwrap label.left{

}

div.formwrap input.rightlabel{ /* left float the inputs for 'reversed' radios and checkboxes */

}

div.formwrap input,
div.formwrap textarea,
div.formwrap select{
/*border:1px solid #999;*/
padding:0;
}

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

div.formwrap label,
div.formwrap input,
div.formwrap textarea,
div.formwrap select{
margin-top:5px;
}

div.formwrap label.radio,
div.formwrap label.check{
margin-top:2px;
}

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

div.formwrap br{
clear:left;
}

div.formwrap fieldset img{
margin:1em 0 0 175px; /* mainly for the captcha image */
}

div.formwrap fieldset#captcha img{
float:none;
margin:1em 0 0 175px; /* mainly for the captcha image */
}

/* start for two column radios and checkboxes */
 
div.formwrap div.leftcol,
div.formwrap div.rightcol{

}

div.formwrap div.leftcol{

}

div.formwrap div.rightcol{

}

/* end for two column radios and checkboxes */
 
div.formwrap label.between{ /* for label in between two horizontal selectors */

}

div.formwrap p.check{ /* tweak for vertical alignment of checkboxes optimised for all browsers */

}

div.formwrap fieldset.hide{ /* insurance to hide hidden fields */

}

input.button {
background:transparent url('/css/button-bgd-off.png') repeat-x 0 0;
border: none;
cursor: pointer;
height: 30px;
overflow: hidden;
padding: 0 5px 0px 5px !important;
margin: 0 0 0 0;
width: auto;
color:#fff;
font-weight:bold;
font-size:1.2em;
border-left:1px solid #5e6f77;
border-right:1px solid #5e6f77;
position:relative;
top:-6px;
}

input.button:hover {
background:transparent url('/css/button-bgd-on.png') repeat-x 0 0;
border-left:1px solid #478c54;
border-right:1px solid #478c54;
}

div.formwrap fieldset.blurbonly p{
line-height:150%;
margin-bottom:1em;
}


/* form paragraph styling */

div.formwrap fieldset p { /* for a note full width across form */
margin: 0;
padding: 0;
font-size:1em;
font-weight:bold;
line-height:110%;
position:relative;
top:-2px;
}

div.formwrap fieldset p.fullw { /* for a paragraph full width */
padding: 0;
margin:0.5em 0 0 0;
}

div.formwrap fieldset p.grplabel { /* for a paragraph full width */
padding: 0;
margin:0.5em 0 0 0;
font-size:1.1em;
}

div.formwrap fieldset p.under { /* for a paragraph left aligned with and under inputs */
padding: 0 0 0 15px;
margin:0.5em 0 0 175px !important;
background: transparent url('/css/under-arrow.png') no-repeat 0 3px;
font-weight:normal;
}

div.formwrap fieldset p.right{ /* for text to right of an input */
display:inline;
margin:0 0 0 0;
}

div.formwrap fieldset p.valnote { /* for an instruction relating to validation */
font-size: 1em;
color:#b00;
margin:0.5em 0 0 0;
font-weight:normal;
padding-left:12px;
background: transparent url('/css/valnote.png') no-repeat 0 3px;
}

div.formwrap fieldset p.check{ /* tweak for vertical alignment of checkboxes optimised for all browsers */
display:inline;
width:30%;
position:relative;
top:-2px;
margin:0;
font-size: 1em;
position:relative;
top:1px;
}

div.formwrap fieldset p.require{
padding-left:15px;
/*color:#b00;*/
background:transparent url('/css/require.png') no-repeat 0 2px;
}

div.formwrap fieldset .require{
/*color:#b00;*/
background:transparent url('/css/require.png') no-repeat 0 1px;
}

div.formwrap fieldset label.between.require{
padding:0 0 0 15px;
background:transparent url('/css/require.png') no-repeat 0 4px;
}


/*styling for required elements */

div.formwrap fieldset label.error{
background-color:#b00;
color:#ff0;
background:#b00 url('/css/error.png') no-repeat 5px 2px;
width:155px;
padding:2px 10px 2px 0;
}



hr{
width:100%;
color:#eee;
}

select{
background-color:#fff;
font-size:0.9em;
}

optgroup{
font-family: "Trebuchet MS", Helvetica, sans-serif;
background-color:#ccc;
font-style:normal !important;
font-weight:bold;
}

optgroup option{
background-color:#fff;
font-weight:normal;
}

div.formwrap fieldset.formnotes p{
margin:0.5em 0 0 0;
}

div.formwrap fieldset.formnotes img{
margin:0;
}

div#tip{
font-size:0.9em;
z-index:500;
position:absolute;
font-family:Arial;
color:black;
background-color:#FFFFE6;
border:1px solid #7F7F7F;
padding:5px;
text-align:left;
cursor:pointer;
}

div#tip p{
padding:3px !important;
margin:0 !important;
line-height:120%;
/* background:#eee url('/css/close.png') no-repeat 100% 0; */
}

div#tip img{
float:right;
position:relative;
top:-2px;
right:-2px;
margin:0 0 3px 0.5em !important;
}