/***********************************		VIEW STD SHORT 					*/
table.std_list_container{
	border: 1px solid #6699cc;
	margin: auto; 	
 	border-collapse:collapse; 
 	border-spacing:0px; 
	width:100%;	
	/*table-layout:fixed; *//**necessario per impostare overflow hidden nei td*/
}
tr.std_short_container{
	height:2em; 
}
tr.std_short_container td.std_short_field{
	padding:3px;
	border: 1px solid #6699cc;
	overflow:hidden;
}

tr.std_short_container td.toolbar{
	text-align:left;		
}
tr.std_short_container td.toolbar a{
/* 	float:left	 */
}
/** VIEW STD SHORT HEADER */
tr.std_header_container{
	height:2em; 
}
tr.std_header_container th.std_header_field{
	padding:3px;
	border: 1px solid #6699cc;
	overflow:hidden;
}
tr.std_header_container th.toolbar{
	text-align:left;
	width:5em;
}
/** VIEW STD FILTER SHORT */
tr.std_filter_short_container{
	height:2em; 
}
tr.std_filter_short_container th.std_filter_short_field{
	padding:3px;
	border: 1px solid #6699cc;
	text-align:left;
}
/***********************************	FINE	VIEW STD SHORT 					*/

/***********************************	VIEW STD ROW 					*/
div.std_row_container{
	padding-top:0.5em;
	
}
div.std_row_container div.std_row_field{
	padding:3px;
}
div.std_row_container div.std_row_field span.std_label {
	width:20%;
	text-align:right;
	vertical-align:top;
 	float:left; 
	padding:3px;
	white-space:nowrap;
	overflow:hidden;
}

div.std_row_container div.std_row_field span.std_input{
	padding:3px;	
/* 	min-width:10em; */
 	min-height:1em;	  
	overflow:hidden;
	float:left;
}
span.std_tiptext_container{
	float:left;
	width:30%;
/* 	border:1px solid red; */
	margin:right:1em;
}
div.std_row_container div.std_row_field span.std_tiptext_container span.std_tiptext {
 	float:left; 
	padding:3px;
	overflow:auto;
	font-style:italic;
	font-size:90%;
	white-space:normal;
/* 	border:1px solid red; */
/* 	width:50%; */
}


div.std_row_container div.std_row_field span.std_span {
 	float:left; 
	padding-top:3px;
	overflow:hidden;
}

/***********************************	FINE	VIEW STD form 					*/

/*************************************		VIEW STD DETAIL 					*/
div.std_detail_field{
/* 	padding:3px; */
 	min-height:2em;	 
}
div.std_detail_field span.std_input{
	float:left;
/* 	min-width:10em; */
	min-height:1em; 
}
/*************************************	FINE	VIEW STD DETAIL 					*/


/***********************************	VIEW STD form 					*/

div.std_form_field{
/*  	min-height:2em;	  */
/* 	border: 1px solid red; */
}
div.std_form_field span.std_input{
/* 	float:left; */
/* 	height:1em;  */
}
/*div.std_form_container{
	padding-top:0.5em;
}*/
/*div.std_form_container div.std_form_field{
	padding:3px;
}*/
/*
div.std_form_container div.std_form_field span.std_label {
	width:10em;
	text-align:right;
	vertical-align:top;
 	float:left; 
	padding:3px;
	white-space:nowrap;
}

div.std_form_container div.std_form_field span.std_input{
	padding:3px;	
	min-width:10em;
 	height:1em;	  
}
*/
/*div.std_form_field{
 	min-height:1.5em;	 
}
div.std_form_field span.std_input{
	float:left;
	min-height:1em; 
}*/
/***********************************	FINE	VIEW STD form 					*/


/* simula un input con uno span (un input read only)*/
span.fake_input{
	padding:3px;
	border-top:2px solid gray;
	border-left:2px solid gray;
	border-bottom:0px solid silver;
	border-right:0px solid silver;
	background-color:#F8F9FA;	 
}
div.std_row_field span.fake_input{
	
	float:left;
	/**la larghezza minima non funziona su IE7*/
	min-width:10em;
/* 	height:3em;  */
}

/**********************************	HEADER / TITLE  						*/
table.std_title {
	width:100%;	
	margin: auto; 	
}
table.std_title tr{	
}
table.std_title tr td{
	padding:3px;
}
table.std_title tr td.right_cell{
	text-align:right;
	vertical-align:top;
	padding-top:0.6em;
	padding-right:0em;
	width:10%;
}
table.std_title tr td.upper_center_cell{
	width:80%;
	padding:0;
	vertical-align:top;
/* 	font-weight:bold; */
}
table.std_title tr td.lower_center_cell{
	width:80%;
	padding-top:5px;
	padding-bottom:5px;
	vertical-align:bottom;
/* 	font-weight:bold; */
	
}
table.std_title tr td.left_cell{
	text-align:left;
	vertical-align:top;
	padding-top:0.6em;
	padding-left:0em;	
	width:10%;
}
div.std_title{
	width:100%;	
	margin: auto; 
	margin-bottom:2px;	
 	border-collapse:collapse; 
 	border-spacing:0px; 
	height:20px;
	float:right;
}
/* 			FINE	HEADER / TITLE  						*/

/* list container */
div.std_list_outer_container{
	width:100%;
	
}
/* standard links */
a.std{
	text-decoration:none;
	color:#003366;
}
a.std:visited{
	text-decoration:none;
	color:#003366;
}
a.std:hover{
	text-decoration:underline;
}


/*
span.std_menu_title:hover{
	cursor:pointer;
}
span.clickable:hover{
	cursor:pointer;
}
*/

/* popup menu TODO fix with css classes*/
ul.std_menu{
/* 	border: 1px solid black; */
	
 	position:absolute; 
/* 	background-color:#5A7EDC;	 */
	margin: 0;
	padding: 0;
	
	list-style-type: none;
 	display: block; 
	float:left;
	z-index:100;
}

ul.std_menu li a{
	display: block;
	padding: 2px;
/* 	color:white; */
	padding-left:2em;
	padding-right:1em;
	
}

ul.std_menu2 li a:hover {
	background-color: white;
	color:#5A7EDC;
	cursor:pointer;	
	text-decoration:none;
}

div.std_menu_container{
/* 	color:#003366; */
	float:left;
	margin-right:1em;
	height:3em;
}
div.std_menu_container:hover{
	cursor:pointer;	
}
/* fine popup menu */


/* toolbar */
div.std_toolbar_container{
}

div.std_toolbar_container span{
	float:left;
}
div.std_toolbar_container a{
	float:left;
}
/* fine toolbar */

/* 020209 css theming */
/** button with icon only*/
a.std_icon_button {
	padding: .4em .8em .4em .8em; 
	text-decoration: none;
	position: relative; 
	margin-right:.2em; 
	min-height:1.2em;
	} 
a.std_icon_button  span.ui-icon{
/* 	margin: 0 0.2em 0 0;  */
	position: absolute;
	left: .3em;
	top: 50%;
	margin-top: -.5em;
	} 
/**fine button with icon only*/

/** small button with icon only*/
a.std_icon_button_small {
	padding: 0em .5em 0em .5em; 
	text-decoration: none;
	position: relative; 
	margin-right:.2em; 
	min-height:1.2em;
	} 
a.std_icon_button_small  span.ui-icon{
/* 	margin: 0 5px 0 0;  */
	position: absolute;
	left: 0em;
	top: 50%;
	margin-top: -.5em;
	}
/**fine button with icon only*/

/** button with icon and label */
a.std_button {
	padding: .4em .8em .4em 2em; 
	text-decoration: none;
	position: relative; 
	margin-right:5px; 
	margin-bottom:5px;
	min-height:1.2em;
	white-space:nowrap;
/* 	float:left;	 */
} 


a.std_button  span.ui-icon{
	margin: 0 5px 0 0; 
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
}

a.std_button img.icon{
	border:0;
	width:1em;
	position: absolute;
	left: .2em;
}
/**
* menu item with small icons
*/
a.std_menu_item {
	padding: .4em .8em .4em 2em; 
	text-decoration: none;
	position: relative; 
	margin-right:5px; 
	min-height:1.2em;
}
a.std_menu_item img.icon{
	border:0;
	width:1em;
	position: absolute;
	left: .2em;
}
a.std_menu_item span.ui-icon{
	margin: 0 5px 0 0; 
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;

}
/**fine  button with icon and label */

/**TODO */
#userMessage_1 a.std_icon_button {float:right;}
 
/************************************** FORM ELEMENTS *************************************/
input.input_error, select.input_error,text_area.input_error{
	background-color: #ff6600;
	color: #000000;
}
input.input_error:focus,select.input_error:focus,text_area.input_error:focus{
	background-color: #ffffff;
	color: #000000;
}

input.user_changed, select.user_changed,text_area.user_changed{
	background-color: #ffff99;
	color: #000000;
}
input.user_changed:focus,select.user_changed:focus,text_area.user_changed:focus{
	background-color: #ffffff;
	color: #000000;
}

/**HACK this avoids that empty form make up an empty box*/
form.std{
	display:inline;
}
/*fine HACK */

/*******************************************************      FINE FORM       ************************************/


/**messaggi utente*/
div.std_msg{
	padding:0.5em;
	width:auto;	
	margin-left:2%;
	margin-right:2%;
	height:auto;		
	z-index: 100;
}
/**pulsante di chiusura*/
div.std_msg a.std_close_button{
}
/**pulsante next*/
div.std_msg div.next_buttons{
	margin-left:10%;
	margin-right:10%;
/* 	border:1px solid red; */
}
/* messaggio di ok dell'utente */
div.std_short_msg_ok{
/* 	position:absolute; */
/* 	top:0; */
/* 	left:0;	 */
}
/**fine messaggi utente*/




/* DEPRECATED */
/** std box for preview from Htmlformat::preview_string()*/
div.std_box{
	background-color:#f4d2a7;
	border:solid thin black;
/* 	min-width:600px; */
	width:auto;
	margin:0px;
	padding:0px;
	z-index:3;
	white-space: normal;
	position: absolute;
/* 	overflow:auto; TODO resizable */
}
div.std_box div.content{
	text-align:left;
	padding:10px;
}
div.std_box div.close{
	text-align:right;
	margin:1px;	
	float:right;  
}
span.std_box_handle{
	font-size: 0px; line-height: 0%; width: 0px;
	border-top: 20px solid #7FB8CC;
	border-bottom: 0;
	border-left: 0;
	border-right: 20px solid #6699cc;
	float:left;
}
span.std_box_handle:hover{
	border-top: 20px solid #CCC5A6;
	cursor:pointer;
}
/** FINE std box for preview from Htmlformat::preview_string()*/
/* FINe DEPRECATED */



/**throbber for ajax loading */
img.std_throbber{
	margin:0px;
	padding:0px;
	position: absolute;
}
/**fine throbber for ajax loading */



/* LOGIN BOX  */
div.login_box{
	border:solid #417348 2px; /*green*/
	padding:1em;
	background-color:white;	
	margin-left:20%;
	margin-right:20%;
	margin-top:5em;
}

div.login_box div.login, div.login_box div.password{
	padding:1em;
	height:2em;
	margin:1em;	
}
div.login_box div span.login_label, div.login_box div  span.password_label{		
	float:left;
	padding-top:0.5em;
	padding-right:0.5em;
	width:40%;
	text-align:right;
}
div.login_box div span.login_input, div.login_box div span.password_input{		
	float:left;
	padding-left:0em;
}
/* FINE LOGIN BOX  */

/* Main Menu Box 030209 */
div.stdModelList{
}
#main_menu_tree ul.mySubMenu {
	list-style-type: none;
	list-style-image:  url("/img/pxcms/folder.gif");
	/**
	* TODO impostare margin e padding
	*/
}
#main_menu_tree ul.mySubMenu  li.folder{
	list-style-image: url("/img/pxcms/folder.gif");
}	
#main_menu_tree ul.mySubMenu  li.page{
	list-style-image: url("/img/pxcms/page.gif"); 
}
#std_model_list_container{
	z-index:100;
}
#main_menu_tree{
	padding-left:0px;
	padding-right:5px;
/* 	background-color:red; */
}
#main_menu_box_control{
	margin-bottom:5px;
}
#main_menu_box_control #overlay_checkbox{
	float:left;
}
#main_menu_box_control .std_close_button{
	float:right;
}
/* FINE Main Menu Box 030209 */

/* HACK fix accordion contentent list menu: inline */
#accordion_menu li {display: list-item;} 
/* Fine HACK */


/** input checkbox multiple input 200209*/
span.std_input span.multiple_input {
	float:left;
	width: 30em;
	text-align:center;
	padding:0;		
}
span.std_input span.multiple_input span{
 	width:40%; 
	float:left; 
	text-align:left;
	margin:0;
}
/** FINE input checkbox multiple input 200209*/

/** 200209 multiselect */
.multiselectable { width:500px; display:block; overflow: auto;
	width: 100%; }
.multiselectable select, .multiselectable div { width: 200px; float:left; }
.multiselectable div * { display: block; margin: 0 auto; }
.multiselectable div { display: inline; }
.multiselectable .m-selectable-controls { margin-top: 3em; width: 50px; }
.multiselectable .m-selectable-controls button { margin-top: 1em; }
/** fine 200209 multiselect */

/**
* uploadify
*/
span span.fake_input.uploadify_filename{
	float:left;
	/**la larghezza minima non funziona su IE7*/
	min-width:10em;
	height:1em; 
	margin-bottom:1em;
}

/**
* TABLE SORTER
* 030809
*/

table.tablesorter thead tr .header {
	background-image: url("/img/pxcms/bg.gif");
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	padding-right:21px; /**spazio per visualizza l'icon di ordinamento*/
}

table.tablesorter thead tr .headerSortUp {
	background-image: url("/img/pxcms/asc.gif");
}
table.tablesorter thead tr .headerSortDown {
	background-image: url("/img/pxcms/desc.gif");
}