/* -----------------------------------------------------------------------

 RMSforms CSS Forms Framework 0.5
 http://rmsjr.com

   * Copyright (c) 2009-Present.

----------------------------------------------------------------------- */
/* CSS Document */
/* CONTAINING DIV */
.formContainer {
    overflow: hidden;
    font-family: Arial, Helvetica, sans-serif
    }
/* GLOBALS */
.formContainer form {
    margin: 0;
    padding: 0
    }
.formContainer fieldset {
    margin: 0;
    padding: 0
    }
.formContainer legend {
    margin: 0;
    padding: 0
    }
#main .formContainer ul {
    margin: 0;
    padding: 0;
    margin-bottom: 15px
    }
.formContainer li {
    width: 100%;
    float: left
    }
.formContainer ul {
    margin: 0;
    padding: 0;
    list-style: none;
    height: 1%
    }
/*overflow:hidden;*/
.formContainer fieldset {
    margin-bottom: 10px;
    display: block
    }
/*optional elememt */
.formContainer ul li ul {
    list-style: none;
    /*background-color:#F8F3B8*/
    }
.formContainer em {
    color: #F00
    }
.formContainer ul {
    margin-bottom: 5px
    }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* BASE FORM CLASS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.form {
    margin: 0 0 0 0;
    padding: 7px 10px 10px 0;
    list-style: none
    }
.form ul {
    padding: 2px 5px 5px 5px;
    height: 1%
    }
.form label {
    width: 120px;
    padding: 3px 5px 3px 0;
    float: left;
    display: inline
    }
.form li {
    margin: 3px 0 0 0;
    padding-bottom: 3px
    }
.form li ul li {
    border-bottom: 0 solid #f00
    }
.form input {
    float: left;
    display: inline;
    line-height: 100%
    }
.form select {
    float: left;
    display: inline
    }
.form textarea {
    float: left;
    display: inline
    }
.form input[type="radio"] {
    border: 0
    }
.form input[type="checkbox"] {
    border: 0
    }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* FORM MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/*
All of the modifier classes should be applied to fomr uls and are used to present the structure: <li><label></label><input/></li>.
Each letter represented in the class name represents the orientation of the li - label - input elements respectively.

h = horizontal block element (floated left)
v = vertical block element 
i = inline element

for example, the class:.hvv  =  [LI:Horizontal Block Element]  [LABEL:Verticle block element]  [INPOUT:Vertical block element]
*/
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.vvv li {
    display: block;
    clear: both;
    width: 100%;
    /*/*/
    margin-bottom: 2px
    }
.vvv label {
    display: block;
    width: 100%;
    clear: both;
    float: none
    }
.vvv input {
    display: block;
    float: left
    }
.vvv select {
    display: block;
    float: left
    }
.vvv textarea {
    display: block;
    float: left
    }
.hvv {
    overflow: hidden;
    height: 1%
    }
.hvv li {
    float: left;
    margin-right: 10px;
    display: inline;
    width: auto
    }
.hvv label {
    display: block;
    width: auto;
    float: none
    }
.hvv input {
    display: block
    }
.hvv select {
    display: block
    }
.hvv textarea {
    display: block
    }
.hii {
    overflow: hidden;
    height: 1%
    }
.hii li {
    float: left;
    margin-right: 10px;
    display: inline;
    width: auto;
    border-bottom: 0
    }
.hii label {
    display: inline;
    margin-right: 0;
    vertical-align: middle;
    text-align: left;
    width: auto
    }
.hii input {
    display: inline;
    vertical-align: middle
    }
.hii select {
    display: inline;
    vertical-align: middle
    }
.hii textarea {
    display: inline;
    vertical-align: middle
    }
.hii li li {
    clear: both
    }
/* reset second level lis */
.hhh {
    overflow: hidden;
    height: 1%
    }
.hhh li {
    float: left;
    margin-right: 10px;
    display: inline;
    width: auto;
    border-bottom: 0
    }
.hhh label {
    float: left;
    width: 100px
    }
.hhh input {
    float: left
    }
.hhh select {
    float: left
    }
.hhh textarea {
    float: left
    }
.hhh li li {
    clear: both
    }
/* reset second level lis */
.vii {
    float: left;
    display: inline;
    width: auto
    }
.vii li {
    display: block;
    float: left;
    width: auto;
    clear: both
    }
.vii label {
    display: inline;
    width: auto;
    vertical-align: middle;
    float: none
    }
.vii input {
    display: inline;
    vertical-align: middle;
    float: none
    }
.vii select {
    display: inline;
    vertical-align: middle;
    float: none
    }
.vii textarea {
    display: inline;
    vertical-align: middle;
    float: none
    }
.vhh {
    float: left;
    display: inline
    }
.vhh li {
    display: block;
    clear: both;
    float: left;
    width: auto;
    /* border-bottom:3px solid #efefef*/
    padding-bottom: 5px
    }
.vhh label {
    float: left;
    width: 120px;
    display: inline
    }
.vhh input {
    float: left;
    display: inline
    }
.vhh select {
    float: left;
    display: inline
    }
.vhh textarea {
    float: left;
    display: inline
    }
.vii #submit-button {
    margin-top: 5px
    }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* LABEL MODIFIERS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
label.v {
    display: block;
    float: none;
    width: auto;
    padding: 3px;
    text-align: left
    }
label.h {
    display: block;
    float: left;
    width: auto;
    display: inline
    }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* MULTI-SELECT BOX */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
.multiSelect {
    height: 400px;
    width: 90%;
    float: left;
    padding: 0;
    background-color: #FFF;
    overflow: hidden;
    overflow: auto;
    border: 0 inset #ccc
    }
.multiSelect .form {
    height: auto;
    margin: 0;
    padding: 0;
    border: 0
    }
.multiSelect .vhh {
    margin: 0;
    padding: 0
    }
.multiSelect .vhh input {
    float: left
    }
.multiSelect .vhh label {
    float: none;
    margin-left: 20px;
    display: block;
    width: auto;
    clear: none
    }
.multiSelect .vhh li {
    overflow: hidden;
    width: 100%
    }
.multiSelect .vii li {
    width: 100%
    }
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* OTHER STYLES */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* COLOR CODE - FOR CLARIFICATION & DEBUGGING
ul { background-color:#666}
ul li{ background-color:#999}
ul li ul{ background-color:#ccc}
ul li ul li{ background-color:#eee}
label{ background-color:#A0EFED; }*/
/* ie 6 no border class (put on all check boxes and radio buttons if a border is set on inputs*/
.form input.noBorder {
    border: 0
    }
/* REQUIRED FIELD STLES */
.requiredDesignation {
    display: block;
    padding: 5px 5px 5px 5px;
    margin-bottom: 10px
    }
.req {
    color: #F00
    }
.req label:before {
    content: "* "
    }
.requiredDesignation:before {
    content: "* "
    }
/* FORM NOTES */
.leftNote {
    padding: 3px 5px 0 5px;
    color: #F93;
    float: left
    }
.bottomNote {
    padding: 0;
    color: #F93;
    clear: both;
    display: block
    }
.tar label {
    text-align: right
    }
/* GENERAL TWEAKING STYLES */
.fl {
    float: left
    }
.cb {
    clear: both
    }
.w100p {
    width: 100%
    }
.mr20 {
    margin-right: 20px
    }
.ml20 {
    margin-left: 20px
    }
.offset1 {
    margin-left: 130px
    }
.offset2 {
    margin-left: 105px
    }
.vii.col2 li {
    width: 50%
    }
.vii.col2 li {
    clear: none
    }
.vii.col2 label {
    width: auto
    }
li.widelabel label {
    width: auto
    }
fieldset.col2 {
    width: 50%;
    float: left
    }
.formContainer legend {
    margin-bottom: 10px
    }
.formContainer fieldset fieldset legend {
    margin-bottom: 5px
    }
label.error {
    font: normal 10px arial, sans-serif;
    padding: 3px;
    margin: 3px;
    background-color: #ffc;
    border: 1px solid #c00
    }
/*-- PROFILE EDIT ----------------------*/
.formContainer label {
    font-weight: bold !important
    }
.formContainer fieldset legend {
    font-size: 14px;
    font-weight: bold;
    color: #bb202e
    }
.formContainer fieldset {
    border-bottom: 2px solid #999
    }
.formContainer input.title {
    font-size: 18px;
    width: 100%
    }