.form_basic * {
    margin:0;
    padding:0;
  }
                                       /* --- Complete form with all form elements             --- */
                                       /* Colours.                                                 */
                                       /* Colour off label text.                                   */
.form_basic div.formsection label {
    color:#00264d;
  }
                                       /* Colour of borders.                                       */
.form_basic form,
.form_basic div.formsection, 
.form_basic div.formsection input {
    border-color:#d2d2d2;
  }
                                       /* Colour of border on field when field has focus.          */
.form_basic div.formsection input:focus, 
.form_basic div.formsection textarea:focus,
.form_basic div.formsection select:focus {
    border-color:#ececec;
  }
                                       /* End Colours.                                             */
.form_basic h3 {
                                       /* Margin and font size changed.                            */
    margin-top:.5em;
    font-size:1.5em;
  }
.form_basic form {
    float:left;
    width:24em;
    margin:6px 0 0 0px;                /* Temp for this demo - moves the form from                 */
                                       /* T/L corner of page.                                      */
    padding:0em .75em 1em;
    border-width:2px;
    border-style: solid;
  }
.form_basic div.formsection {
    float:left;                        /* Enclose the form control and label.                      */
    width:100%;                        /* Makes the floated element full width.                    */
    border-width:0 0 1px 0;
    border-style: solid;
    padding-bottom:.5em;
  }
.form_basic div.formsection input {
    font-size:.8em;
    border-width:1px;
    border-style: solid;
                                       /* Margin added to clear textbox from top of surrounds.     */
                                       /* Padding added to clear descenders from textbox.          */
    margin:.5em 0 0;
    padding:.1em 0em .2em;
  }
.form_basic div.formsection label {
    display:block;
    clear:both;
    font-size:85%; 
    margin:.5em 0 .2em 0;
                                       /* Float/width added to put label/textbox on same line.     */
    float:left;
    width:30%; 
                                       /* Label Colour to Black and Weight to Bold.                */
    color:#000000;
    font-weight:bold;
  }
.form_basic div.formsection input {          /* Input boxes                */
    border:1px solid #d2d2d2;
    font-weight:bold;
  }
.form_basic div.formsection select {
    border-width:2px; 
    border-style:solid;
    margin:.5em 0 .2em 0;
  }
.form_basic div input[type="submit"] {  
                                       /* IDWIMIE6 so the button is on the left in IE6.            */
    float:right;
    margin:.5em .5em 0 0;
  }
                                       /* Styles for the checkbox and radio button sets.           */
.form_basic div.formsection .buttongroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_basic div.formsection .buttongroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_basic div.formsection .buttongroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

.form_basic div.formsection .textgroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_basic div.formsection .textgroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_basic div.formsection .textgroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

                                       /* Highlight field when focused.                            */
.form_basic div.formsection input:focus, 
.form_basic div.formsection textarea:focus,
.form_basic div.formsection select:focus {
    border-width:2px; 
    border-style:solid;
  }

                                       /* Styles for the msgs/errors list.                         */
.form_basic div.formsection  ul {      /* Add 'message' class to div to see this list.             */
    display:none;  
    font-size:.8em;
    padding:1em 3em;
  }
                                       /* Add 'message' class to ul to see this list.              */
.form_basic div.formsection ul.message {
    display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  } 
.form_basic div.formsection ul.error {
    color:red; display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  }
.form_basic div.formsection li {padding: 0 0;}
                                       /* End styles for the msgs/errors list.                     */

.form_admin * {
    margin:0;
    padding:0;
  }
                                       /* --- Complete form with all form elements             --- */
                                       /* Colours.                                                 */
                                       /* Colour off label text.                                   */
.form_admin div.formsection label {
    color:#738040;
  }
                                       /* Colour of borders.                                       */
.form_admin form,
.form_admin div.formsection, 
.form_admin div.formsection input {
    border-color:#738040;
  }
                                       /* Colour of border on field when field has focus.          */
.form_admin div.formsection input:focus, 
.form_admin div.formsection textarea:focus,
.form_admin div.formsection select:focus {
    border-color:#738040;
  }
                                       /* End Colours.                                             */
.form_admin h3 {
                                       /* Margin and font size changed.                            */
    margin-top:.5em;
    font-size:1.5em;
  }
.form_admin form {
    float:left;
    width:24em;
    margin:6px 0 0 0px;                /* Temp for this demo - moves the form from                 */
                                       /* T/L corner of page.                                      */
    padding:0em .75em 1em;
    border-width:2px;
    border-style: solid;
  }
.form_admin div.formsection {
    float:left;                        /* Enclose the form control and label.                      */
    width:100%;                        /* Makes the floated element full width.                    */
    border-width:0 0 1px 0;
    border-style: solid;
    padding-bottom:.5em;
  }
.form_admin div.formsection input {
    font-size:.8em;
    border-width:1px;
    border-style: solid;
                                       /* Margin added to clear textbox from top of surrounds.     */
                                       /* Padding added to clear descenders from textbox.          */
    margin:.5em 0 0;
    padding:.1em 0em .2em;
  }
.form_admin div.formsection label {
    display:block;
    clear:both;
    font-size:85%; 
    margin:.5em 0 .2em 0;
                                       /* Float/width added to put label/textbox on same line.     */
    float:left;
    width:30%; 
                                       /* Label Colour to Black and Weight to Bold.                */
    color:#000000;
    font-weight:bold;
  }
.form_admin div.formsection input {
    border:1px solid #738040;
    font-weight:bold;
  }
.form_admin div.formsection select {
    border-width:2px; 
    border-style:solid;
    margin:.5em 0 .2em 0;
  }
.form_admin div input[type="submit"] {  
                                       /* IDWIMIE6 so the button is on the left in IE6.            */
    float:right;
    margin:.5em .5em 0 0;
  }
                                       /* Styles for the checkbox and radio button sets.           */
.form_admin div.formsection .buttongroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_admin div.formsection .buttongroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_admin div.formsection .buttongroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

.form_admin div.formsection .textgroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_admin div.formsection .textgroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_admin div.formsection .textgroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

                                       /* Highlight field when focused.                            */
.form_admin div.formsection input:focus, 
.form_admin div.formsection textarea:focus,
.form_admin div.formsection select:focus {
    border-width:2px; 
    border-style:solid;
  }

                                       /* Styles for the msgs/errors list.                         */
.form_admin div.formsection  ul {      /* Add 'message' class to div to see this list.             */
    display:none;  
    font-size:.8em;
    padding:1em 3em;
  }
                                       /* Add 'message' class to ul to see this list.              */
.form_admin div.formsection ul.message {
    display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  } 
.form_admin div.formsection ul.error {
    color:red; display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  }
.form_admin div.formsection li {padding: 0 0;}
                                       /* End styles for the msgs/errors list.                     */


.form_admin_wide * {
    margin:0;
    padding:0;
  }
                                       /* --- Complete form with all form elements             --- */
                                       /* Colours.                                                 */
                                       /* Colour off label text.                                   */
.form_admin_wide div.formsection label {
    color:#738040;
  }
                                       /* Colour of borders.                                       */
.form_admin_wide form,
.form_admin_wide div.formsection, 
.form_admin_wide div.formsection input {
    border-color:#738040;
  }
                                       /* Colour of border on field when field has focus.          */
.form_admin_wide div.formsection input:focus, 
.form_admin_wide div.formsection textarea:focus,
.form_admin_wide div.formsection select:focus {
    border-color:#738040;
  }
                                       /* End Colours.                                             */
.form_admin_wide h3 {
                                       /* Margin and font size changed.                            */
    margin-top:.5em;
    font-size:1.5em;
  }
.form_admin_wide form {
    float:left;
    width:32em;
    margin:6px 0 0 0px;                /* Temp for this demo - moves the form from                 */
                                       /* T/L corner of page.                                      */
    padding:0em .75em 1em;
    border-width:2px;
    border-style: solid;
  }
.form_admin_wide div.formsection {
    float:left;                        /* Enclose the form control and label.                      */
    width:100%;                        /* Makes the floated element full width.                    */
    border-width:0 0 1px 0;
    border-style: solid;
    padding-bottom:.5em;
  }
.form_admin_wide div.formsection input {
    font-size:.8em;
    border-width:1px;
    border-style: solid;
                                       /* Margin added to clear textbox from top of surrounds.     */
                                       /* Padding added to clear descenders from textbox.          */
    margin:.5em 0 0;
    padding:.1em 0em .2em;
  }
.form_admin_wide div.formsection label {
    display:block;
    clear:both;
    font-size:85%; 
    margin:.5em 0 .2em 0;
                                       /* Float/width added to put label/textbox on same line.     */
    float:left;
    width:20%; 
                                       /* Label Colour to Black and Weight to Bold.                */
    color:#000000;
    font-weight:bold;
  }
.form_admin_wide div.formsection input {
    border:1px solid #738040;
    font-weight:bold;
  }
.form_admin_wide div.formsection select {
    border-width:2px; 
    border-style:solid;
    margin:.5em 0 .2em 0;
  }
.form_admin_wide div input[type="submit"] {  
                                       /* IDWIMIE6 so the button is on the left in IE6.            */
    float:right;
    margin:.5em .5em 0 0;
  }
                                       /* Styles for the checkbox and radio button sets.           */
.form_admin_wide div.formsection .buttongroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_admin_wide div.formsection .buttongroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_admin_wide div.formsection .buttongroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

.form_admin_wide div.formsection .textgroup {
    float:left;
    margin:.5em 0 .2em 0;
  }
.form_admin_wide div.formsection .textgroup input {
    float:left;
    clear:both;
    margin:.1em 0;
    padding:0;
    line-height:0;
  }
.form_admin_wide div.formsection .textgroup label {
    background-color:none;
    width:50%;                         /* Note: This is 25 x .85ems (inherited value)              */
                                       /* so really only 20.4ems                                   */
    float:left;
    margin:0 0 0 .5em;                 /* Creates spacing betwen adjacent c/boxes, and btw         */
                                       /* each c/box and its label.                                */
    font-weight:normal;                /* Reset the inherited value.                               */
    clear:none;                        /* Reset the inherited value.                               */
  }

                                       /* Highlight field when focused.                            */
.form_admin_wide div.formsection input:focus, 
.form_admin_wide div.formsection textarea:focus,
.form_admin_wide div.formsection select:focus {
    border-width:2px; 
    border-style:solid;
  }

                                       /* Styles for the msgs/errors list.                         */
.form_admin_wide div.formsection  ul { /* Add 'message' class to div to see this list.             */
    display:none;  
    font-size:.8em;
    padding:1em 3em;
  }
                                       /* Add 'message' class to ul to see this list.              */
.form_admin_wide div.formsection ul.message {
    display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  } 
.form_admin_wide div.formsection ul.error {
    color:red; display:block;
    margin:0 0 0 40px;
    padding: 0 0;
  }
.form_admin_wide div.formsection li {padding: 0 0;}
                                       /* End styles for the msgs/errors list.                     */