/* The outermost container in which the form sits */
#frevvo-form-container, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container {
	margin: 0;
}

#frevvo-form-container, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.center {
	margin: 0 auto;
}

/*
 * Background color of the iframe containing the frevvo form and the table cell that contains the iframe.
 * Only relevant for popup forms.
 */
#frevvo-form-container #frevvo-form-header, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container #frevvo-form-cell, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container #frevvo-form, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container .frevvo-form-header,
.frevvo-form-container .frevvo-form-cell,
.frevvo-form-container .frevvo-form {
	/*
	background-image: url(images/blue.jpg);
	background-repeat: repeat;
	*/
	background-color: #fff;
}
/* See form.css for color of the form itself embedded in the iframe */

/* Initial height/width of iframe.
 * Problems setting it here - possibly due to FF bug. Forms get clipped. Use height/width settings for the
 * form in the form designer. If you make this too small forms will get clipped in FF. Use height setting
 * in the form designer.
#frevvo-form-container #frevvo-form, // BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED
.frevvo-form-container .frevvo-form {
	height: 1000px;
}
 */

#frevvo-form-container .bl, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .bot, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .br, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .tl, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .top, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .tr, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .bl,
.frevvo-form-container.border .bot,
.frevvo-form-container.border .br,
.frevvo-form-container.border .tl,
.frevvo-form-container.border .top,
.frevvo-form-container.border .tr {
 		height: 6px;
}

#frevvo-form-container .left, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
#frevvo-form-container .right, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .left,
.frevvo-form-container.border .right {
		width: 6px;
}

/* Set back ground image of header - make sure to set the height */
#frevvo-form-container #frevvo-form-header .header, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container .frevvo-form-header .header {
	/*
	height: 100px;
	background: transparent url(images/header.png) no-repeat scroll 0%;
	*/
}

/* Set back ground image of footer - make sure to set the height */
#frevvo-form-container #frevvo-form-footer .footer, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container .frevvo-form-footer .footer {
	/*
	height: 100px;
	background: transparent url(images/footer.png) no-repeat scroll 0%;
	*/
}

/* Background images of borders tl = top left, br = bottom right etc.*/
#frevvo-form-container .tl, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .tl {
	background: transparent url(images/tl.jpg) no-repeat scroll top right;
}
#frevvo-form-container .top, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .top {
	background: transparent url(images/t.jpg) repeat scroll 0%;
}
#frevvo-form-container .tr, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .tr {
	background: transparent url(images/tr.jpg) no-repeat scroll top right;
}
#frevvo-form-container .left, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .left {
	background: transparent url(images/l.jpg) repeat scroll 0%;
}
#frevvo-form-container .right, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .right {
	background: transparent url(images/r.jpg) repeat scroll 0%;
}
#frevvo-form-container .bl, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .bl {
	background: transparent url(images/bl.jpg) no-repeat scroll top right;
}
#frevvo-form-container .bot, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .bot {
	background: transparent url(images/b.jpg) repeat scroll 0%;
}
#frevvo-form-container .br, /* BACKWARD COMPATIBILITY: SINCE 3.1 CHANGED FROM ID TO CLASS AND MADE ID USER DEFINED */
.frevvo-form-container.border .br {
	background: transparent url(images/br.jpg) no-repeat scroll top right;
}

/* toolbar */
.frevvo-form-container .frevvo-toolbar {
	background-color: #F0F0F0;
	border-bottom:1px solid #DFDFDF;
	height:100%;
}

.frevvo-form-container .frevvo-toolbar li {
	border-right:1px solid;
	border-right-color:#DFDFDF;
}

.frevvo-form-container .frevvo-toolbar li.last {
	border-right:1px solid;
	border-right-color:#F0F0F0;
}

/* edit button */
.frevvo-form-container .frevvo-toolbar li.btnEdit a {
	padding-left:18px;
	background: url(/frevvo/images/icons/application_form_edit.gif) no-repeat;
}

/* remove button */
.frevvo-form-container .frevvo-toolbar li.btnRemove {
	float:right;
	border-right:0;
	border-left:1px solid;
	border-left-color:#DFDFDF;
}
.frevvo-form-container .frevvo-toolbar li.btnRemove a {
	background: url(/frevvo/images/icons/cross.gif) no-repeat;
	width:16px;
	height:16px;
}
.frevvo-form-container .frevvo-toolbar li.btnRemove a span {
	display:none;
}

