/*** portlet decorator ***/
.rivit-decorator {
	width: auto; 
	margin-bottom: 6px;
	margin-top: 6px;
	margin-left: 3px;
	margin-right: 3px;
	overflow:visible;
}

/*** portlet info bar ***/
.rivit-decorator .portlet-info-bar {
	font-size: 11px;
	font-family: Tahoma;
	color: black;
	font-weight: bold;
	height: 26px;
	width: 100%;
	background-image: url('images/back_title.gif');
	border: none;
	background-color: trasparent;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	float: left;

	/*  ATTENZIONE: ho dovuto togliere questo altrimenti
                  nella portlet del ecm > sfoglia contenuti
                  non funzionavano i link delle briciole di pane.
                  Strano ma vero.
	float: left;	
	*/
}

.rivit-decorator .portlet-info-bar .titoloPortlet{
	margin-left: 10px;
}

.rivit-decorator .portlet-info-bar .iconePortlet{
	margin-right: 8px;
}

.rivit-decorator .portlet-info-bar .angolo-alto-sx {
	width: 10px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	background-image: url('images/cleft_normal.gif');
	border: none;
}

.rivit-decorator .portlet-info-bar .angolo-alto-sx-min {
	width: 10px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	background-image: url('images/cleft_min.gif');
	border: none;
}

.rivit-decorator .portlet-info-bar .angolo-alto-dx {
	width: 10px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin:  0px 0px 0px 0px;
	background-image: url('images/cright_normal.gif');
	border: none;
}

.rivit-decorator .portlet-info-bar .normal-state {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  3px 0px 0px 0px;
	background-image: url('icons/nor.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .minimized-state {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  3px 0px 0px 0px;
	background-image: url('icons/min.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .maximized-state {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  3px 0px 0px 0px;
	background-image: url('icons/max.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .view-state {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  2px 0px 0px 0px;	
	background-image: url('icons/view.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .view-mode {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  2px 0px 0px 0px;
	background-image: url('icons/view.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .edit-mode {
        margin:  3px 0px 0px 0px;
}

.rivit-decorator .portlet-info-bar .edit-state {
	width: 20px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin:  2px 0px 0px 0px;
	background-image: url('icons/edit.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .help-state {
	width: 20px;
	height: 26px;
	padding: 0px 0px 0px 0px;
	margin:  2px 0px 0px 0px;
	background-image: url('icons/help.gif');
	border: none;
	vertical-align:top;
}

.rivit-decorator .portlet-info-bar .help-mode {
	width: 16px;
	height: 16px;
	padding: 0px 0px 0px 0px;
	margin:  2px 0px 0px 0px;
	background-image: url('icons/help.gif');
	border: none;
	vertical-align:top;
}
/*** portlet content frame ***/
.rivit-decorator .content-frame {
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
	border-bottom: 2px solid #CCCCCC;
	border-top: 0px solid white;
	padding: 10px 10px 10px 10px;
	background-color: white;
	font-size: 11px;
	font-family: Tahoma;
	margin-bottom:6px;
}


