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

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

* Copyright (c) 2009-Present.

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

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

/* CONTAINING DIV */
.formContainer {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; margin-left: 0;}
.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:#FF0000;}

.formContainer ul {margin-bottom:5px;}

.formContainer textarea {padding: 4px}

input[type="text"] {background: #fff; border: 1px solid #aaa; padding: 4px;}
textarea {background: #fff; border: 1px solid #aaa;}

/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* BASE FORM CLASS */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.form { margin:0 0 0 0; padding:7px 10px 10px 10px; list-style:none;}
.form ul{ padding:2px 5px 5px 5px; height:1%; }
.form label{ width:120px; padding:3px 5px 3px 0px; float:left; display:inline; }
.form li{margin:3px 0 0 0;  padding-bottom:3px; }
.form li ul li{ border-bottom:0px solid #ff0000;}
.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:0px; }
.form input[type='checkbox'] { border:0px; }


/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* /////////////////////////////////////////////////////////////////////////////////////////////////////////// */
/* 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:0px; 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:0px; background-color:#FFFFFF; overflow:hidden; overflow:auto; border:0px 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:0px;}

	/* REQUIRED FIELD STLES */
	.requiredDesignation{ display:block; padding:5px 5px 5px 5px; margin-bottom:10px; }
	.req{ color:#FF0000;}
	.req label:Before{ content:"* "}
	.requiredDesignation:before{ content:"* " }

	/* FORM NOTES */
	.leftNote{ padding:3px 5px 0 5px; color:#FF9933; float:left}
	.bottomNote{ padding:0; color:#FF9933;  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%;}