/********** CUSTOM FORM WIDTH *******/
/* Uncomment and set custom width as desired
#page-form #form-container,
#page-form-edit #form-container {
	width: 700px;
}
*/

/********** HELP ICON
 * We must hide the inner span and do an image replacement.
 */
.f-form .f-help {
   cursor:pointer;
   background: url(/frevvo/images/icons/help.gif) top left no-repeat;
}

/********** STATUS
 * Color/font-size of error message.
 */
.f-form .f-status {
	color: red;
	font-size: 0.9em;
}

/********** REQUIRED
 * Required asterisk color/font.
 */
.s-invalid .f-required span {
   color:red;
   font-size:1.2em;
}

/********** ADD/REMOVE icons
 * Icons for +/- for repeat items.
 */
.s-add {
   background: url(/frevvo/images/icons/small_plus.gif);
   background-repeat: no-repeat;
   cursor:pointer;
}

.s-remove {
   background: url(/frevvo/images/icons/small_minus.gif);
   background-repeat: no-repeat;
   cursor:pointer;
}
 
 /********** EXPAND/COLLAPSE
 * Icons for section/repeat expand collapse.
 */
.f-expand {
	cursor: pointer;
}

.s-expanded .f-expand {    
   background: url(/frevvo/images/icons/expandedArrow.gif) center no-repeat;
}

.s-collapsed .f-expand {
	background: url(/frevvo/images/icons/collapsedArrow.gif) center no-repeat;   
}

.s-collapsed-invalid .f-expand {
	background: url(/frevvo/images/icons/collapsedArrow-red.gif) center no-repeat;
}

/*************************************************
               FORM 
**************************************************/
/* See container.css for background color of the surrounding container(s) */
#page-form #container, 
#page-form #center,
#form-container {
		background-color: #fff;
/*
	background-image: url(images/blue.jpg);
	background-repeat: repeat;
*/
}

.f-form {
	color: black;
	border: 1px solid #dfdfdf;	
}

.f-form a {
	color: #006600 !important;
}	

/* Toolbar with print icon. Uncomment below to hide. You can also hide this in the form properties. */
.f-form-tb {
	/* display: none; */
}

/**** Labels *****/
.f-form .f-label {
	font-weight:normal;
}   
.f-form .f-label label {
	/* The actual label */
}   

/********** CONTROLS */
/* Fix font sizes for IE6 */
* html input, * html textarea, * html select       
{
   font-size:1em;
}
/* Text, Dropdown, Paragraph */
.f-input input,
.f-select1 select, 
.f-textarea textarea {	
	color:#3F3F3F;
	font-weight:lighter;
	font-size:1em;
}
/* setting font size for IE7 */
*:first-child+html .f-textarea textarea,
*:first-child+html .f-select1 select,
*:first-child+html .f-input input		
{     
	font-size: 1.0em;
}
.f-input input, .f-textarea textarea, .f-select1 select {
	background:  #FFFFFF url(/frevvo/images/fieldtopimage.gif) repeat-x scroll center top;  
	border:1px solid #7f7f7f;
}

/* Radio, Checkbox */
.f-select1 fieldset, .f-select fieldset { 
	 border:1px solid transparent;		
}

* html .f-select1 fieldset,
* html .f-select fieldset {
	border:1px solid white;
}	

/*********** SUBMIT/Cancel buttons ********/
/* font size adjustment for IE7 */
*:first-child+html .f-form .f-submit input {
	font-size:1em;
}

.f-form .f-submit input {	
	border: 1px solid black;	
}

/********* TRIGGER **********/

.f-form .f-trigger input {
	border: 1px solid #858585;	
}

/********* UPLOAD **********/
.f-form .f-upload a {
	color: #333;
	font-size:0.8em;
	border-bottom: 1px solid #F1F8F1;
	border-right: 1px solid #F1F8F1;
}
.f-form .f-upload .f-upload-file-list a {
	border: none;
}
.f-form .f-upload a:hover {
	background-color: #eeffcc;
	border-bottom: 1px solid #ccddaa;
	border-right: 1px solid #ccddaa;
	color: #006600;
}
.f-form .f-upload .s-disabled {
	color: #dadada !important;
}
.f-upload-input {
	background-color: #dadada !important;
}

/********* Sections/Panels/Repeats **********/
/* Section/Repeat borders */
.f-repeat {
	border: none;
}

.f-section {
	border: 1px solid #DFDFDF;
}

/* Headers. Panels are not visible in use mode. */
.h-section, .h-repeat, .h-panel {
	background-color: #f0f0f0;
	border-bottom: 1px solid #DFDFDF;
	font-size: 1.1em;
}

/********* TABS ********/
/* Tab label */
.h-switch .h-case .f-label {
	cursor:pointer;
}
/* The entire tab group contents */
.c-switch {
	border: 1px solid #ddd;	
}
/* A tab header */
.f-switch .h-case {		
	border-top: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;	
	background-color: #F0F0F0;
	color: #AFAFAF; 
}
/* A selected tab header */
.h-case.s-selected {
	background-color: white;				
}

.f-switch .h-case.s-selected .f-label {
	background-color:white;
}

/* An tab with invalid content that is not selected */
.h-case.s-invalid {
	color:red;
}
/* An tab with invalid content that is selected */
.h-case.s-selected.s-invalid {
	color:black;
}

/********** VALID/INVALID */
/* If sections/repeats contain invalid controls and are collapsed they will get the s-collapsed-invalid CSS class */
.s-collapsed-invalid .h-section .f-label label,
.s-collapsed-invalid .h-repeat .f-label label {
	color:#FF5B4F;
	font-weight:normal;
}

/* If a control has an invalid value it will receive the s-error class */
.s-error input,
.s-error textarea {
	background: #FFD0C0 url(/frevvo/images/fieldtopimage.gif) repeat-x scroll center top !important;
}

/********** DISABLED */
/* The label of a disabled control */
.s-disabled label {
   color: #aaa;
}

/********** FOCUS */
/* When a control gets the focus it gets the s-focus CSS class */
.s-focus input,
.s-focus textarea {
	background: #FFFCDF url(/frevvo/images/fieldtopimage.gif) repeat-x scroll center top;  		
}
/* When a radio/checkbox is clicked, the surrounding fieldset gets the s-focus CSS class */
/*
.s-focus fieldset {
	background-color:#FFFCDF; 
}
*/




/* HIDE SUBMIT AND CANCEL */
.f-form .f-submit {
	display: none !important;
}




















