.headline {
	width:100%;
	padding: 0;
	/**background: #f3f3f3;*/
	border-bottom:1px solid #AAA;
	margin: 20px 0 10px 0;
}

.headlineTitolo {
	width:100%;
	padding: 0;
	/**background: #f3f3f3;*/
	border-bottom:1px dotted #336699;
	margin: 20px 0 0 0;
	font-weight: bold;
}

.headline2liv {
	width:100%;
	background: #BCCDEF;
	border-bottom:1px solid #AAA;
	padding:5px 0 5px 0;
	margin: -10px 0 10px 0;
}

.button {
	display: inline-block; /* opzionale */
	outline: none;
	cursor: pointer; /* impostiamo che il cursore diventi mano quando si va sopra il tasto */
	text-align: center; /* allneiamo il testo al centro */
	text-decoration: none;  /* senza decorazioni perch� non ci piace :P */
	text-transform: uppercase;
	font-size: 13px;  /* definiamo il font */
	/*padding: .3em 1em .3em;  /* un p� di padding 
	margin: 1px 0px 2px 0px;*/
	padding: 5px;
	margin: 5px 0;
	/*width: 105px;
	height: 30px;
	vertical-align: middle;*/
}

.bluButt {
	border: solid 1px #999999;
    font-size: 13px;
    margin: 5px 2px;
}

.bluButt:hover {
    background: #1C2666;
}
.bluButt:hover a{
    color:#FFFFFF;
}

/* infine definiamo il css per quando si clicca il tasto */
.bluButt:active {
	color: white;
}

.greyButt {
	border: solid 1px #999999; /* il bordo del colore che vogliamo */
	background: #C0C0C0; /* un background di base */
}

/* poi definiamo il css quando si passa sopra il tasto con il mouse */
.greyButt:hover {
	background: #004272; /* colore pi� scuro */
	color:white;
}

/* infine definiamo il css per quando si clicca il tasto */
.greyButt:active {
	color: white;
}

.otherGreyButt {
	border: solid 1px #999999; /* il bordo del colore che vogliamo */
	background: #C0C0C0; /* un background di base */
        color:black;
}

/* poi definiamo il css quando si passa sopra il tasto con il mouse */
.otherGreyButt:hover {
	background: #B0B0B0; /* colore pi� scuro */
	color:white;
}

.otherGreyButt a {
    color:black;
}

.buttonSel {
	font-weight:bold;
	background: #BCCDEF; /* colore pi� scuro */
	border: solid 1px #999999;
}	
.buttonSel:hover {
	background: #004272; /* colore pi� scuro */
	color:white;
}

.button2liv {
	/**color: white; /* il colore del testo */
	border: 1px solid #999999; /* il bordo del colore che vogliamo */
	background: #fff; /* un background di base */
}
.button2liv:hover {
	background: #004272; /* colore pi� scuro */
	color:white;
}
	
.button2liv:active {
	color: white;
}
.buttonSel2liv {
	font-weight:bold;
	background: #E8E8E8;
	border: solid 1px #999999;
}	
.buttonSel2liv:hover {
	background: #004272;
	color:white;
}

.tabellaSipes .ui-inplace-editor .ui-state-default .ui-icon-check{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}
.tabellaSipes .ui-state-default .ui-icon-pencil{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}
.tabellaSipes .ui-state-default .ui-icon-close{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}

.tabellaSipes .ui-row-editor .ui-icon-pencil{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}
.tabellaSipes .ui-row-editor .ui-icon-check{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}
.tabellaSipes .ui-row-editor .ui-icon-close{
    background-image:url(../images/ui-icons_38667f_256x240.png.xhtml);
    border-radius: 1px;
}
.tabellaSipes .ui-state-highlight, .tabellaSipes .ui-widget-content .ui-state-highlight, .tabellaSipes  .ui-widget-header .ui-state-highlight{
    background-color: #f3f3f3;
}

.actionButton input[type="submit"].btn-genearal, .ext-leftButton input[type="submit"].btn-genearal, .column input[type="submit"].btn-genearal{
    border: 1px solid #A8A8A8;
    padding: 5px;
    background: #c4c4c4;
}

#buttonChangeStatus .buttonGreen{
    background: #057200;
    color: #fff;
}

a.buttonTrasmetti{
    background: #1C2666;
    color: #ffffff;
    font-size: 14px;
    padding: 7px;
    border: 1px solid #CCCCCC;
}