/* *************************** Use for displaytag  tables **********************************  */

        .dtTable table {
                width: 100%;
                empty-cells:show;
                background-color: white;
                border-spacing: 1px;
        }
        .dtTable thead tr {
             font-weight: bold;
             font-size: 8pt;
             color: #00265c;
                 background-color: #92a2b9;
                 border-bottom: 1px solid #00265c;
                 text-align: left;
                 vertical-align:top;
        }
        .dtTable tr {
                height:18px;
        }

	    .bannerColor{ background-color: #d8dde6;  color: #00265c; }
        tr.even 	{ background-color: #d8dde6;  color: #00265c; }
        tr.odd  	{ background-color: #e0e4eb;  color: #00265c; }
        tr.focused {
                 background-color: #e8e8e8;
                 color: #00265c;
        }

        .dtTable th, .dtTable td {
                padding: 2px 10px 2px 5px !important;
                 color: #00265c;
                text-align: left;
                vertical-align: middle;
        }

        .dtTable th a, .dtTable th a:visited, .dtTable th a:link {
                 text-decoration: none;
                 font-weight: bold;
                 font-size: 8pt;
                  color: #00265c;
        }
        .dtTable th a:hover {
             text-decoration: underline;
         }

                .dtTable th.sorted a,  .dtTable th.sortable a {
                padding-right: 2px !important;
                background-repeat:no-repeat;
                        background-position: right;
                        display: block;
                        width: 100%;
        }
        .dtTable th.sortable a {     background-image: url(../images/arrow_off.png);}
        .dtTable th.order1 a {       background-image: url(../images/arrow_down.png);}
        .dtTable th.order2 a {       background-image: url(../images/arrow_up.png);}

                /* bannerline := spans: { pagebanner + pagelinks + pagesize } */
       .bannerline {
                width:100%;
                height:20px;
                background-color: #d8dde6;
                white-space:nowrap;
                padding-top:3px;
                vertical-align:middle;
        }
        
            
       .bannerTable {
                width:100%;
                height:20px;
                background-color: #d8dde6;  
                color: #00265c;
                white-space:nowrap;
                padding:0px;
                /*spacing:0px;*/
                margin: 0px;
                empty-cells:show;
        }
        
       .pagebanner {
                width:45%;
                float:left;
                text-align: right;
                vertical-align:middle;
                white-space:nowrap;
                font-size: 8pt;
                font-weight: bold;
                padding-left:10px;
                 color: #00265c;
        }
        .pagelinks {
            width: 40%;
                white-space:nowrap;
                text-align: right;
                vertical-align:middle;
                margin-left:10px;
                padding-left:20px;
                font-size: 8pt;
                font-weight: bold;
                 color: #00265c;
        }
        .pagesize {
            width: 15%;
                white-space:nowrap;
                text-align: right;
                vertical-align:middle;
                padding-left:20px;
                margin-left: 20px;
                font-size: 8pt;
                font-weight: bold;
                color: #00265c;
        }
		
		#pagesize {
			float:left;
			width: 100%;
			height: 24px;
			margin-bottom: 0px;
			background-color: #E2E2E3;
		}
		 
		#pagesize table, #pagesize tr, #pagesize th, #pagesize td
		
		{
			background-color: #E2E2E3;
			/* border: 1px #E2E2E3 solid !important; */
		
		}
		
		#pagesize table {
			float:left;
			margin: 0px;
		}
		
		#tableBody table {
			float:left; margin-left: -1px; width: 100.3%;
		}

        div.exportlinks {
                        width:100%;
                        text-align: right;
            background-color: #d8dde6;
            color: #00265c;
            font-weight: bold;
            font-size: 8pt;
            height:20px;
            white-space:nowrap;  
        }
/*
		padding: 4px 3px 2px 4px;
		margin: 5px 0 5px 0;
*/

        div.exportlinks a {
                 text-decoration: none;
         font-weight: normal;
        }

        span.export {
                border: 1px solid #00265c;;
                color: #00265c;
                padding: 0 20px 1px 5px;
                margin: 0 5px 0 5px;
                        vertical-align:middle;
                cursor: pointer;
                        width: 50px;
                        background-position: right;
                        background-repeat:no-repeat;
        }

        span.excel {background-image:url(../images/ico_file_excel.png); }
        span.csv { background-image: url(../images/ico_file_csv.png); }
        span.xml { background-image: url(../images/ico_file_xml.png); }
        span.pdf { background-image: url(../images/ico_file_pdf.png); }
        span.rtf { background-image: url(../images/ico_file_rtf.png); }

/* *************************** Use for displaytag  tables **********************************  */

        .hiddenLayer {
                position:absolute;
                visibility:hidden;
        }