@import url("Fonts.css");

body {
	background-color: #fff;
	margin: 0;
}

.mainContainer {
	/* margin: 0 0 0 165px; */
}

.list_vertical {
	width: 100%;
	/*display: table-row;*/
}

	.list_vertical .qfilter {
		/*width: 220px;
	display: table-cell;*/
		vertical-align: top;
	}

	.list_vertical .content {
		width: 100%;
		margin-top: 58px;
		/*display: table-cell;*/
		vertical-align: top;
		/*padding-left: 15px;*/
	}

	.list_vertical .dtitle {
		background-color: #f7941e;
		position: fixed;
		width: 100%;
		height: 54px;
		top: 0px;
		border-bottom: solid 4px rgba(0,0,0,0.2);
		z-index: 3000;
	}

		.list_vertical .dtitle img {
		}

		.list_vertical .dtitle span {
		}
		/*
.list_vertical .dtitle .pager
{
	display: inline-block;
	float: right;
}
*/
		.list_vertical .dtitle .basicPager {
			padding: 12px 0;
			color: #666;
		}

		.list_vertical .dtitle #Glypho {
			font-size: 48px;
			color: rgba(0,0,0,0.2);
			vertical-align: middle;
			display: inline-block;
			line-height: 0;
			margin: 5px 20px 5px 20px;
		}

		.list_vertical .dtitle .title {
			font-family: 'Roboto', Arial, Sans-Serif;
			font-weight: normal;
			color: #fff;
		}

.topMenu {
	border-bottom: 1px solid #D7D7D7;
	clear: none;
	float: left;
	height: 22px;
	width: 182px;
	padding: 0px;
}

.navigationBar {
	border-bottom: 1px solid #D7D7D7;
	clear: none;
	float: left;
	height: 22px;
	padding: 0px;
}

.navigationBarItem {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	padding: 2px;
	text-decoration: none;
}

	.navigationBarItem :hover {
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 12px;
		color: #000000;
		padding: 2px;
		text-decoration: none;
	}

.activityItem {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
}

	.activityItem :hover {
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 11px;
		color: #000000;
		font-weight: bold;
		text-decoration: none;
		cursor: pointer;
	}

.title {
	font-family: 'Roboto Condensed', 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #000;
	/*text-shadow: 2px 2px 2px rgba(0,0,0,0.4);*/
	font-weight: bold;
	text-decoration: none;
	vertical-align: middle;
	font-size: x-large;
	margin-left: 10px;
}

.comment {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000;
	font-weight: normal;
}

.label {
	font-family: 'Roboto', 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: small; /*color:#000;	*/
	font-weight: 300;
	color: rgb(51,51,51);
	text-align: left;
	/*display: inline-block;*/
}

.caption {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: normal;
}

.mandatoryCaption {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	font-weight: bold;
}

.error {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #f00;
}
/*
.button
{   
	padding: 5px;
	white-space: nowrap;
	line-height:1em;
	position:relative;
	outline: none;
	overflow: visible;
	cursor: pointer;
	border:none;
	background: url(images/overlay.png) repeat-x;
	background: -moz-linear-gradient(  center top,  rgba(0, 0, 0, .2) 0%,  rgba(0, 0, 0, 0) 100%  );
	background: -webkit-gradient(  linear,  center bottom,  center top,  from(rgba(0, 0, 0, .2)),  to(rgba(0, 0, 0, 0))  );
	background-color: #b4b4b4;
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;
	user-select: none;
	margin:0;
}

.buttonRectangle
{   border: 1px solid #8b8b8b;
	color:#000;
	background-color:#FFF;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:25px;
	text-align:center;
	vertical-align:middle;
}
.buttonRectangleon
{   border: 1px solid #f4741d;
	color:#000;
	background-color:#FFF;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	height:25px;
	text-align:center;
	vertical-align:middle;
}


.buttonOn
{
	border: 0px solid #FFFFFF;
	color:#000;
	cursor:pointer;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:10px;
	font-weight:bold;
	width:70px;
	height:25px;
	text-align:center;
	vertical-align:middle;
	background-image:url(../Images/btn_fondo_On.png); background-repeat:no-repeat;background-position:center;
}
*/

.linkButton {
	cursor: pointer;
}

.logoutButton {
	position: absolute;
	top: 2px;
	right: 10px;
	width: 22px;
	height: 19px;
	background-image: url(../Images/btn_logout_out.png);
	border: none;
}

.logoutButtonOn {
	position: absolute;
	top: 2px;
	right: 10px;
	width: 22px;
	height: 19px;
	background-image: url(../Images/btn_logout_over.png);
	border: none;
}

.iconButton {
	cursor: pointer;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	color: #666;
	padding-left: 3px;
	-webkit-transition: 0.2s linear;
	-moz-transition: 0.2s linear;
	-ms-transition: 0.2s linear;
	-o-transition: 0.2s linear;
	transition: 0.2s linear;
}

	.iconButton:hover {
		color: #f60;
	}

.iconButtonOn {
	cursor: pointer;
}

.userLogged {
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}

.collapsablePanel {
	margin: 10px 10px;
	border: solid 1px #999;
	border-radius: 5px;
}

	.collapsablePanel .title {
		color: #fff;
		font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
		font-size: 16px;
		font-weight: bold;
	}

	.collapsablePanel .titleRow {
		background-color: #999;
		border-radius: 3px 3px 0 0;
	}

	.collapsablePanel.step {
		border: solid 1px #06b1f0;
		background: #eff;
	}

		.collapsablePanel.step .collapsablePanel {
			background: #fff;
		}

		.collapsablePanel.step > .titleRow .title {
			color: #eff;
		}

		.collapsablePanel.step > .titleRow {
			background-color: #06b1f0;
		}


.collapsablePanelGrey .titleRow {
	background-color: #999999;
}

.collapsablePanel .buttonDown {
	background-image: url("../Images/Controls/collapse_down_black.gif");
	/*background-color: #000;*/
	border: solid 0px #000;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanel .buttonUp {
	background-image: url("../Images/Controls/collapse_up_black.gif");
	/*background-color: #000;*/
	border: solid 0px #000;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanel .container {
	width: unset;
	padding-left: 0;
	padding-right: 0;
	/*	overflow-x: scroll;*/
	/*	overflow-y: scroll;*/
	height: auto;

}

@media only screen and (max-width: 600px) {
	.collapsablePanel .container {
		width: unset;
		padding-left: 0;
		padding-right: 0;
		overflow-y: visible;
		overflow-x: scroll;
		height: auto;
	}
}

.collapsablePanel table {
	/* border: solid 1px #CCCCCC; background-color:#fff;
	float:left;
	position:absolute;*/
}

.collapsablePanelGrey .title {
	background-color: #999999;
	color: #FFFFFF;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

.collapsablePanelGrey .buttonDown {
	background-image: url("../Images/Controls/collapse_down_black.gif");
	background-color: #999999;
	border: solid 0px #999999;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanelGrey .buttonUp {
	background-image: url("../Images/Controls/collapse_up_black.gif");
	background-color: #999999;
	border: solid 0px #999999;
	height: 15px;
	width: 17px;
	cursor: pointer;
}

.collapsablePanelGrey .container {
	border: solid 1px #CCCCCC;
	padding: 5px;
}