/*

* {
	font-size: 11px;
	font-family: Verdana,Tahoma,Arial;
	color: #3c3c3c;
}
*/

.beanRequiredField {
	font-weight: bold;
	padding-left: 3px;
}

.beanFormTopContent {
	width: 100%;
}

.beanFormTitle {
	/*
	*/
	width: 35%;
	font-weight: bold;
    font-size: 17px;
	vertical-align: bottom;
}

.beanFormActionContainer {
	width: 50%;
	text-align: left;
}


.beanTabContainer {
	width: 100%;
	margin-top: 3px;
}

#beanFormIndicatorOn {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 18px;
	height: 18px;
	/* background: transparent url(images/indicator.gif) no-repeat; */
	display: none;
}

#beanFormIndicatorOff {
	position: absolute;
	right: 2px;
	top: 2px;
	width: 18px;
	height: 18px;
	display: block;
	color: green;
}

#beanFormIndicatorError {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 30em;
	height: 2em;
	background-color: red;
	color: white;
	display: none;
}

#beanFormIndicatorError :after {
	content: "Error received from server";
}

.beanFormError {
	background-color: #ff7979;
}

.beanFormFeedback {
	/*width: 100%;*/
	max-height: 8em;
	/* IE hacked version of max-height - only read in IE: */
	height: expression((this.scrollHeight > 100 ? 100 : this.scrollHeight) + "px");
	overflow: auto;
	/*border: 1px solid #a3bed8;*/
	/*margin-top: 5px;*/
}

.feedbackPanelERROR {
	color: red;
	list-style: disc;
	font-weight: bold;
}

.feedbackPanelINFO {
	color: green;
	list-style: disc;
	font-weight: bold;
}

.beanGridPanel { /* For Top-most bean-panels */
	clear: both;
	padding: 5px 5px 5px 5px;
	border-left: 2px solid #e0e0e0;
	border-top: 2px solid #e0e0e0;
	border-bottom: 2px solid #a0a0a0;
	border-right: 2px solid #a0a0a0;
	background-color: #CFE0F1;
	overflow: auto;
}

.beanGridTable {
	width: 100%;
}

.beanTableField {
}

.beanGridTable td {
	vertical-align: top;
}

td.beanActionButtonCell  {
	vertical-align: middle;
}

.labeledField {
	float: left;
	padding: 0px 0px 0px 0px;
	width: 100%;
}

.labeledField .beanGridPanel { /* For bean-panels as fields. */
	padding: 0px 5px 2px 5px;
	height: auto;
	border: 0px;
}

.fieldLabel {
	color: #3c3c3c;
	padding: 10px 0px 0px 3px;
	height: auto;
	/*
    font-family: "Arial CE", "Helvetica CE", Arial, helvetica, sans-serif;
    font-size: 13px;
    */
}

.field {
	height: auto;
	color: #3c3c3c;
}

.beanInlineField .beanGridPanel {
	/* For bean-panels that are inlined. */
	padding: 0px 0px 0px 0px;
	height: auto;
	border: 0px;
}

.beanWithParentLabelField .beanGridPanel {
	/* For bean-panels that are inlined. */
	padding: 0px 0px 0px 0px;
	height: auto;
	border: 0px;
}

.beanInCollapsibleField {
	width: 100%;
	border: 1px solid #6b6e67;
	height: auto;
	display: none; /* Initial state: Start out not collapsed. */
}

.beanGridField {
	width: 100%;
	border: 1px solid #6b6e67;
	padding: 1px 1px 2px 1px;
	height: auto;
}

a.beanSubmitButton {
	background: #eae8e3;
/*	background: #ffffff url(images/buttons/btn-bkg-blue.gif) repeat-x left bottom;
	border-top: solid 1px #a5a9b6;
	border-left: solid 1px #a5a9b6;
	border-bottom: solid 1px #7b8194;
	border-right: solid 1px #7b8194;
	color: #586073;
	*/
	border-top: solid 2px #f7f7f5;
	border-left: solid 1px #f7f7f5;
	border-bottom: solid 2px #888784;
	border-right: solid 2px #888784;
	padding: 1px 6px 1px 6px;
	margin-bottom: 2px;
	white-space: nowrap;
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
/*	font-weight: bold; */
	color: black;
	text-decoration: none;
	height: 17px; /* font-size 13px + bottom padding 2px + top and bottom border 2px = 17px */
}

a.beanSubmitButton span { /* For IE - repeat font and text color for span. */
	white-space: nowrap;
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
/*	font-weight: bold; */
	color: black;
/*	color: #586073; */
	text-decoration: none;
}

a.beanSubmitButton:hover {
	/* Have to repeat these for IE. */
	font-size: 13px;
	font-family: Verdana, Tahoma, Arial, sans-serif;
/*	font-weight: bold; */
	color: black;
/*	color: #586073; */
}

a.beanSubmitImageButton {
	
}

.inputField {
	width: 80%;
	max-width: 25em;
}

.textAreaField {
	width: 95%;
}

.booleanField {
	
}

.enumField {
	
}

.multiSelectEnumField {
	height: auto;
}

.dateTimeField {
	
}

.dateEditorTextField {
	width: 80%;
	max-width: 16em;
}

.dateEditorPicker {
	vertical-align: bottom;
}

.beanTable {
	width: 100%;
}

.beanTableContent {
	width: 100%;
	overflow: auto;
}

.beanTableNavigation {
	width: 100%;
}

.beanTableNavLabel {
	width: 50%;
}

.beanTableNavPager {
	width: 50%;
	text-align: right;
}

.expandBar {
	width: 100%; /* Should match .collapsibleBean */
	height: 15px;
	font-size: .8em;
	border: 1px solid #6b6e67;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: bottom;
	background: #ffffff url(images/buttons/btn-bkg-blue.gif) repeat-x left
		bottom;
	cursor: pointer;
}

.expandBar .expandButton {
	background: url(images/collapse/lp.gif) no-repeat center center;
	height: 13px;
	width: 13px;
	display: block;
	/* Initial state. Should be opposite of .collapsibleBean */
}

.expandBar .collapseButton {
	background: url(images/collapse/lm.gif) no-repeat center center;
	height: 13px;
	width: 13px;
	display: none; /* Initial state. Should be same as .collapsibleBean */
}

/* TAB PANEL STYLES */
.tab-panel {
}

div.beanTabContainer div.tab-row {
	float: left;
	width: 100%;
	background: #CFE0F1 bottom url("tabs/bg.gif") repeat-x;
	line-height: normal;
}

div.beanTabContainer div.tab-row ul {
	margin: 0;
	padding: 10px 10px 0;
	list-style: none;
}

div.beanTabContainer div.tab-row li {
	float: left;
	background: url("tabs/left.gif") no-repeat left top;
	margin: 0;
	padding: 0 0 0 9px;
}

div.beanTabContainer div.tab-row a {
	display: block;
	background: url("tabs/right.gif") no-repeat right top;
	padding: 5px 15px 4px 6px;
	text-decoration: none;
	font-weight: bold;
	color: #765;
	white-space: nowrap;
}

div.beanTabContainer div.tab-row a:hover {
	color: #333;
}

div.beanTabContainer div.tab-row li.selected {
	background-image: url("tabs/left_on.gif");
}

div.beanTabContainer div.tab-row li.selected a {
	background-image: url("tabs/right_on.gif");
	color: #333;
	padding-bottom: 5px;
}

/* Autocomplete fields */
div.wicket-aa {
	/*font-size: 10px;*/
	background-color: white;
	border-width: 1px;
	border-color: #cccccc;
	border-style: solid;
	padding: 2px;
	margin: 1px 0 0 0;
	text-align: left;
	white-space: nowrap;
	max-height: 20em;
	width: 30em;
	overflow: auto;
}

div.wicket-aa ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}

div.wicket-aa ul li {
	padding: 0px;
	margin: 0px;
	line-height: 1em;
}

div.wicket-aa ul li.selected {
	background-color: #FFFF00;
}