/*url('../Font/RobotoSlab-Light-webfont.ttf'), url('../Font/RobotoSlab-Light-webfont.woff'),*/
/*
@font-face{ 
font-family: Roboto;
src:
	url('../Font/Roboto-Light-webfont.ttf'), url('../Font/Roboto-Light-webfont.woff')
	;
}

@font-face{ 
font-family: 'RobotoSlab';
src:
	url('../Font/RobotoSlab-Regular-webfont.ttf'), url('../Font/RobotoSlab-Regular-webfont.woff')
	;
}
*/
html {
	margin: 0;
	padding: 0;
	/*background: #c9c9c9 url(../Images/bg-grad.png) repeat-x;*/
	}
body { 
	font-family: Roboto;
   	margin: 0; 
	padding: 0;
background: #f1f1f1;
/*background: -moz-linear-gradient(top, #76D7C4 0%, #BBEBE2 40%, #EEFAF8 100%); */
/*background: -webkit-linear-gradient(top, #76D7C4 0%, #BBEBE2 40%, #EEFAF8 100%); */
/*background: linear-gradient(to bottom, #76D7C4 0%, #BBEBE2 40%, #EEFAF8 100%); */
/*	background: url(../Images/ng_bg.gif) repeat-x; */
	height:100%;
	min-height:1500px;
	/*min-height:580px;*/
	}
    /*a:link, a:visited { 
	font-weight: bold;
	color: #B7A5DF;
	text-decoration: none;
	}*/
	
input[type="text"]
{
	font-family: Roboto;
	font-size:13px;
	letter-spacing:0.2px;
	/* resize:none; 9 jul*/
	width: 250px;
	height: 16px;
}
.text   
{
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
    td.normal
{
	vertical-align:middle;
}
	.normal
{
	vertical-align:baseline;
}
.textarea 
{
	font-family: Roboto;
	font-size:13px;
	letter-spacing:0.2px;
	width: 250px;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    color: #3A0000;/*#3A0000;*/
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}

select
{
	/* resize:none; 9 jul*/
	width: 200px;
	height:22px;
}
#footer {
  position: absolute;
	bottom:0px;
	left:0px;
	right:0px;
	width: auto;
	height: 70px;
	overflow: hidden;
	background-color: #FFF;
	border-bottom: 1px solid #BBBBBB; /*#c9c9c9; *//*#E5E5E5;*/
	min-width: 780px;
}
#header_container {
	position: absolute;
	top:0px;
	left:0px;
	right:0px;
	width: auto;
	height: 70px;
	overflow: hidden;
	background-color: #FFF;
	border-bottom: 1px solid #BBBBBB; /*#c9c9c9; *//*#E5E5E5;*/
	min-width: 780px;
	}

#body_wrapper{
	position: relative;
	display:block;
	min-height: 100%;
	}
	
#header_logo {
	padding: 15px 0px 0px 30px;
	float: left;
	width: 15%;
	}
	
#header_right {
	padding: 12px 30px 0px 0px;
	float: right;
	width: 60%;
	text-align: right;
	font-family: Roboto;
	font-size: 13pt;
	}
	
.main 
{
	width:100%;
	position:absolute;
	top: 76px;
	/*bottom: 15px;*/
	bottom: 15px;
	height: 100%;
	/*max-width: 1000px;*/
	min-width: 780px;
	/*padding: 5px 0px;*/
	height:100%;
	}
	
.left_container
{
	/*height:1500px;*/
	/*height:2800px;*/
	height:2820px;	
	vertical-align:top;
	overflow:visible;
}

.right_container
{
	width:100%;
	/*height:1481px;*/
	/*height:2781px;*/
	/*height:2781px;*/
	height:2801px;
	overflow:visible;
	vertical-align:top;
	font-family: Roboto;
	font-size:8pt;
}   

.contentbox
{
	max-width:100%;
	position:relative;
	overflow-x:auto;
	overflow-y:hidden;
	border: solid 1px #BBBBBB;
    padding:10px;
	margin: 1px 8px 10px 8px;
	background-color: #FFF;
	height:2801px;
	/*height:100%;*/
	/*height:2781px;*/ /*add 25 Dec 2014*/
	/*height:2781px;*/ /*add 25 Dec 2014*/
}

.pageTitle
{
	/*background-color:#A7A7A7;*/
	font-size:16pt;
	font-weight:bold;
	/*text-align:right;*/
	font-family: Roboto;
	color:#5B5B5B;
	width:10%;
	white-space:nowrap;
}

.lineTitle
{
	border: solid .5px #BBBBBB;
}
.tblLeftColfilter
{
	width:85px;
	font-family: Roboto;
	font-size: 13px;
}
.tblshort
{
	width:60px;
	font-family: Roboto;
	font-size: 13px;
}
.tblfont
{
	 font-family: Roboto;
	 font-size:13px;
	 padding-left :10px;
}

.tblLeftColfilterShort
{
	width:70px;
	font-family: Roboto;
	font-size: 13px;
}

.tblLeftCol
{
	width:130px;
	font-family: Roboto;
	font-size: 13px;
}
.tblLeftColtext
{
	width:150px;
	font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:20px;
}
.tblRightCol
{
	width:75%;
}

.displayNone
{
	display:none;
}

.middleText
{
    font-family: Roboto;
    font-size:12px;
	text-align:center;
}

.rightText
{
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 11px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
	text-align:right;
}
.CenterText
{
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 11px;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
	text-align:center;
}
.readonlyTextBox
{
	/*background-color: #F0F3AD;*/
	background-color: #EBEBEB;
	/*border: solid 1px #808080;
	padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	
}
.imgbtn
{
	
	/*background-color: #EBEBEB;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    text-align: left;*/
	padding-top: 20px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
}


.readonlyTextBoxright
{
	/*background-color: #F0F3AD;*/
	background-color: #EBEBEB;
	/*border: solid 1px #808080;
	padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 13px;
	text-align: right;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	
}
.readonlyTextBoxarea
{
	/*background-color: #F0F3AD;*/
	background-color: #EBEBEB;
	/*border: solid 1px #808080;
	padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	width :250px;
	
}
/*.ddl
{
    font-family: Roboto; 
    font-size:12px;padding-left: 4px;
    border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
.ddl
{
   	background-color: #FFFFFF;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 4px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	width :266px;
}*/

/*.ddl
{
    background-color:#FFFFFF;
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:1px;
	width :266px;
}*/
/*.ddlreadonly
{
    background-color:#EBEBEB;
	border-left: 1px solid #666666;
    border-right: 1px solid #666666;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #666666;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:1px;
	width :266px;
}*/
.ddl
        {
            border:1px solid #666666;
            border-radius:2px;
            padding:3px;
            -webkit-appearance: none; 
            /*background-image:url('Images/Arrowhead-Down-01.png');*/
            background-position:88px;
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
            background-color:#FFFFFF;
            color:#000000;
            font-family: Roboto;
            font-size:13px;
           
        }
        .ddlreadonly
        {
            border:1px solid #666666;
            border-radius:2px;
            padding:3px;
            -webkit-appearance: none; 
            /*background-image:url('Images/Arrowhead-Down-01.png');*/
            background-repeat:no-repeat;
            text-indent: 0.01px;/*In Firefox*/
            text-overflow: '';/*In Firefox*/
            background-color:#EBEBEB;
            color:#3A0000;
            font-family: Roboto;
            font-size:13px;
           
        }

.ddlpaging
{
    vertical-align:middle;
    font-family: Roboto; 
    font-size:12.5px;
    text-align:center;
    padding-left: 4px;
    border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    /*padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;*/
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
.txtpaging
{
    vertical-align:middle;
    font-size: 12.5px;
	text-align: center;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	
	/*padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;*/
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
.txt
{

	/*border: solid 1px #808080;*/
	/*padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
.txtlong
{
     width:300px;
	/*border: solid 1px #808080;*/
	/*padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 11px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 4px;
	margin-top:1px;
	margin-left:10px;
	background-color : #FFFFFF;
}
.uppercaseText
{
	text-transform:uppercase;
}	

.CBList
{
    margin-left:4px;
    font-family: Roboto;
    font-size: 13px;
}



/* GRID VIEW STYLE */
.gridOver
{
	  background: url(../Images/Grid/yellow2.png) repeat-x;
	 
	/*background: url(../Images/gridOver.png) repeat-x ;*/
	/*background: url(../Images/gridOver.png) repeat-x ;*/
	/* IE */ 
	/*filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr=#838383, endColorstr=#686868, GradientType=1);
	/* Mozilla Firefox */ 
	/*background-image: -moz-linear-gradient(top, #838383 0%, #686868 100%);
	/* Opera */ 
	/*background-image: -o-linear-gradient(top left, #707070 0%, #7F7F7F 100%);
	/* Webkit (Safari/Chrome 10) */ 
	/*background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #707070), color-stop(1, #7F7F7F));
	/* Webkit (Chrome 11+) */ 
	/*background-image: -webkit-linear-gradient(top left, #707070 0%, #7F7F7F 100%);
	/* Proposed W3C Markup */ 
	/*background-image: linear-gradient(top left, #707070 0%, #7F7F7F 100%);*/
}

.gridOut
{
	background:White;
	
}

.styleGrid {   
    width: 100%;
    background-color: #fdfdff;   
    margin-top: 0px;
    border: solid 1px #b2b2b2; 
    border-collapse:collapse;
     font-family: Roboto; 
    font-size: 13px; 
    overflow: scroll;
}

.txtnominal
{
	/*background-color: #F0F3AD;*/
	background-color: #FFFFFF;
	/*border: solid 1px #808080;
	padding: 2px;*/
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;/*#3A0000;*/
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 5px;
	margin-top:1px;
	margin-left:1px;
	width:50px !important;
	text-align:right;
}

.txtnominalReadonly
{
	background-color: #EBEBEB;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 5px;
	margin-top:1px;
	margin-left:1px;
	width:35px !important;
	text-align:right;
}

.txtnominal2
{
	background-color: #FFFFFF;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 5px;
	margin-top:1px;
	margin-left:1px;
	/*width:50px !important;*/
	text-align:right;
}

.txtnominalReadonly2
{
	background-color: #EBEBEB;
	border-left: 1px solid #666666;
    border-right: 1px solid #C0C0C0;
    border-top: 1px solid #666666;
    border-bottom: 1px solid #C0C0C0;
    font-family: Roboto;
	color: #3A0000;
	font-size: 13px;
	text-align: left;
	padding-top: 2px;
	padding-right: 4px;
	padding-left: 5px;
	margin-top:1px;
	margin-left:1px;
	/*width:35px !important;*/
	text-align:right;
}

.nomargintop{
    margin-top: 0px;	
}

.styleGrid td {   
    padding: 2px;   
    border: solid 1px #b2b2b2;
    white-space:nowrap;  
    /* word-wrap:break-word; 9 jul*/
}  
.styleGrid th {   
    padding: 4px 2px;
    background: #D3D3D3 url(../Images/gridHeader.png) repeat-x ; 
    /* background :#D3D3D3 url(../Images/Grid/header4.png) repeat-x ;   */
    border-left: solid 1px #b2b2b2;  
    font-family: Roboto; 
    font-size: 13px;
    height:25px; 
} 
.styleGrid .th a:hover {color: #000; text-decoration: none;} 
.styleGrid .altGrid { background: #fcfcfc; }  

.styleGrid a:link {color: #000; text-decoration: none;}

.styleGrid a:visited {color: #000; text-decoration: none;}

.styleGrid .pagerGrid { background: #eeeeee; }
.styleGrid .pagerGrid table { margin: 4px 0; }
.styleGrid .pagerGrid td {   
    border-width: 0;
    padding: 0 2px;
 }
.styleGrid .pagerGrid a { color: #666; text-decoration: none; }  
.styleGrid .pagerGrid a:hover { color: #000; text-decoration: none; }

/* MODAL POP UP STYLE */
.mpeBG
{
	background-color:Gray;
	/* filter:alpha(opacity=70); 9 jul*/
	/* opacity:0.7; 9 jul*/
}

.mpePanel
{
	background-color:#FFFFFF;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family: Roboto;
	font-size:11px;
	padding:3px;
}

.mpePanelTitle 
{    
    color: white;  
    background:transparent url(../Images/grid/yellow3.png) repeat-x 0 bottom;
  /* nav_headerPanel.png) repeat-x 0 bottom;*/
    font-family: Roboto;
    font-size: 13px; 
    font-weight: bold;
    height:30px; 
}

.mpePanelContent
{
	border:solid 1px Gray;
	padding-left:5%;
	padding-right:5%;

}

/* DRAG PANEL STYLE */
.dpePanelContainer
{
	background-color:#FFFFFF;
	border:solid 2px #DDDDDD;
	position:relative;
}

.dpePanelZoneOutside
{
	background-color:#FFFFFF;
	border:solid 1px #C0C0C0;
    padding: 2px;
}

.dpePanelZoneInside
{
	background-color:#EEEEEE;
	border:solid 1px #C0C0C0;
    padding: 2px;
}

.dpeLink
{
	/*font-weight: bold;*/
	color: #B7A5DF;
	text-decoration: none;
	cursor:pointer;
}

.dpePanelZoneHeader
{
	background:url(../Images/gridOver.png) repeat scroll 0px 0px;

	text-align:center;
	color: #FFFFFF;
    font-weight:bold;
    padding: 2px;
    cursor: move;
    height: 12pt;
    text-align:center;
    width:100%;
    position:absolute;
}

/*
.lookupButton
    {
    	margin-left:5px;
    	height:18px;
    	width:18px;
    	padding: 2px;
    	}
    	
.lookupButton:hover {
    	margin-left:5px;
    	height:18px;
    	width:18px;
    	padding: 2px;
        }	
*/        
/* BUTTON SAVE, CANCEL, ETC*/
.button
{
	/*float:right;*/
    /*text-transform: uppercase;*/
    /*text-shadow: 0 1px rgba(0, 0, 0, 0.1);*/
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 13px;
    font-weight: bold;
    min-width: 20px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
	border: 1px solid transparent;
    border: 1px solid gainsboro;
    border: 1px solid gainsboro;
    background-color: #EEEEEE;
    -webkit-user-select: none;
	-moz-user-select: none;
	/* user-select: none; 9 jul*/
	/* opacity: 1; 9 jul*/
	color: #6C6C6C;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* border-radius: 4px;9 jul*/
	cursor: pointer;
	background-image: linear-gradient(top,#EEEEEE,#D7D7D7);/*    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EEEEEE', EndColorStr='#D7D7D7', GradientType=0);
*/
}
    	
.button:hover 
{
	color:#FFFFFF;
	background-color: #848484;
    /* opacity: 1; 9 jul*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* border-radius: 4px; 9 jul*/
	background-image: linear-gradient(top,#848484,#5E5E5E);/*    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#848484', EndColorStr='#5E5E5E', GradientType=0);
*/
}
.button:link 
{
    /* filter:alpha(opacity=100); */
	/*opacity:1; 9 jul*/
	color:#6C6C6C; 
	}
.button:visited{ color:#6C6C6C; }
.button:link:hover 
{
    /* filter:alpha(opacity=100); 9 jul*/
	/* opacity:1; 9 jul*/
	color:#FFFFFF; 
	}

.buttondisabled
{
    display: inline-block;
    text-decoration: none;
    text-align: center;
    font-size: 11px;
    font-weight: bold;
    min-width: 20px;
    height: 22px;
    line-height: 22px;
    padding: 0 8px;
	border: 1px solid transparent;
    border: 1px solid gainsboro;
    border: 1px solid gainsboro;
    background-color: #EEEEEE;
    	-webkit-user-select: none;
	-moz-user-select: none;
	/*user-select: none;  9 jul*/
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	/* border-radius: 4px; 9 jul*/
	/*opacity: 0.50; 9 jul*/
	color: #6C6C6C;
	cursor: not-allowed;
	background-image: linear-gradient(top,#EEEEEE,#D7D7D7);/*    filter: progid:DXImageTransform.Microsoft.Gradient(StartColorStr='#EEEEEE', EndColorStr='#D7D7D7', GradientType=0);
*/
}
	
.buttondisabled:link
{
    /* filter:alpha(opacity=50);  
	/* opacity:0.50; 9 jul*/
	color:#6C6C6C; 
	cursor:not-allowed;
	}	

.ucmessagearea{
    	float:left;
    	display:block;
    	position:relative;
    	min-height: 18px;
    	width: auto;
    	min-width:405px;
    	margin: 5px 10px 5px 3px;
    	border: solid 1px #EAB925;
    	padding: 5px 30px;
    	font-size: 13pt;
    	font-weight: bold;
    	-webkit-border-radius: 2px;
        -moz-border-radius: 2px;
        /* border-radius: 2px;  9 jul*/ 
        overflow: visible;  	
    	}
    
    .ucmessagearea_success{
    	background: #FFE392 url('../Images/success.png') no-repeat 7px 5px ;
    	color: #896304;
    	/*color: #8963049;
    	color: #896304; 9 jul*/
        }
    	
    .ucmessagearea_error{
    	background: #FFE392 url('../Images/error.png') no-repeat 7px 5px ;
    	color: #C2040D;
    	/*color: #C2040D9; 9 jul*/
    	color: #C2040D;
        }    	
    	
    .ucmessagearea_normal{
    	background: #FFE392;
    	color: #896304;
    	/*color: #8963049;
    	color: #896304;9 jul*/
    	}   

    .txtPageNumber
    {
    	height:14px;
    	}
/*
.FrozenHeader 
{ 
   position:relative ; 
   top:expression(this.offsetParent.scrollTop); 
   z-index: 10; 
} 9 jul*/



#progressBackgroundFilter {
    position:fixed;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    overflow:hidden;
    padding:0;
    margin:0;
    background-color:#000;
    filter:alpha(opacity=50); 
    opacity:0.5; 
    z-index:1000;
}
#processMessage {
    position:fixed;
    top:30%;
    left:43%;
    padding: 20px 10px 10px 10px;
    width:14%;
    z-index:1001;
    background-color:#fff;
    border:solid 1px #000;
    text-align: center;
}

.chpointer{
    cursor:pointer;
color: #5B5B5B;
    font-family: Roboto;
    font-size:14pt;
}

.width80percent
{
	width:80%;
	}

/*
Color for capacity
*/
.vpbcapacity
{
	background-color:#BED3EE;	
	color:#000000;
}

/*
For Percentage text in VPB Report
*/
.percentageHigh
{
	background-color: #EEEEEE;
	color:#DC143C;
	font-weight:bold;
	}
.percentageMedium
{
	background-color: #EEEEEE;
	color:#29B629;
	font-weight:bold;
	}
.percentageLow
{
	background-color: #EEEEEE;
	color:#000000;
	font-weight:bold;
	}
	
	
	/***********/

.fancy-green .ajax__tab_header
{
	background: url(../images/blue_bg_Tab.gif) repeat-x;
	cursor:pointer;
}
.fancy-green .ajax__tab_hover .ajax__tab_outer, .fancy-green .ajax__tab_active .ajax__tab_outer
{
	/*background: url(../images/green_left_Tab.gif) no-repeat left top;*/
	background: url(../images/blue_left_Tab.png) no-repeat left top;
	
	
}
.fancy-green .ajax__tab_hover .ajax__tab_inner, .fancy-green .ajax__tab_active .ajax__tab_inner
{
	background: url(../images/blue_right_Tab.png) no-repeat right top;
}
.fancy .ajax__tab_header
{
	font-size: 12pt;
	font-weight: bold;
	color: #000;
	font-family: Roboto;
}
.fancy .ajax__tab_active .ajax__tab_outer, .fancy .ajax__tab_header .ajax__tab_outer, .fancy .ajax__tab_hover .ajax__tab_outer
{
	height: 46px;
}
.fancy .ajax__tab_active .ajax__tab_inner, .fancy .ajax__tab_header .ajax__tab_inner, .fancy .ajax__tab_hover .ajax__tab_inner
{
	height: 46px;
	margin-left: 16px; /* offset the width of the left image */
}
.fancy .ajax__tab_active .ajax__tab_tab, .fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_header .ajax__tab_tab
{
	margin: 16px 16px 0px 0px;
}
.fancy .ajax__tab_hover .ajax__tab_tab, .fancy .ajax__tab_active .ajax__tab_tab
{
	color: #fff;
}
.fancy .ajax__tab_body
{
	font-family: Roboto;
	font-size: 13px;
	border-top: 0;
	border:1px solid #999999;
	padding: 8px;
	background-color: #ffffff;
}
  

    .paging
    {
        /* background-image: url(../Images/Grid/header4.png); */
        background: #D3D3D3 url(../Images/gridHeader.png);
        background-repeat:repeat-x;   
        text-align:left;
         /* border: none;   */  
    }
         
       .paging a
        {
        	border: none;
            /*background-color: #1E90FF;*/
            background-color: #778899;
            padding: 5px 7px;
            text-decoration: none;
            /*border: 2px solid #00C157;*/	
            font-weight:bold;
             
        }

        .paging a:hover
        {
        	 border: none;
            /*background-color: #0060AA;*/
            color: #ffffff;
           /* border: 2px solid #00C157;*/
        }
        .paging span
        {
        	 border: none;
            background-color:#778899;
            padding: 5px 7px;
            color: #ffffff;
            /*border: 2px solid #00C157;*/
            
       }
                tr.paging
        {
        	
        	 border: none;
            /*background: none !important;*/
              	
        }
        tr.paging tr
        {
        	 border: none;
            /*background: none !important;*/
            
          }
        
        tr.paging td
        {
		  border: none;
               /*background-color:#0069AF;*/
              font-family: Roboto;
              font-size:13px;
              font-weight:bold;
              height:20px;
        }

/*soft grey*/

/*GridViewCSS Soft Grey Style*/
.GridViewStyle6
{
    font-family: Roboto;
    font-size:13px;
    table-layout: fixed;
    width:auto;
    border-collapse: collapse;
    border:#ADD8E6 1px solid;
}
.GridViewStyle5
{
    font-family: Roboto;
    font-size:13px;
    table-layout: auto;
    border-collapse: collapse;
    border:#ADD8E6 1px solid;
}
/*Header and Pager styles*/
.HeaderStyle5, .PagerStyle5 /*Common Styles*/
{
/*position:absolute;*/	
/*background-image: url(../Images/Grid/HeaderSoftGrey.jpg);*/
background-image: url(../Images/Grid/header444.png);
height:40px;
color : #ffffff;
background-position:center;
background-repeat:repeat-x;
width:auto;
text-align:center;
/*position:relative;*/  /*11 june */
cursor: default;           
/*top: expression(document.getElementById("stylegridblue").scrollTop-2); */
z-index: 10;

}
.HeaderStyle5.locked
{
z-index: 99;
}
.HeaderStyle5 th
{

    padding: 3px;
    color: #ffffff;
    height:20px; 
  
}
.HeaderStyle5 a
{
    text-decoration:none;
    color:#ffffff;
    /*display:inline-block;*/
    text-align:center;
    font-weight:bold;
    height: 33px;
    font-family: Roboto;
    font-size: 10pt; 
    /*border:solid 2px #fff; */
 
}
.PagerStyle5 table
{
    text-align:left;
}
.PagerStyle5 table td
{
    border:0px;
    padding:5px;
 text-align:left;
}
.PagerStyle5 td
{
    border-top: #ADD8E6 1px solid;
  text-align:left;
}
.PagerStyle5 a
{
  
    text-decoration:none;
    padding:2px 10px 2px 10px;
    border-top:solid 1px #ADD8E6;
    border-right:solid 1px #ffffff;
    border-bottom:solid 1px #ADD8E6;
    border-left:solid 1px #ADD8E6;
    color:#ffffff;
    text-align:left;

}
.PagerStyle5 span
{
    font-weight:bold;
    color:#ffffff;
    text-decoration:none;
    padding:2px 10px 2px 10px;
    text-align:left;
}
/*RowStyles*/
.RowStyle5 td, .AltRowStyle td, .SelectedRowStyle td, .EditRowStyle td /*Common Styles*/
{
    padding: 5px;
    border-right: solid 1px ##ADD8E6;
   
}
.RowStyle5 td
{
    background-color: #c9c9c9;
}
.AltRowStyle5 td
{
    /*background-color: #f0f0f0;*/
     background-color: #ADD8E6;
}
.SelectedRowStyle5 td
{
    background-color: #ffff66;
}

.HeaderStyle51, .PagerStyle5 /*Common Styles*/
{
/*position:absolute;*/	
/*background-image: url(../Images/Grid/HeaderSoftGrey.jpg);*/
background-image: url(../Images/Grid/header4.png);
height:40px;
color : #ffffff;
background-position:center;
background-repeat:repeat-x;
width:auto;
text-align:center;
/*position:relative;*/  /*11 june */
cursor: default;           
/*top: expression(document.getElementById("stylegridblue").scrollTop-2); */
z-index: 10;

}
.HeaderStyle51.locked
{
z-index: 99;
}
.HeaderStyle51 th
{

    padding: 3px;
    color: #ffffff;
    height:20px; 
  
}
.HeaderStyle51 a
{
    text-decoration:none;
    color:#ffffff;
    /*display:inline-block;*/
    text-align:center;
    font-weight:bold;
    height: 33px;
    font-family: Roboto;
    font-size: 10pt; 
    /*border:solid 2px #fff; */
 
}





.styleGridblue {   
    width: 100%;
    background-color: #fdfdff;   
    margin-top: 0px;
    border: solid 1px #b2b2b2; 
    border-collapse:collapse;
    font-family: Roboto; 
    font-size :10pt;
}  

.nomargintop{
    margin-top: 0px;	
}

.styleGridblue td {   
    padding: 2px;
    padding-left:4px;   
    border: solid 1px #b2b2b2;
    white-space:nowrap;  
    /* word-wrap:break-word; 9 jul*/
    height:20px; 
        
 }  
.styleGridblue th {   
    padding: 4px 2px;
    /*background:#D3D3D3 url(../Images/gridHeader.png) repeat-x ;  */ 
    background-image :#D3D3D3 url(../Images/Grid/header4.png) repeat-x ; 
    border-left: solid 1px #b2b2b2;  
    /*font-family: Roboto; 
    font-size: 10pt;*/
    height:25px; 
    
} 
.styleGridblue .th a:hover {color: #ffffff; text-decoration: none;} 
/*.styleGridblue .altGridblue { background: #fcfcfc; white-space: nowrap;   }  */
.styleGridblue .altGridblue { background: #ffffff; white-space: nowrap;   }
.styleGridblue a:link {color:#ffffff; text-decoration: none;}

.styleGridblue a:visited {color: #ffffff; text-decoration: none;vertical-align:text-bottom;}

.styleGridblue .pagerGridblue { background: #eeeeee; }
.styleGridblue .pagerGridblue table { margin: 4px 0; }
.styleGridblue .pagerGridblue td {   
    border-width: 0;
    padding: 0 2px;	
    
 }
.styleGridblue .pagerGridblue a { color: #666; text-decoration: none; }  
.styleGridblue .pagerGridblue a:hover { color: #ffffff; text-decoration: none; }
 

#divGrid
{

/*BORDER-RIGHT: silver 1px solid; 
BORDER-TOP: silver 1px solid;
BORDER-LEFT : silver 1px solid;
BORDER-BOTTOM:silver 1px solid; */
overflow-x:scroll; 
overflow-y:scroll; 
max-width:97%; 
width:97.8%; 
position:absolute; 
/*max-height:100%;*/
padding-right:15px;
max-height:1300px;
padding-bottom:0px;

}


/* A scrolable div */
.GridViewContainer
{           
/*overflow: auto;*/
overflow-x:scroll;
/*overflow-y:auto;*/
max-width:98%; 
/*width:97.8%;*/
width:97%;
position:absolute; 
/*max-height:100%;*/
padding-right:0px;
max-height:2600px;
padding-bottom:0px;
}

.accordionContent {
background-color:#FFFFFF;
border-color: -moz-use-text-color #2F4F4F #2F4F4F;
border-right: 1px dashed #2F4F4F;
border-style: none dashed dashed;
border-width: medium 1px 1px;
padding: 10px 5px 5px;
width:98%;
font-family: Roboto;
font-size:13px;
}
.accordionHeaderSelected {
background-color: #e7e5d9;
border: 1px solid #bbbbbb;
color: #000;
cursor: pointer;
font-weight: bold;
margin-top: 5px;
padding: 5px;
width:98%;
font-family: Roboto;
font-size:24px;
}
.accordionHeader {
background-color: #e7e5d9;
border: 1px solid #bbbbbb;
color: #000;
cursor: pointer;
font-weight: bold;
margin-top: 5px;
padding: 5px;
width:98%;
font-family: Roboto;
font-size:24px;
}
.href
{
color:#000; 
font-weight:bold;
text-decoration:none;
font-family: Roboto;
font-size:24px;
}

 
/* to freeze column cells and its respecitve header
.FrozenCell
{
background-color:Gray;
position: relative;
cursor: default;
left: expression(document.getElementById("GridViewContainer").scrollLeft-2);
}
/* for freezing column header
.FrozenHeader
{
background-image: url(../Images/Grid/header4.png);
color : #ffffff;
/*background:#D3D3D3 url(../Images/gridHeader.png) repeat-x ;  */
background-position:center;
/*background-repeat:repeat-x;
background-color:#1d1d1d;
text-align:center;	
position: relative;
cursor: default;            
top: expression(document.getElementById("GridViewContainer").scrollTop-2); 
z-index: 10;
  
}
/*for the locked columns header to stay on top
.FrozenHeader.locked
{
z-index: 99;
}
.FrozenHeader th
{
    padding: 5px;
    color: #ffffff;
    height:33px; 
   text-align:center;
    border: solid 1px #b2b2b2;  
   height: 35px;
}

.FrozenHeader a
{
	
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:center;
    font-weight:bold;
    height: 33px;
    font-family: Roboto;
    font-size :14px;     
 
    /*background :#D3D3D3 url(../Images/Grid/header4.png) repeat-x ; */  
    /*border: solid 1px #b2b2b2;  
    font-family: Roboto; 
}*/



/*.paging
        {
       text-align:left;
 
          }
         
        .paging a
        {
        	  
            background-color: #1E90FF;
            padding: 5px 7px;
            text-decoration: none;
            border: 2px solid #00C157;
            font-weight:bold;
           
        }

        .paging a:hover
        {
        	
            background-color: #0060AA ;
            color: #00C157;
            border: 2px solid #00C157;
        }
        .paging span
        {
        	
            background-color:#778899;
            padding: 5px 7px;
            color: #ffffff;
            border: 2px solid #00C157;
        }
        tr.paging
        {
        	
            background: none !important;
              	
        }
        tr.paging tr
        {
            background: none !important;
            
        }
        tr.paging td
        {
		  border: none;
              background-image: url(../Images/Grid/header4.png);
              background-repeat:repeat-x;
              background-color:#0069AF;
              font-family: Roboto;
              font-size:13px;
              font-weight:bold;
              height:20px;
        }*/
        
        
        
        
        
 /*.pagerr{
    background-color:#fff;
   
   padding:2px;
   margin:2% auto;
    
}
.pagerr a{
  margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
     
}
.pagerr a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.pagerr span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}

9 jul */

#divGrid
{

/*BORDER-RIGHT: silver 1px solid; 
BORDER-TOP: silver 1px solid;
BORDER-LEFT : silver 1px solid;
BORDER-BOTTOM:silver 1px solid; */
overflow-x:scroll; 
overflow-y:scroll; 
max-width:97%; 
width:97.8%; 
position:absolute; 
/*max-height:100%;*/
padding-right:15px;
max-height:1300px;
padding-bottom:0px;

}


/* A scrolable div */
.GridViewContainer
{           
/*overflow: auto;*/
overflow-x:auto;
overflow-y:hidden;
max-width:98%; 
/*width:97.8%;*/
width:98.5%;
position:absolute; 
/*max-height:100%;*/
padding-right:0px;
max-height:2600px;
padding-bottom:15px;

}
/* to freeze column cells and its respecitve header
.FrozenCell
{
background-color:Gray;
position: relative;
cursor: default;
left: expression(document.getElementById("GridViewContainer").scrollLeft-2);
}
/* for freezing column header
.FrozenHeader
{
background-image: url(../Images/Grid/header4.png);
color : #ffffff;
/*background:#D3D3D3 url(../Images/gridHeader.png) repeat-x ;  */
background-position:center;
/*background-repeat:repeat-x;
background-color:#1d1d1d;
text-align:center;	
position: relative;
cursor: default;            
top: expression(document.getElementById("GridViewContainer").scrollTop-2); 
z-index: 10;
  
}
/*for the locked columns header to stay on top
.FrozenHeader.locked
{
z-index: 99;
}
.FrozenHeader th
{
    padding: 5px;
    color: #ffffff;
    height:33px; 
   text-align:center;
    border: solid 1px #b2b2b2;  
   height: 35px;
}

.FrozenHeader a
{
	
    text-decoration:none;
    color:#ffffff;
    display:block;
    text-align:center;
    font-weight:bold;
    height: 33px;
    font-family: Roboto;
    font-size :14px;     
 
    /*background :#D3D3D3 url(../Images/Grid/header4.png) repeat-x ; */  
    /*border: solid 1px #b2b2b2;  
    font-family: Roboto; 
}*/



/*.paging
        {
       text-align:left;
 
          }
         
        .paging a
        {
        	  
            background-color: #1E90FF;
            padding: 5px 7px;
            text-decoration: none;
            border: 2px solid #00C157;
            font-weight:bold;
           
        }

        .paging a:hover
        {
        	
            background-color: #0060AA ;
            color: #00C157;
            border: 2px solid #00C157;
        }
        .paging span
        {
        	
            background-color:#778899;
            padding: 5px 7px;
            color: #ffffff;
            border: 2px solid #00C157;
        }
        tr.paging
        {
        	
            background: none !important;
              	
        }
        tr.paging tr
        {
            background: none !important;
            
        }
        tr.paging td
        {
		  border: none;
              background-image: url(../Images/Grid/header4.png);
              background-repeat:repeat-x;
              background-color:#0069AF;
              font-family: Roboto;
              font-size:13px;
              font-weight:bold;
              height:20px;
        }*/
        
        
        
        
        
 /*.pagerr{
    background-color:#fff;
   
   padding:2px;
   margin:2% auto;
    
}
.pagerr a{
  margin:auto 1%;
    border-radius:50%;
      background-color:#444;
      padding:5px 10px 5px 10px;
      color:#fff;
      text-decoration:none;
      -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;
     
}
.pagerr a:hover{
    background-color:#1e8d12;
    color:#fff;
}
.pagerr span{
    background-color:#ae2676;
    color:#fff;
     -o-box-shadow:1px 1px 1px #111;
      -moz-box-shadow:1px 1px 1px #111;
      -webkit-box-shadow:1px 1px 1px #111;
      box-shadow:1px 1px 1px #111;

    border-radius:50%;
    padding:5px 10px 5px 10px;
}

9 jul */

.styleGrid2 td 
{   padding: 2px 4px
;   border: solid 1px #b2b2b2
;   white-space: nowrap
}  
.styleGrid2 th 
{   padding: 4px 2px
;   background: White
;   border-left: solid 1px #b2b2b2
;   font-family: Roboto
;   font-size: 13px
;   height: 25px
}
.styleGrid2 .th a:hover {color: #000; text-decoration: none;} 
.styleGrid2 .altGrid {background: #F9F9F5;}  
.styleGrid2 a:link {color: #000; text-decoration: none;}
.styleGrid2 a:visited {color: #000; text-decoration: none;}
.styleGrid2 .pagerGrid {background: #eeeeee;}
.styleGrid2 .pagerGrid table {margin: 4px 0;}
.styleGrid2 .pagerGrid td {border-width: 0; padding: 0 2px;}
.styleGrid2 .pagerGrid a {color: #666; text-decoration: none;}  
.styleGrid2 .pagerGrid a:hover {color: #000; text-decoration: none;}

.flexGrid    
{   max-width:97.7%
;   width:100%
;   position:absolute
;   background-color: #FFFFFF
;   border-top: solid 1px #FFFFFF
;   border-left: solid 1px #FFFFFF
;   border-right: solid 1px #FFFFFF
;   font-family: Roboto
;   font-size: 10pt
;   overflow-x:scroll
;   overflow-y:hidden
;   z-index:100
;   border-color:#caced1
;   
}  
.nomargintop {margin-top: 0px;}

.flexGrid td 
{   padding: 2px 8px
;   border-top: solid 1px #caced1
;   border-left: solid 1px #caced1
;   white-space:nowrap
;   border-color:#caced1
}

.flexGrid th  
{   /*padding: 4px 5px 5px 5px*/padding: 0px 2px 0px 2px
;   /*background-image: #D3D3D3 url(../Images/Grid/header44.png) repeat-x*/
;   border-top: solid 1px #caced1 
;   border-left: solid 1px #caced1
;   font-family: Roboto
;   font-size: 11px
/*;   height:20px*/
;   border-color:#caced1
;   /*white-space:nowrap;*/
} 

.flexGrid .th a:hover {color: #ffffff; text-decoration: none;} 
.flexGrid .altGrid {background: #ffffff;}  
.flexGrid a:link {color: #ffffff; text-decoration: none;}
.flexGrid a:visited {color: #ffffff; text-decoration: none;}
.flexGrid .pagerGrid {background: #eeeeee;}
.flexGrid .pagerGrid table {margin: 4px 0;}
.flexGrid .pagerGrid td {border-width: 0; padding: 0 2px;}
.flexGrid .pagerGrid a {color: #666; text-decoration: none;}  
.flexGrid .pagerGrid a:hover {color: #000; text-decoration: none;}

.flexGridpager   
{   max-width:97.7%
;   width:100%
;   position:absolute
;   background-color: #FFFFFF
;   margin-top: 0px
;   border: solid 1px #caced1
;   font-family: Roboto
;   font-size: 10pt
;   z-index:1
}  

.nomargintop {/*margin-top: 0px;	*/}

.flexGridpager td 
{   border: solid 1px #caced1
;   white-space:nowrap
;   border-color:#caced1
}  

.flexGridpager th 
{   border-left: solid 1px #caced1
;   font-family: Roboto
;   font-size: 13px
;   height:25px
;   border-color:#caced1
} 

.flexGridpager .th a:hover {color: #000; text-decoration: none;}
.flexGridpager .altGrid {background: #F9F9F5;}  
.flexGridpager a:link {color: #000; text-decoration: none;}
.flexGridpager a:visited {color: #000; text-decoration: none;}
.flexGridpager .pagerGrid {background: #eeeeee;}
.flexGridpager .pagerGrid table {/*margin: 4px 0;*/}
.flexGridpager .pagerGrid td {border-width: 0; /*padding: 0 2px;*/}
.flexGridpager .pagerGrid a {color: #666; text-decoration: none;}  
.flexGridpager .pagerGrid a:hover {color: #000; text-decoration: none;}

.flexGridpager   
{   max-width:97.7%
;   width:100%
;   position:absolute
;   background-color: #FFFFFF
;   margin-top: 0px
;   border: solid 1px #b2b2b2
;   font-family: Roboto
;   font-size: 10pt
;   z-index:1;
}

.nomargintop {/*margin-top: 0px;	*/}

.flexGridpager td 
{   border: solid 1px #b2b2b2
;   white-space:nowrap
}  

.flexGridpager th 
{   border-left: solid 1px #b2b2b2
;   font-family: Roboto
;   font-size: 13px
;   height:25px
} 

.flexGridpager .th a:hover {color: #000; text-decoration: none;}
.flexGridpager .altGrid {background: #F9F9F5;}  
.flexGridpager a:link {color: #000; text-decoration: none;}
.flexGridpager a:visited {color: #000; text-decoration: none;}
.flexGridpager .pagerGrid {background: #eeeeee; }
.flexGridpager .pagerGrid table {/*margin: 4px 0;*/}
.flexGridpager .pagerGrid td {border-width: 0; /*padding: 0 2px;*/}
.flexGridpager .pagerGrid a {color: #666; text-decoration: none;}  
.flexGridpager .pagerGrid a:hover {color: #000; text-decoration: none; }

flexGridpagerbot td 
{   border: solid 1px #b2b2b2
;   white-space:nowrap
}  

.flexGridpagerbot th 
{   border-left: solid 1px #b2b2b2
;   font-family: Roboto
;   font-size: 13px
;   height:25px
} 

.flexGridpagerbot .th a:hover {color: #000; text-decoration: none;}
.flexGridpagerbot .altGrid {background: #F9F9F5;}  
.flexGridpagerbot a:link {color: #000; text-decoration: none;}
.flexGridpagerbot a:visited {color: #000; text-decoration: none;}
.flexGridpagerbot .pagerGrid {background: #eeeeee; }
.flexGridpagerbot .pagerGrid table {/*margin: 4px 0;*/}
.flexGridpagerbot .pagerGrid td {border-width: 0; /*padding: 0 2px;*/}
.flexGridpagerbot .pagerGrid a {color: #666; text-decoration: none;}  
.flexGridpagerbot .pagerGrid a:hover {color: #000; text-decoration: none; }


.flexGridbottom
{   max-width:96%
;   white-space:nowrap !important
;   position:absolute
;   background-color: #FFFFFF
;   border-top: solid 1px #FFFFFF
;   border-left: solid 1px #FFFFFF
;   border-right: solid 1px #FFFFFF
;   border-bottom: solid 1px #FFFFFF
;   font-family: Roboto
;   font-size: 10pt
;   overflow-x:auto
;   overflow-y:hidden
;   z-index:100px
;   border-color:#caced1
}  

.rejected
{
    color: blue;
    font-weight:bold;
   
}
.approved
{
    font-weight:bold;
    
}

.file-upload {
    display: inline-block;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    font-family: Roboto;
    font-size:13px;
    border: 1px solid #caced1;
     background-color:#eeeeee;
    color: #000;
    border-radius: 6px;
    -moz-border-radius: 6px;
    cursor: pointer;
   
    -webkit-border-radius: 6px;
}

.file-upload:hover {
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #0061a7), color-stop(1, #007dc1));
        background: -moz-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -webkit-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -o-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: -ms-linear-gradient(top, #0061a7 5%, #007dc1 100%);
        background: linear-gradient(to bottom, #eeeeee 5%, #fff 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#caced1', endColorstr='#007dc1',GradientType=0);
       
}

/* The button size */
.file-upload {
    height: 13px;
    vertical-align:top;
}
.file-upload input {
            top: 0;
            left: 0;
            margin: 0;
            font-size: 11px;
            font-weight: bold;
            /* Loses tab index in webkit if width is set to 0 */
            opacity: 0;
            filter: alpha(opacity=0);
}

.file-upload strong 
{
               font: inherit 11px Tahoma;
            text-align: center;
            vertical-align: middle;
            
            
}

.file-upload span {
            top: 0;
            left: 0;
            display: inline-block;
            /* Adjust button text vertical alignment */
            vertical-align:middle;
           
}