table.form_table {
	table-layout: fixed;
	width: 610px;
	border-top: 1px solid #D5D5D5;
}
table.form_table tr td.col1 {
	border-bottom: 1px solid #D5D5D5;
	width: 196px;
	padding: 2px 2px;	font-weight: bold;
}
table.form_table tr.error td.col1 {
	border-bottom: 1px solid #D5D5D5;
	width: 196px;
	padding: 2px 2px;
	background: #FFF url('../images/bg_form_error.gif') no-repeat top right;
}
table.form_table tr td.col2 {
	border-bottom: 1px solid #D5D5D5;
	background-color: #edf4fc;
	width: 404px;
	padding: 2px 3px;
}
table.form_table tr td.coldouble {
	border-bottom: 1px solid #D5D5D5;
	padding: 2px 3px;
}


.textfield {
	border: 1px solid #CCC; width: 396px; 
	font: normal 12px Arial,Helvetica,sans-serif; padding: 2px;
}

.textarea {
	font: normal 12px Arial,Helvetica,sans-serif; padding: 2px 2px 2px 2px;
	width: 396px; height: 160px;
}

.dropdown {
	font: normal 12px Arial,Helvetica,sans-serif; padding: 2px 2px 2px 2px;
}

.req_field {
	color: red;
}

.datepicker_field {float: left; width: 80px;}
.ui-datepicker-trigger {border-top: 2px solid #edf4fc; border-left: 4px solid #edf4fc; vertical-align: center; float: left; cursor: pointer;}


.menu_bar_container {
	width: 610px; height: 24px;
	background: #ddf2ff url('../images/bg_buttonbar.gif') no-repeat;
	margin-bottom: 5px;
}
.menu_bar_container ul {
	list-style: none;
	margin: 0px;
	padding:0px;
	 height: 24px;
}
.menu_bar_container ul li {
	float: left;
}
.menu_bar_container ul li a {
	display: block; height: 20px; padding: 4px 10px 0px 10px;
	float: left; background: url('../images/menubar_ruler.gif') no-repeat top right;
}

.menu_bar .button_new {background: url(../images/icon_new_item.gif) no-repeat 7px 4px; padding: 4px 14px 0px 28px;}
.menu_bar .button_edit {background: url(../images/icon_edit_item.gif) no-repeat 0px 5px; padding: 4px 14px 0px 33px;}
.menu_bar .button_delete {background: url(../images/icon_delete_item.gif) no-repeat 0px 5px; padding: 4px 14px 0px 33px;}


.modified_by_user_information {
	padding: 10px 0px 0px 10px;
	color: #999;
}


/* -------------- ERRORS & MESSAGES ------------- */
.error_text {color: red; font-size: 10px; text-align: left; clear: left;}
b.xsforms_row_header {font-size: 15px; padding-top: 10px; display: block;}

/* ########################## */

.xsButton {
	font: normal 12px Arial, Helvetica, sans-serif; 
	background: #FFF;
	border: 1px solid #777;
	padding: 0px 10px; margin: 10px 0px 0px 0px;
	width: 90px; height: 24px;
	cursor:pointer; clear: both;
}
.xsButton:hover {
	font: normal 12px Arial, Helvetica, sans-serif; 
	background: #f68b20; color: #FFF;
	border: 1px solid #f68b20;
	padding: 0px 10px; margin: 10px 0px 0px 0px;
	width: 90px; height: 24px;
	cursor:pointer; clear: both;
}


/* INSERT CONTENT BUTTONS */

.xsInPageAddContent {
	width:183px; height: 29px;
	margin:5px 5px 10px 0px;
}
.xsInPageAddContent a {
	display: block; background: #FFF url('/plugins/modules/formbuilder/images/bt_add_form_field_n.gif') no-repeat;
	padding: 6px 10px 4px 10px; width:163px; height: 19px;
	color: #FFF; font: normal 14px arial,helvetica,sans-serif;
}
.xsInPageAddContent a:hover {
	display: block; background: #FFF url('/plugins/modules/formbuilder/images/bt_add_form_field_h.gif') no-repeat;
	padding: 6px 10px 4px 10px; width:183px; height: 19px;
	color: #145190; font: normal 14px arial,helvetica,sans-serif;
}