.panelLayoutValidate{
	padding:20px;
	text-align:center;
}

.tableFiche td{
	white-space:nowrap;
}

.realCell{
	min-width:200px;
	min-height:20px;
}

.panelLayoutRowColAdd{
	height:10px;
	width:10px;
	background:url("../images/plus_icon_trans.gif") no-repeat 0 0;
	border:none;
	cursor:pointer;
}
.panelLayoutRowColDel{
	height:10px;
	width:10px;
	background:url("../images/minus_icon_trans.gif") no-repeat 0 0;
	border:none;
	cursor:pointer;
}
select{
	min-width:50px;
}

.toolbarDroppable{
	margin-left:1px;
    width:20px;
    height:35px;
    margin-top: 1px;
	margin-bottom:0px;
    position:relative; /* IE8 bug : buttons weren't clickable */
    vertical-align:top;
	display:inline-block;
}

.actionsDivDroppable{
	width:20px;
	height:26px;
	display:inline-block;
	vertical-align:bottom;
}

/*
.activeDropTarget{
	width:35px;
}
.hoverDropTarget{
	width:35px;
}
*/

.toolbarDivButton{
	display:inline-block;
	margin-left:1px;
    width:35px;
    height:35px;
    margin-top: 1px;
	margin-bottom:0px;
    border:none;
    vertical-align:top;
}

.actionDivButton{
	display:inline-block;
	height:22px;
	padding-top:4px;
	background:url("./../../img/bgButtonBlue.png") no-repeat center left;
    color: white;
    width:151px;
    font-family: Arial;
    font-size: 8pt;
    font-weight:bold;
	text-align: center;
	border:none;
	margin-left:3px;
}

.pickupAnIcon{
	display:inline-block;
}

.panelLayoutIconChoice{
	margin:5px;
    width:35px;
    height:35px;
    cursor: pointer;
    border:none;
}

.layoutTableDivContainer{
	overflow-y:auto;
	width:95%;
	margin:2px;
	margin-top:5px;
	margin-bottom:5px;
   	border-left:1px solid #A0B7C9;
}
	
.layoutTableDiv{
   	border-left:1px solid #A0B7C9;
}

.columnLayoutContent{
	cursor:pointer;
}
.columnLayoutContentFloat{
	float:left;
}

.columnLayoutHeader{
	background-color: #6F859A;
	color:white;
  	line-height:30px;
   	height:30px;
   	text-align:center;
   	border-top:1px solid #A0B7C9;
   	border-bottom:1px solid #A0B7C9;
   	border-right:1px solid #A0B7C9;
   	padding:3px;
	font-family:Arial;
	font-weight: bold;
	font-size: 8pt;
}
.columnLayoutField{
   	padding:3px;
   	height:100px;
   	text-align:center;
   	
   	border-top:1px solid #A0B7C9;
   	border-bottom:1px solid #A0B7C9;
   	border-right:1px solid #A0B7C9;
}

.layoutNoGrouping, .layoutGrouping{
	float:left;
	
}

.layoutGroupingEmptyTitle{
   	height:37px; /* 30 + 3 + 3 because of padding +1 border*/
}
.layoutGroupingTitle,.layoutGroupingEmptyTitle{
	background-color: #596C7D;
	color:white;
  	line-height:30px;
   	height:30px;
	text-align:center;
	width:auto;   	
	border-top:1px solid #A0B7C9;
   	border-right:1px solid #A0B7C9;
   	padding:3px;
	font-family:Arial;
	font-weight: bold;
	font-size: 8pt;
	cursor:pointer;
}

.layoutGroupingColumnsListContainer{
   margin-top:10px;
   padding-left:10px;
   text-align:left;
}

.layoutGroupingColumnsList{
   list-style:none;
}

.layoutGroupingPopupValidate{
	text-align:center;
	margin:6px;
	padding:4px;
}

.layoutGroupingPopup input{
	margin-right:5px;
}

.layoutTabPopup{
	padding-bottom:20px;
}

.layoutHidden{
	filter:alpha(opacity=30);
	opacity: .30;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)"; /*--IE 8 Transparency--*/
}

.activeTabLayoutDropTarget{
	color:red;
}

.hoverTabLayoutDropTarget{
	color:#4BE01A;
}

.fieldImage{
	height:18px;
	width:18px;
	background:url("../images/field.png") no-repeat 0 0;
	border:none;
	cursor:pointer;
}

.fieldGroupImage{
	height:18px;
	width:18px;
	background:url("../images/group.png") no-repeat 0 0;
	border:none;
	cursor:pointer;
}

.compareLayoutHeader {
	
	text-align : center;
	font-style : italic;
	margin-top : 12px;
	font-size : 12px;
	color : #596c7d;
}
