/* Start of CMSMS style sheet 'ipei_form' */
/*************************

*	Form Styles              

*************************/

div.formbuilderform {
    margin-top: 2em;
    font-size: 1.1em;  
}

div.formbuilderform div {
    margin-top: 1.6em;
    margin-bottom: 1.6em;
    clear: both;
    font-weight: bold;
}

div.formbuilderform div.chbox {
    font-weight: bold;
    margin-top: 1.6em;
    
}
div.formbuilderform div.chbox div {
     margin-top: 1.4em;
    margin-left: 8em;
    padding-top: 1em;
    clear: both;
    font-weight: normal;
}
/* Class standardForm prevents these styles from applying to the site search box.  Need to fix later: these rules should be the default form rules, and the search form should have a class specified, with rules to override these rules.  */



form.standardForm {

	float: left;

	margin: -7px 0 0;

	padding: 0;

	width: 520px;

	background-color: #f6f5f1;

}





/* div.formHeader is used for the textblock that includes the page title and other text. This text is placed outside the form element so that contributors can modify information that changes periodically, such as dates, directly through Commonspot. This text is classed and styled so that it appears to be part of the form. */

div.formHeader {

	margin: -7px 0 0;

	padding: 10px 20px 20px;

	background-color: #f6f5f1;

}



form h2 {

	margin-left: 20px;

}



form h4 {

	margin-top: 20px;

}



fieldset {

	font-size: 0.9em;

	margin: 0;

	padding: 15px 0;

	width: 520px;

	border: none;

	border-top: solid 1px #989898; /* #d3d3d4 */

	/* IE5/5.5 win breaks when this float is here, everything else breaks if it's not */

  	voice-family: "\"}\"";

  	voice-family:inherit;

	float: left;

	/*clear: both;*/

}





/* h3 is used for fieldset headings */

fieldset h3 {	

	padding: 0;

	margin: 5px 0 15px 20px;

	font-size: 1.3em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #383838;

}



/* h4 is used within fieldsets to create subsections where we don't want a separate fieldset */

fieldset h4 {

	padding: 0;

	margin: 10px 0 15px 40px;

	font-size: 1.2em;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: bold;

	color: #686868;

}



/* .formText applies to standard text within the form. */

.formText {

	margin: 20px 30px 20px 20px;

	line-height: 1.4em;

}



/* Standard margin is too big for small font size in fieldsets */

fieldset ol, fieldset ul {

	margin-bottom: 5px;

}



/* brings text within the form back to normal font size used outside of forms */

.largeText {

	font-size: 1.2em;

}



/* use for addresses, etc. formatted as a single <p> with <br /> at line ends - 

less line spacing than ordinary <p> elements */

.formText p.lineGroup {

	line-height: 1.3em;

}



/* align a heading or other element within a div.formText to the div's left margin */

div.formText .alignleft {

	margin-left: 0;

}



/* formNode is a pair consisting of a label plus either an input, select, or textarea element*/

.formNode {

	float: left;

	width: 520px;

	margin-bottom: 10px;

	clear: both;

}



/* Align the ul containing the form options vertically with the heading on the options; i.e., undo

the default top margin on a ul. */

/*.formNode ul {

	margin-top: -4px;

}*/



label, .textareaLabel, h6.fauxlabel {

	color: #4d4d4d;

}



/* h6.fauxlabel is used for a label on a set of radio buttons or checkboxes. It is styled to look like an

html label element, but doesn't have the label functionality. */

label, h6.fauxlabel {

	font-size: 1em;

	width: 175px;

	text-align: right;

	font-weight: normal;	

	line-height: 1.4em;

	display: block;

	float: left;

}



/* Make form narrower in three-column template */

div.layoutWrapper4x10x4 label, div.layoutWrapper4x10x4 h6.fauxlabel {

	width: 100px;

}





form.search label, form.search h6.fauxlabel {

	width: 150px;

}



input, select {

	margin-left: 20px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

    font-size: 1em;  /* IE6 default is too big */

}



select.inline {

	margin-left:0;

}



input {

	padding-left: 1px; /* between text and left edge of input area */

}



input.textInput, select {

	/* !important is used to override the Google Toolbar autofill feature, which IE allows to override stylesheets.

	GTB autofill gives certain input fields (name, address, etc.) a yellow background on the basis of the label

	text. The style is restricted to input elements of class textInput (applied only to input with type text), 

	else IE6  applies it to radio buttons, which looks bad. Unfortunately, IE6 doesn't support input[type="text"] 

	and it SHOULD NOT be added to this rule, or it ceases to apply to the classed input. */

	background-color: #fff !important; 

	border: 1px solid #aaa;

}



div.formOptionsWithLabel select {

	margin-left: 5px;

}



input.disabled {

	background-color: #f8f8f6;

	border: none;

	color: #000;

}



textarea {

	margin: 15px 25px 7px;

	width: 400px;       /* This value should remain constant */

	height: 150px;     /* This value can be overridden with another style, if needed */

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 1em;

	line-height: 1.4em;  

	padding: 1px 2px;  /* between text and borders */

}



textarea.oneline {

	height: 12px;

}



textarea.veryshort {

	height: 50px;

}



textarea.short {

	height: 100px;

}



textarea.medium {

	height: 125px;

}



.textareaLabel {

	float: none;

	text-align: justify; 

	width: 450px !important;  /* align with right border of textarea */

	margin: 15px 40px 0 25px;

	padding: 0;

	line-height: 1.3em;

	font-weight: normal;

}



/* Move the first in a series of textareas up */

.textareaLabel.top {

	margin-top: 0;

}



.textareaLabel.bold {

	font-weight: bold;

}





/* fauxradio is used for input element labels that should look like radio labels */

label.radio, label.checkbox, label.fauxradio {

	display: inline;

	float: none;

	width: auto;

	text-align: left;

	font-weight: normal;



}



label.fauxradio {

	margin-left: 3px;

}



/* If "fauxradio" inputs are lined up in columns with labels on the left, the righthand column may need to 

be pulled leftward to prevent hanging out too far to the right. */

label.rightColumn {

	margin-left: -8px;

}



/* formOptions encloses a set of radio buttons or checkboxes */

div.formOptions {

	margin: 0 15px 0 185px;

}



/* A series of radio buttons or checkboxes divided into two columns */

div.formOptions ul.leftCol {

	float: left;

	width: 125px;

}



div.formOptions ul.rightCol {

	float: left;

}





/* formOptionsWithLabel wraps around a formOptions div if we want to add a heading */

div.formOptionsWithLabel {

	margin-top: 10px;

	margin-bottom: 5px;

}



/* float the formOptions left to circumvent IE6 bug: if not floated, the first button/checkbox is 

slightly indented to the right */

div.formOptionsWithLabel div.formOptions {

	padding: 0;

	float: left;

	margin-left: 8px;

}



ul.horiz li {

	display: inline;

}



form .formOptions input {

	margin-left: 0;

}



div.formOptions li {

	background: none;

}

/* Sometimes we want form fields on a page without the standard form background color */

form.nobkgrnd,

form.noshow /* legacy */ {

	background-color: #eeece7;

}



form.search {

	background-color: #eeece7;

	margin-top: 20px;

}



/* Buttons */

/* New classes avoid collision with classes defined in main.css */



/* buttn defines styles shared by all buttons */

.buttn {

	font-family: Verdana, Arial, Helvetica, sans-serif;

    color: #282828; 

	border: 1px outset #7e86a2;

	font-size: 0.9em;

	text-align: center;

	padding-left: 0; /* undo 1px padding-left on input elements */

}



/* Styles for specific button types */

.add, .reset, .other {

	margin: 0 0 15px 25px;

	padding: 0;

}



.add, .other {

	background-color: #e7e7e7;

}



/* This doesn't have to have type=reset */

.reset {

	background-color: #bbb;

}



.submitform {

	background-color: #bbb;

}



.rightbutton {

	margin-right: 25px;

	float: right;

}



/* Inline button */

input .buttn .inline {

	display: inline;

	margin-left: 0;

}




.kdt {
   font-style: italic;
}
/* End of 'ipei_form' */