/*
 * FIXES rendering issue of autocomplete
 * suggestions on modal windows in internet explorer 7, 8, ..?
 */
DIV.wicket-modal DIV.w_content_container {
	position: static !important;
}

div.wicket-aa {
	font-family:      sans-serif;
	font-size:        12px;
	background-color: white;
	border:           1px solid #cccccc;
	padding:          2px;
	margin:           1px 0 0 0;
	text-align:       left;
}

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



img.marker-invalid {
	vertical-align: middle;
}

div.header-subtitle {
	position:     absolute;
	top:          45px;
	font-size:    14px;
	font-weight:  bold;
	color:        white;
	left:         8px;
	font-variant: small-caps;
}

.header-title {
	position:  absolute;
	top:       0px;
	font-size: 32px;
	color:     white;
	left:      4px;
}

div.header_bo-subtitle {
	position:     absolute;
	top:          5px;
	font-size:    14px;
	font-weight:  bold;
	color:        white;
	left:         8px;
	font-variant: small-caps;
}

div.build-number {
	position:    absolute;
	top:         50px;
	font-size:   10px;
	color:       #9e9eff;
	white-space: nowrap;
}

div.build_bo-number {
	position:    absolute;
	top:         8px;
	font-size:   10px;
	color:       #9e9eff;
	white-space: nowrap;
}

div.selfservice-toggle span {
	position:    absolute;
	top:         0px;
	font-size:   10px;
	color:       #9e9eff;
	white-space: nowrap;
}

div.language-selector {
	position:    absolute;
	top:         10px;
	font-size:   10px;
	color:       #9e9eff;
	white-space: nowrap;
}

div.pdf-preview-container {
	max-height: 399px; /* Questo viene usato dai browser non IE, che per qualche motivo hanno 6px in piu' di spazio per farci stare questo div. Usiamolo!*/
	overflow-y: auto; /* prevent horizontal scrollbar */
	overflow-x: hidden; /* add padding to account for vertical scrollbar */
}

/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
div.pdf-preview-container {
	height: 393px;
}

div.fieldname {
	width: 40%;
	float: left;
}

div.boldfieldname {
	width:       40%;
	float:       left;
	font-weight: bold;
}

div.boldoptionalfieldname {
	width:       40%;
	float:       left;
	font-weight: bold;
	color:       blue;
}

div.field {
	width: 60%;
	float: left;
}

div.field-container {
	width:       100%;
	clear:       both;
	padding-top: 10px;
}
table.input-table{
	border-spacing: 3px !important;
	border-collapse: separate !important;
}


@media only screen and (max-width: 767px) {

	/* Force table to not be like tables anymore */
	.smart-table thead,
	.smart-table tbody,
	.smart-table th,
	.smart-table td,
	.smart-table tr {
		display: block;
	}

	.smart-table tr {
		margin-bottom: 10px;
	}

	.smart-table tr:last-child {
		margin-bottom: 0;
	}

	/* Hide table headers (but not display: none;, for accessibility) */
	.smart-table thead tr {
		position: absolute;
		top: -9999px;
		left: -9999px;
	}

	.smart-table tr { border: 1px solid #ccc; }

	.smart-table td {
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee;
		position: relative;
		text-align: right;
		padding-left: 50% !important;
		white-space: normal;
	}

	.smart-table td:before {
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 45%;
		padding-right: 10px;
		white-space: nowrap;
		text-align:left;
		font-weight: bold;
	}

	/*
	Label the data
	*/
	.smart-table td:before {
		content: attr(data-title);
	}

	.progress-bar{
		width: 100%!important;
	}

	.progress{
		height: auto!important;
	}

	.header-title{
		font-size: 23px!important;
	}

	div.selfservice-toggle span {
		visibility: hidden;
	}

	div.build-number{
		visibility: hidden;
	}

	div.language-selector{
		position: relative!important;
	}

	.mob-pull-right{
		float: right;
		margin-top: 10px;
		margin-bottom: 10px;
	}
}