.formComponent {
	width: 500px;
	padding-bottom: 10px;
}

.formComponent span.label, .formComponent label {
	display: block;
	white-space: nowrap;
	margin-bottom: 5px;
	color: #444;
	font-style: italic;
	font-size: 11px;
	font-weight: bold;
	border-bottom: 1px #ccc solid;
}

.formComponent .validationMsg {
	font-weight: bold;
	color: #EA0000;	
}

.formComponent input.error, .formComponent .error input, .formComponent select.error, .formComponent .error select {
	background-color: #FADCCD;
}

.formComponent.submit {
	text-align: right;
	border-top: 1px #ccc solid;
	padding-top: 3px;
}

th form, td form {
	margin-bottom: 0 !important; 	
}

/* ****************** STYLED FORMS ****************** */

form.styled {
	width: 580px;
	border-bottom: #DFDFDF 1px solid;
}

	form.styled div.element {
		padding: 14px 20px 12px;
		overflow: hidden;
		border-top: #DFDFDF 1px solid;
		position: relative;
		background: url(../images/form_element_bg.gif) repeat-x;
		background-position: bottom;
	}
	
	form.styled div.element.submit {
		text-align: right;
	}
	
		form.styled div.element div.label  {
			width: 230px;
			float: left;
			margin-right: 23px;
		}
		
			form.styled div.label label,
			form.styled div.label span.label {
				display: block;
				text-align: right;
				font-size: 14px;
				margin-bottom: 5px;
			}
		
			form.styled div.element div.label span.desc  {
				display: block;
				text-align: right;
				font-size: 10px;
				color: #888;
			}
			
		form.styled div.element div.component  {
			overflow: hidden;
		}
			
			form.styled div.element div.component > input, 
			form.styled div.element div.component > select {
				display: block;
				font-size: 13px;
				border: 1px solid #DDD;
				padding: 2px;
				-moz-border-radius: 5px;
				-webkit-border-radius: 5px;
			}
			
				form.styled div.element div.component > input.error, 
				form.styled div.element div.component > select.error {
					border-color: #f00;
					border-width: 2px;
					background-color: #fee;
				}

			form.styled div.element div.component > input.withDim {
				float: left;
				margin-bottom: 5px;
			}

			form.styled div.element div.component span.numDim {
				float: left;
				display: block;
				font-size: 13px;
				padding: 2px;
				margin-left: 3px;
			}
			
			form.styled div.element div.component.checkboxes input {
				float: left;
				clear: both;
				margin-top: 5px;
				margin-right: 5px;
			}
			
			form.styled div.element div.component.checkboxes label {
				float: left;
				margin-top: 3px;
			}
		
			form.styled div.element div.component div.validationMsg  {
				clear: both;
				color: red;
				font-weight: bold;
				margin-top: 5px;
			}
			
		form.styled div.element.submit .button  {
			font-size: 13px;
		}

/* ****************** SLIDERS ****************** */

.formComponent span.slider {
	float: left;
	width: 170px;
}

.formComponent input.slider {
	border: none;
	border-bottom: 1px #888 dashed;
	color: #333;
	margin-bottom: 5px;
	width: 50px;
	margin-left: 30px;
}

.formComponent input.slider:focus {
	background: #fffedd;
}

.formComponent span.sliderCurrency {
	color: #333;
}

.formComponent span.sliderDefault {
	color: #888;
	font-size: 10px;
}

/* ****************** AIRCRAFT TRANSFER ****************** */

.aircraftTransfer .formComponent {
	width: 300px;
}

.aircraftTransfer input, .aircraftTransfer select {
	width: 100%;
}

/* ****************** AIRCRAFT SETTINGS ****************** */

.aircraftSettings .formComponent {
	width: 400px;
}

.aircraftSettings input.name {
	width: 200px;
}	

.aircraftSettings input.remark {
	width: 400px;
}

/* ****************** NEW ENTERPRISE ****************** */

form.styled.newEnterprise {
	width: 650px;
}

	form.styled.newEnterprise select {
		width: 90%;
	}

	form.styled.newEnterprise .name {
		width: 90%;
	}
	
	form.styled.newEnterprise .airport {
		width: 90%;
	}
	
	form.styled.newEnterprise .capital {
		width: 40%;
	}
	
	form.styled.newEnterprise input.airport {
		margin-bottom: 6px;
	}
	
		form.styled.newEnterprise div.airport-infos .airport-info {
			margin-bottom: 2px;
			color: #888;
		}
		
		form.styled.newEnterprise div.airport-infos .airport-info.transfer {
			margin-bottom: 0;
		}
		
.newEnterprise-confirm div.success h2 {
	margin-bottom: 15px;	
}

/* ****************** NEW ALLIANCE ****************** */

.newAlliance .formComponent {
	width: 300px;
}

.newAlliance input, .newAlliance select {
	width: 100%;
}

/* ****************** Auto-complete TextField styling ****************** */

div.wicket-aa-container { 
        border-width: 1px;
        border-color: #cccccc;
        border-style: solid;
} 

div.wicket-aa {
        font-size: 11px;
        background-color: white;
        padding: 2px;
        text-align: left;
}

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

div.wicket-aa ul li.selected {
        background-color: #FFFF00;
        padding: 2px;
        margin:0;
}

