html, body {
    height: 100%;
}

body {
    margin: 0 0 0 0;
    /*padding: 0px 5px 0px 5px;*/
    font-family: Arial,Helvetica,sans-serif;
    background: #EAF7FF;
    background-image: url("procon/images/procon_1280.png");
    background-repeat:no-repeat;
    background-position: center center;
}

.selectItemTextDisabled,
.textItemDisabled{	
	color:#000000;
}

.hintTextBox{
	white-space:nowrap;
	padding-left: 2px;
}

.chartdiv {
    margin-top: 21px;
    margin-bottom: 20px;        
}

.columnTilelistGridByCell, .columnTilelistGridByCellDark
,.columnTilelistGridByCellSelected, .columnTilelistGridByCellSelectedDark
 {
	background-color: #DCDCDC;
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #DCDCDC)) padding-box;
	background: -moz-linear-gradient(top, #fafafa 0%, #DCDCDC 100%) padding-box;
	background: -webkit-linear-gradient(top, #fafafa 0%, #DCDCDC 100%) padding-box;
	background: linear-gradient(to bottom, #fafafa 0%, #DCDCDC 100%) padding-box;
	font-size: 12px;
}

.columnTilelistGridByCellOver, .columnTilelistGridByCellOverDark
 {
	background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #fafafa), color-stop(100%, #a2ccf6)) padding-box;
	background: -moz-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
	background: -webkit-linear-gradient(top, #fafafa 0%, #a2ccf6 100%) padding-box;
	background: linear-gradient(to bottom, #fafafa 0%, #a2ccf6 100%) padding-box;
	font-size: 12px;
}

.listGridByCell {
    text-overflow: ellipsis;
    color: black;
    background-color:white;
    font-size: 12px;
}

.listGridByCellDark{
    text-overflow: ellipsis;
    color: black;
    background-color: #FAFAFA;
    font-size: 12px;
}
    
.listGridByCellOver, .listGridByCellOverDark {
    text-overflow: ellipsis;
    color: black;
    background-color:#DDE8F7;
    font-size: 12px;
}

.listGridByCellSelected, .listGridByCellSelectedDark {
    text-overflow: ellipsis;
    color: white;
    font-weight: bold;
    background-color:#558ED9;
    font-size: 12px;
}

.listGridByCellSelectedOver, .listGridByCellSelectedOverDark {
    text-overflow: ellipsis;
    color: white;
    font-weight: bold;
    background-color:#558ED9;
    opacity:0.7;
    font-size: 12px;
}

.listGridByCellSelection, .listGridByCellSelectionDark {
    text-overflow: ellipsis;
    color: white;
    font-weight: bold;
    background-color:#558ED9;
    font-size: 12px;
}

.listGridByCellSelectionOver, .listGridByCellSelectionOverDark {
    text-overflow: ellipsis;
    color: black;
    background-color:#ABCCF4;
    font-size: 12px;
}