/* These are all EXAMPLES -- they are meant to be updated/changed/modified */
	TD, BODY { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; }
	TH { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; text-align: left; font-weight: bold; }
	.title { font: 28px 'Tahoma', 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; font-style:normal; color:darkblue; margin-left: 0px;}
	.subtitle { font: 16px 'Tahoma', 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; font-style:normal; color:darkblue; margin-left: 0px;}
	.title_action { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; margin-bottom: -4px; }
	.warning { color: #ff0000; }
	.instructions { font: 9px 'Arial','Helvetica','Sans-Serif'; font-style: italic; }
	.item_divider { line-height: 6px; }
	.item_label { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; padding-bottom: 4px; vertical-align: middle;}
	.item_label_disabled { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; padding-bottom: 4px; color: #999999; }

	.button { font: 10px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; }
	.listbox { font: 12px 'Verdana','Arial','Helvetica','Sans-Serif'; width: 90%; }
	.textbox {
	
	  FONT-FAMILY: Verdana;	
	  FONT-SIZE: 12px;
	  FONT-weight: normal;
	  COLOR: #202060;   
	  text-align: left;
  		vertical-align: middle;
  		width:90%;
	
	}
	

	.paginator_inactive_step { font-weight: bold; color: #aaaaaa; }
	.paginator_active_step { font-weight: bold; color: #000000; text-decoration: none; }
	.paginator_page { text-decoration: none; color: #000000; padding: 0px 3px 0px 3px; }
	.paginator_selected_page { font-weight: bold; background-color: #ddccff; padding: 0px 3px 0px 3px; border: 1px; border-style: solid; }

	.dashboard_top {width: 854px; margin-left: 170px; color: #000066; font: 30px 'Verdana','Arial','Helvetica','Sans-Serif'; font-weight: bold; height: 40px;}
	.dashboard_pane {float: left; font-size: 10px; width: 160px;}
	.dashboard_left {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}
	.dashboard_right {float: left; background-color: #eeeeff; width: 400px; height: 500px; margin-left: 10px; border-width: 1px; border-style: solid; border-color: black; padding: 10px; overflow: auto;}

	.file_asset_dbox { border: 1px solid #1c4a8c; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
	.file_asset_dbox h1 { margin: 0; }
	.file_asset_dbox input { padding: 3px; margin-right: 5px; }


/* BKO */

.header {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 11px;
  FONT-weight: bold;
  COLOR: #ffffff;   
  text-align: left;
  padding:2px;
  background-color: #414176;
  vertical-align: middle;
}

.headerlink {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 11px;
  FONT-weight: bold;
  COLOR: white;   
  text-align: left;
  text-decoration: none;
  padding:2px;
  background-color: #414176;
  vertical-align: middle;
}

.item {
  COLOR: #414176;   
  background-color: #EEEEEE;  
}

.itemd {
  COLOR: #414176;   
  background-color: #ccccff;
}

.label {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 12px;
  FONT-weight: normal;
  COLOR: darkblue;   
  text-align: left;
  //vertical-align: middle;
  padding: 2px;
}

.blueborder{	
	border: 1px solid #334455;
	background:#BBCCDD;
	//padding: 4px;
}

.customdatagrid{
	border:1px solid darkblue;
	border-collapse:collapse;
}

.datagrid{
	border:1px solid darkblue;
	border-collapse:collapse;
}

.customform{
	border:1px solid darkblue;
}

.filecontrol{
	width: 400px;
}

.data_repeater_example {background-color:#eeffdd;padding:2px;width:140px;height:184px;border-width:1px;border-style:solid;border-color:black;float:left;margin:5px;}


/* FTO */
.hpbox{
	font-family:Verdana;
	font-size:12px;
	color:white;
	vertical-align:top;
	border-top:1px solid #808080;
	border-right:1px solid #808080;
	border-left:1px solid #aaaaaa;
	border-bottom:1px solid #aaaaaa;
	padding:2px;
	background:black;	
	text-align:left;
	background-position: bottom right;	
}

.label_orange {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 12px;
  FONT-weight: bold;
  COLOR: #f79c00;   
  
  vertical-align:top;
}

td.label_orange a, td.label_orange a:hover{
	text-decoration:none;
	COLOR: #f79c00; 
}

.text_white {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 12px;
  FONT-weight: normal;
  COLOR: white;   
}

.menu_button{
	border: 1px solid gray;
	background-color:black;
}

.menu_item_head{
	font-family:Tahoma;
	font-size:24px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;
	text-align:center;
	color:#f79c00;
	width: 1%;
	background: black;
	border: 1px solid gray;
	padding-left: 1px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right:1px;
	cursor:pointer;
	cursor:hand;
}

td.menu_item{	
	background: black;
	border: 1px solid gray;
	text-align:left;
	font-family:Tahoma;
	font-size:18px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;	
	color:white;
	padding: 1px;
	//padding-right:2px;	
	cursor:pointer;
	cursor:hand;	
	width:100%;	
}

a.menu_item{
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;	
	color:white;
	padding-right:2px;
	width:100%;
}



.page_title{	
	text-align:left;
	font-family:Tahoma;
	font-size:20px;
	font-weight:bold;
	font-style:normal;
	text-decoration:none;	
	color:white;
	padding-left:24px;
}

span.page_title{
	border-bottom: 1px solid #f79c00;	
}

/* TASTI */
.clear { /* generic container (i.e. div) for floating buttons */
	overflow: hidden;
	width: 100%;
}

a.menu_button {
	//background: transparent url('/qcodo/assets/images/buttonUpDown.gif') no-repeat scroll top right;
	display: block;
	width: 32px;
	height: 32px;
	padding-left: 0px;
	text-decoration: none;
	background-position: top left;
	border: 1px solid gray;
}

a.menu_button:active {
	//background: transparent url('/qcodo/assets/images/buttonUpDown.gif') no-repeat scroll top right;
	display: block;
	height: 32px;
	text-decoration: none;
	background-position: bottom left;
}


a.menu_button {
	//background: transparent url('/qcodo/assets/images/buttonUpDown.gif') no-repeat scroll top right;
	color: #444;
	display: block;
	float: left;
	font: normal 12px arial, sans-serif;
	height: 32px;
	margin-right: 0px;
	padding-right: 18px; /* sliding doors padding */
	text-decoration: none;
	text-align:center;
	/* color: #99aabb; */
	color: #f79c00;
	border: 1px solid #f79c00;
	font-weight:bold;
	font-style:normal;
	font-size:20px;
}

a.button span {
	background: transparent url('/qcodo/assets/images/buttonUp.gif') no-repeat;
	display: block;
	line-height: 18px;
	padding: 6px 0 6px 18px;
}

a.button:active {
	background-position: bottom right;
	color: red;
	border: 1px solid red;
	outline: none; /* hide dotted outline in Firefox */
}

a.button:hover {
	color: yellow;
	border: 1px solid yellow;
}
a.button:active span {
	background-position: bottom left;
	padding: 6px 0 6px 18px; /* push text down 1px */
}

/* FINE TASTI */


.header {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 11px;
  FONT-weight: bold;
  COLOR: #ffffff;   
  text-align: left;
  padding:2px;
  background-color: #414176;
  vertical-align: middle;
}

.headerlink {
  FONT-FAMILY: Verdana;	
  FONT-SIZE: 11px;
  FONT-weight: bold;
  COLOR: white;   
  text-align: left;
  text-decoration: none;
  padding:2px;
  background-color: #414176;
  vertical-align: middle;
}

.item {
  COLOR: #414176;   
  background-color: #EEEEEE;  
}

.itemd {
  COLOR: #414176;   
  background-color: #ccccff;
}



	/**
	 * Various QControl-specific Styles
	 */

	/* QFileAsset */
	div.fileassetDbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }
		div.fileassetDbox h1 { margin: 0; }
		div.fileassetDbox input { padding: 3px; margin-right: 5px; }

	/* QDialogBox */
	div.dialogbox { border: 4px solid #333; background-color: #fff; padding: 20px; width: 400px; overflow: auto; }

	/* QDateTimePicker */
	span.datetimepicker { }
		span.datetimepicker select { font: 12px 'Arial', 'Helvetica'; background-color: #eef; border: 1px solid #aaf; }
		span.datetimepicker select:focus { background-color: #fff; border-color: #aaf; }
		span.datetimepicker select.month { width: 55px; }
		span.datetimepicker select.day { width: 45px; margin-left: 8px; }
		span.datetimepicker select.year { width: 60px; margin-left: 8px; }
		span.datetimepicker select.hour { width: 65px; margin-left: 12px; margin-right: 2px; }
		span.datetimepicker select.minute { width: 45px; margin-left: 2px; margin-right: 2px; }
		span.datetimepicker select.second { width: 45px; margin-left: 2px; }


	/* QDataGrid */
	table.datagrid {border:1px solid #404040; background-color: black; }
		table.datagrid caption, table.datagrid tfoot { padding-bottom: 4px; overflow: auto;  text-align:left;}
			table.datagrid span.left { float: left; font-size: 10px;}
			table.datagrid span.right { float: right; font-size: 10px; }
		table.datagrid tr { background-color: black;  }
			table.datagrid tr.alternate { background-color: #202020; padding:2px;}
			
		table.datagrid th { background-color: #303030; border:1px solid #404040;; FONT-FAMILY: Verdana; FONT-SIZE: 12px; FONT-weight: bold; color: #f79c00;}		
			table.datagrid th a { text-decoration: none; color: #f79c00;}
			table.datagrid th a:hover { text-decoration: none; color: #f79c00; }
		table.datagrid td {  FONT-FAMILY: Verdana; COLOR: white; FONT-SIZE: 12px; border:1px solid #404040;}
			table.datagrid td a {COLOR: white;  FONT-weight: bold; text-decoration: none;  }
			table.datagrid td a:hover { text-decoration: none; }
		table.datagrid tfoot { border-bottom: 1px solid #414176;border-right: 1px solid #414176;} 

	/* QPaginator */
	span.paginator { margin: 0; padding: 0; }
		span.paginator span { list-style-type:none; display: inline; padding: 0; margin: 0; }
			span.paginator span.page a { text-decoration: none; color: #000000; padding: 0 3px 0 3px; margin: 0 2px 0 2px;}
			span.paginator span.page a:hover { background-color: #ccf; }
			span.paginator span.arrow { font-weight: bold; color: #ccc; margin: 0; padding: 0 3px 0 3px; }
			span.paginator span.arrow a { font-weight: bold; color: #000; text-decoration: none; }
			span.paginator span.selected { font-weight: bold; background-color: #ccf; padding: 0 3px 0 3px; margin: 0 2px 0 2px; border: 1px; border-style: solid; }
			span.paginator span.break { color: #666; margin: 0 5px 0 5px; }
			span.paginator span.ellipsis { color: #666; }

	/* QCalendar */
	div.calendar { width: 200px; border: 1px solid #337; background-color: #ccf; }
		div.calendar div.navigator { background-color: #337; overflow: auto; _height: 100%; color: #fff; padding: 2px 6px 2px 6px; }
		div.calendar div.navigator div.left { float: left; }
		div.calendar div.navigator div.month { float: left; width: 80px; text-align: center; font-weight: bold; font-size: 11px; }
		div.calendar div.navigator div.year { float: right; }
		div.calendar div.navigator div.year span { font-size: 11px; font-weight: bold; margin-left: 6px; margin-right: 6px; }
			div.calendar div.navigator a { color: #fff; text-decoration: none; }
			div.calendar div.navigator a:hover { text-decoration: underline; }
		div.calendar table { border: 0; margin-left: auto; margin-right: auto;}
			div.calendar th { text-align: center; border: 0; padding: 4px 2px 4px 2px; font-weight: bold; font-size: 10px;}
			div.calendar td { text-align: center; border-width: 0 0 1px 0; border-style: solid; border-color: black; padding: 0;}
				div.calendar td.lastRow { border-width: 0;}
				div.calendar td a { text-decoration: none; color: #000; display: block; padding: 2px 6px 2px 6px; }
				div.calendar td.today { background-color: #bbd; }
				div.calendar td.nonMonth a { color: #aaf; }
				div.calendar td.selected { background-color: #c9a; font-weight: bold; }
				div.calendar td a:hover { background-color: #eef; color: #000; }
		div.calendar div.options { text-align: center; background-color: #337; }
			div.calendar div.options a { color: #fff; font-size: 10px; text-decoration: none;}
			div.calendar div.options a:hover { text-decoration: underline; }

	/**
	 * Styles for Custom Render Functions as defined in QControl.class.php
	 */

	div.renderWithName { padding: 4px 0 4px 0; overflow: auto; height: 100%; }
		div.renderWithName div.left { float: left; width: 200px; margin-right: 25px; }
		div.renderWithName div.required { font-weight: bold; text-transform: uppercase; }
		div.renderWithName div.left span.instructions { font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #999; font-style: italic; text-transform: none;}

		div.renderWithName div.right { }
		div.renderWithName div.right span.error { margin-left: 15px; font: 10px 'Verdana', 'Arial', 'Helvetica'; color: #600;}



	/**
	 * Form and Dashboard Draft-Specific Styles
	 * NOTE: because these are page specific, we use element IDs instead of element classes for most items here
	 * (e.g. we will never have more than one titleBar per page)
	 */

	div#titleBar { border: 1px solid #337; margin-bottom: 18px; }
		div#titleBar h2 { background-color: #337; font: 12px 'Georgia', 'Times New Roman', 'Times'; font-style: italic; font-weight: bold; color: #fff; margin: 0; padding: 2px 5px 2px 5px; float: none; }
		div#titleBar h2#right { float: right; font: 10px 'Verdana', 'Arial', 'Helvetica'; font-style: normal; font-weight: normal; }
		div#titleBar h2#right a { color: #fff; text-decoration: none; }
		div#titleBar h2#right a:hover { text-decoration: underline; }
		div#titleBar h1 { font: 28px 'Georgia', 'Times New Roman', 'Times'; color: #337; margin: 0; padding: 2px 0 2px 5px; font-weight: bold; }

	p.create { }
		p.create a { text-decoration: none; color: #337; font-weight: bold; }
		p.create a:hover { text-decoration: underline; }

	div#draftList { }
		div#draftList h1 { margin: 0; font: 20px 'Georgia', 'Times New Roman', 'Times'; font-weight: bold; }
		div#draftList p { margin-top: 6px; margin-bottom: 18px;}

	div#formControls { padding: 0 0 0 20px; }

	div#formActions { background-color: #aaf; padding: 10px; height: 20px; margin-top: 18px; }
		div#formActions div#save { float: left; }
		div#formActions div#cancel { margin-left: 10px; float: left; }
		div#formActions div#delete { float: right; }

	div#dashboard { }
		div#dashboard div#left { float: left; width: 200px; height: 100px; font-size: 10px; background-color: #eef; border: 1px solid #000; padding: 5px; }
		div#dashboard div#right { float: left; margin-left: 10px; width: 760px;}
		div#dashboard div#right div#pnlList { margin-bottom: 10px; border: 1px solid #000; padding: 5px; height: 300px; overflow: auto; }
		div#dashboard div#right div#pnlEdit { border: 1px solid #000; padding: 5px; background-color: #eef; height: 240px; overflow: auto; }
		


.opacity0{
	filter: alpha(opacity=0);
	MozOpacity: 0;
	opacity: 0;
}