#lsform { border: 1px solid #dec7cf; border-top: 0; background-color: #F8F1F3}
/* FROM http://www.tyssendesign.com.au/articles/css/legends-of-style/ */
fieldset { border: none; }
.fieldset { position: relative; padding: 3em 1em 1em 1em; border: 0; border-top: 1px solid #dec7cf; background: url(/formbg.jpg) repeat-x 1px 1px; }
legend span { position: absolute; width: 29em; top: 0.8em; LEFT: 0; margin-left: 1em; COLOR: #5c2c38; font-weight: bold; font-size: 1.1em; }
.fieldset.pad0 { padding-top: 0.4em; padding-bottom: 0.4em; }



#lsform p { font-weight: bold; margin-bottom: 20px; }
#lsform label { display: block; margin-bottom: 5px; clear: both; height: 1%; }
#lsform br { display: none; }	/* added so that the form with CSS turned off displays nicely */
#lsform label span { margin-left: 2em; float: left; font-size: 0.95em; color: #555; margin-top: 3px; }
#lsform small { display: block; width: 22em; margin-top: 3px; color: gray; }

/* DEFINE THE LEFT HAND "COLUMN" WIDTHS THROUGHOUT */
#lsform label span { width: 10em; }
#lsform label small { margin-left: 13.8em; }


/* INPUT STYLING */
#lsform INPUT, #lsform SELECT, #lsform TEXTAREA { BORDER: 1px solid #c8a3b4; width: 200px; font-family: inherit; font-size: inherit; font-size: 0.98em; padding: 3px; }
#lsform INPUT.inputDate { width: 180px; } /* allow for icon on the right */
#lsform INPUT.inputCheckbox, #lsform INPUT.inputRadio { width: auto; border: 0; padding: 3px; }
#lsform label.labelCheckbox { margin-left: 11em; margin-right: 2em; }
#lsform INPUT.imgr { border: 0 }
#lsform p.indent { margin-left: 11em; margin-top: 4px; margin-bottom: 4px; }

/* VALIDATION STYLING */
#lsform INPUT.validation-failed { BORDER: red 1px solid; background: #ffdddd; }
#lsform TEXTAREA.validation-failed { BORDER: red 1px solid; COLOR: red; background: #ffdddd; }
#lsform SPAN.validation-advice { font-size: 0.92em; PADDING-LEFT: 11em; BACKGROUND: url(/ico_exclamation.gif) no-repeat 5px 1px; PADDING-BOTTOM: 2px; COLOR: #f00; PADDING-TOP: 2px; width: auto; }
#lsform DIV.validation-advice { font-size: 0.92em; margin-left: 10px; MARGIN-TOP: 0px; PADDING-LEFT: 20px; BACKGROUND: url(/ico_exclamation.gif) no-repeat 0px 0px; COLOR: red; display: inline; }
#lsform .validation-summary { BORDER: #ff9191 1px solid; FONT-WEIGHT: normal; BACKGROUND: url(/ico_error.png) #ffe8e8 no-repeat 5px 50%; MARGIN: 5px; WIDTH: 535px; COLOR: black; padding: 5px 5px 5px 25px; }

/* WELCOME BOX STYLING */
#welcome { position: relative; background: #d8efff url(/backgroundWelcome.gif) repeat-x top left; border: 1px solid #a5cceb; padding: 15px; overflow: hidden; height: 1%; padding-right: 80px; }
#welcome h2 { color: #fff; margin: 0px 10px 14px 0px; font-size: 1.6em; }
#welcome p,#welcome ul,#welcome ol { color: #444444; list-style-position: outside; font-size: 0.92em; }
#welcome ul { padding-left: 2em; }
#welcome #logo { position: absolute; bottom: 0; right: 0; }
#welcome #close { position: absolute; top: 12px; right: 12px; cursor: hand; }
#welcome #welcomeButton { float: left; width: 103px; background: #42a1f6 url("/common/images/welcomeButtonTop.gif") top left no-repeat; color: #fff; font-weight: bold; margin: 10px 10px 0 0; }
#welcome #welcomeButton a { background: transparent url("/common/images/welcomeButtonBottom.gif") no-repeat bottom left; display: block; padding: 5px 0 7px 0; text-align: center; margin: 0; color: #fff !important; }
#welcome #welcomeButton a:hover,#welcome a:focus { text-decoration: none !important; cursor: hand; border-bottom: 0; }

/* NEXT LINE ADDED SPECIFICALLY FOR TINYMCE AND IT'S MARKUP BEING AFFECTED BY THE STYLED FORM! */
#lsform label div table span { width: auto; margin-left: auto; float: none; }
#lsform label div table.mceLayout { border: 1px solid #749cd2 }

/* HELP TEXT */
#lsform p.helptext { margin-left: 1em; color: #39222a; margin-right: 1em; font-weight: normal;  background-color: #f3e7eb; padding: 1em; }


/* NARROW FOR LOGINS AND STUFF */
/* DEFINE THE LEFT HAND "COLUMN" WIDTHS THROUGHOUT */
#lsform.narrow label span { width: 6em; }
#lsform.narrow small { margin-left: 10em; }
#lsform.narrow .indent { margin-left: 8em; }
#lsform.narrow .fieldset { padding-left: 0px; padding-right: 0px; }
#lsform .fieldset.notop { padding-top: 10px; padding-bottom: 0px; }


#lsform .error { margin-left: 1em; margin-right: 1em; font-weight: bold; border: 2px dashed red; padding: 1em; background: #ffe3e3 url(/ico_exclamation.gif) no-repeat 8px 8px; padding-left: 30px; margin-bottom: 20px; }