
/* CSS Document */
/**********/
/* Global */
/**********/
html, body { 
	height:100%;
	font-family:arial;
	font-size: 12px;
	background-color: #7f7f7f;
	margin:0px;
}
div.mainContainer 
{
	width:850px;
	height:auto;
	margin:0 auto;
	background-color:#fff;	
    position:relative; /* needed for footer positioning*/  
    height:auto !important; /* real browsers */
    height:100%; /* IE6: treaded as min-height*/
    min-height:100%; /* real browsers */
	border-left: 8px #989898 solid;	
	border-right: 8px #989898 solid;
}

a
{
	color: #5d5d5d;
}
h1
{
	font-size: 16px;
	color: #0096db;
	margin: 0;
	padding: 0 0 6px 0;	
	border-bottom: 1px #0096db solid;
}
input
{
	background-color: #5bb4e5;
	border: 1px #fff solid;
	color: #01245d;
}
a:hover
{	
	text-decoration: none;
}
/**********/
/* COMMON */
/**********/
.noMargin
{
	margin: 0;
}
.grayCol
{
	color: #cccccc;
}
.darkGrayCol
{
	color: #5d5d5d;
}
.maroonCol
{
	color: #c20000;
}
.blueLink, .blueLink a
{
	color: #0096db;
}
.blueLink a:hover
{
	color: #00a2ec;
}
.paddingBottomSixPx
{
	padding-bottom: 6px;
}
div.readMore
{
	margin-top: 5px;
}
div.readMore a
{
	color: #7d7d7d;
	font-size: 11px;	
	display: block;
	width: 56px;
	background-image: url(../images/ico_readmore.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 18px;
}
div.readMore a:hover
{
	color: #b1b1b1;
	background-image: url(../images/ico_readmore_over.gif);
}
a.buttonBlock
{
	display: block;
	padding: 3px;
	background:url(../images/bg_button.gif);
	color: #494949;
	text-decoration: none;
	font-size: 13px;
	border: 2px #7e7e7e solid;
	width: 50px;
	text-align: center;	
}
a.buttonBlock:hover, a.buttonBlockGreen:hover, a.buttonBlockRed:hover
{
                background:url(../images/bg_button_over.gif);
}
a.buttonBlockDull
{
	display: block;
	padding: 3px;
	background-color: #e8e8e8;	
	color: #999999;
	text-decoration: none;
	font-size: 13px;
	border: 2px #d0d0d0 solid;
	width: 50px;
	text-align: center;	
}
div.downDocPanel
{
	margin: 8px 0;
}
div.downDocPanel img
{
	border: 0;
	vertical-align: text-bottom;	
	margin-right: 8px;	
}
a.downDocBlock
{
	display: block;
	padding: 6px;
	background:url(../images/bg_downDoc.gif);
	color: #494949;
	text-decoration: none;
	font-size: 13px;
	border: 2px #7e7e7e solid;
	width: 214px;	
}
a.downDocBlock:hover
{
	background:url(../images/bg_downDoc_over.gif);
}
.fieldLable
{
	color: #333333;
	font-family: Verdana, Arial;	
}
div.contentPanel
{
	line-height: 18px;
	padding-bottom: 20px;
}
div.contentHolder
{
	padding: 14px 20px;
}
div.pageMainTitle
{
	font-size: 16px;
	color: #0096db;
	margin-bottom: 4px;		
	/*border-bottom: 1px #0096db solid;*/
}
.pagesubTitle
{
	font-size: 14px;
	color: #0096db;
	margin-bottom: 4px;		
	/*border-bottom: 1px #0096db solid;*/
}
div.pageMainTitle img
{
	vertical-align: text-bottom;
	margin-right: 5px;
}
.borderTopOnly
{
	border-top: 6px #0096db solid;
}
div.optionPanel
{
	width:472px;
	height:90px;
	background-image:url(../images/bg_option_panel.gif);
	background-repeat: no-repeat;
}

table.optionTable1
{
	width: 450px;
	margin: 8px  10px 0px 50px ;
	height: 50px;
	vertical-align: middle;	
}


table.optionTable
{
	width: 450px;
	margin: 8px auto 0 auto ;
	height: 50%;
	vertical-align: middle;	
}

table.optionTable input
{
	background: none;
	border: none;
}
.totalRec
{
	font-size: 14px;
	color: #5d5d5d;
}
table.gridMain, table.gridCriteria
{
	border: none;
	width: 90%;		
}
div.gridHolder
{
	border: 2px #0096db solid;
	width: 805px;	
}
table.gridMain th, table.gridCriteria th
{
	background-image:url(../images/bg_grid_col_head.gif);
	background-repeat: repeat-x;
	border-bottom: 1px #0096db solid;
	background-position:bottom;
	background-color: #5bb4e5;
	height: 30px;
	text-align: left;
	padding: 0 10px;}

table.gridMain td
{
	padding: 0 10px;
	height: 22px;
	color: #333333;
}
table.gridCriteria td
{
	padding: 0 10px;
	height: 30px;
	color: #333333;
}
table.gridCriteria select
{
	width: 185px;
}
table.gridCriteria td.minMaxCell, table.gridCriteria th.minMaxHead
{
	padding-right: 0;
}
table.gridCriteria th.minMaxHead table td 
{
	height: 25px;
}
table.gridMain tr.row1 td, table.sampleDocTable tr.row1 td, table.gridCriteria tr.row1 td
{
	background-color: #d0d0d0;	
}
table.gridMain tr.row2 td, table.sampleDocTable tr.row2 td, table.gridCriteria tr.row2 td
{
	background-color: #e3e3e3;
}
table.gridMain tr.row3 td, table.sampleDocTable tr.row3 td, table.gridCriteria tr.row3 td
{
	background-color: #FFB03C;	
}

table.minMaxDataTable
{
	width: 350px;
	background-color: #0099FF;	
}
table.minMaxDataTable td.minData
{
	border-left: 1px #0096db solid;
	border-right: 1px #0096db solid;
}
/* FOOTER */
div.footerPanel
{
	position:absolute;
	width:100%;
	bottom:0; /* stick to bottom */
	background-color: #0096db;
	border-top: 5px #5bb4e5 solid;
	/*width: 850px;*/
	padding: 3px 0;
	color: #FFFFFF;
	font-size: 10px;
	text-align: center;
}
.errorMsg
{
	font-size: 14px;
	font-weight: bold;
}
/* TOP BANNER */
div.topBanner, div.topBannerInner
{
	background-color: #01245d;
	background-image:url(../images/pic_top_banner_right.jpg);
	background-position: top right;
	background-repeat: no-repeat;	
	width: 806px;	
	border-bottom: 7px #0096db solid;
}
div.topBanner
{
	padding: 22px;
	height:86px;
}
div.topBannerInner
{
	padding: 12px 22px 8px 22px;
}
td.topBannerRightText
{
	line-height: 24px;
}
/* LOGIN PANEL */
div.loginPanel
{
	/*padding: 16px 16px 0 16px;*/
	width: 264px;
	height: auto;		
	background-image:url(../images/bg_loginpanel.gif);
	background-repeat: repeat-y;
	margin: -36px 0 0 570px;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
}
table.loginTable td
{
	padding-top: 3px;
	padding-bottom: 3px;
}
table.loginTable td.loginPanelLeft
{
	padding-left: 18px;
}
table.loginTable td.forgetPwd 
{
	padding: 8px 0;
}
a.forgetPwd 
{
	color: #5d5d5d;
}
a.forgetPwd:hover
{
	color: #999999;
}
/* FORGET PASSWORD */
.forgetPwdTitle
{
	color: #0096db;
	font-size: 14px; 
}
/* MAIN MENU */
div.menuContainer
{
	width: 100%;
	height: 31px;
	background-image:url(../images/bg_mainmenu.gif);
	background-repeat: repeat-x;	
}
ul.mainMenu
{
	margin: 0 0 0 20px;
	padding: 0;
	list-style: none;
}
ul.mainMenu li
{
	float: left;
	padding: 0 15px 0 0;
	margin: 0;
}
ul.mainMenu li a img
{
	border: 2px #0096db solid;
}
/* Index page */
div.quoteBox
{
	background-color: #e8eb70;
	border: 2px #0096db solid;
	padding: 5px;
	margin: 8px 0;
}
ul.maapFeat
{
	margin-top: 6px;
	margin-bottom: 6px;
}
ul.maapFeat li
{
	padding-top: 4px;
}
div.downloadPanel
{
	width: 264px;
	height: auto;
	background:#FFFFFF;	
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 8px;
}
div.contentHolderHome
{
	padding: 0;
}
div.bannerAd
{
	position: absolute;
	margin-left: 220px; 
}
/* DATA IMPORT */
div.dataImportPanel
{
	background-image:url(../images/bg_dataimport_panel.gif);
	background-repeat: repeat-y;
	width: 434px;	
}
table.DataImpFormat select
{
	width: 180px;
}
table.DataImpBrowse {
	margin: 20px 0;	
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #0096db;
	width: 100%;
}
table.DataImpBrowse input
{
	width: 285px;
}
table.DataImpBrowse td
{	
	padding-left:22px;
}
table.errorMsgTable
{
	width: 100%;
	color: red;
	border-left: 6px #0096db solid;
	border-right: 6px #0096db solid;
}
td.guideCellHead 
{
	color: #01245d;
	font-weight: bold;
}
td.guideCellHead 
{
	background-color: #c1c1c1;	
}
td.guideCell2 
{
	border-bottom: 2px #0096db solid;
	background-color: #dfdfdf;
}
td.guideCellIntro
{
	border-bottom: 2px #0096db solid;
	border-top: 2px #0096db solid;
	background-color: #e8eb70;
}
div.stepsDivDataImp
{
	width: 330px;
	height: 380px;
	overflow: auto;
}
/* SAMPLE DOC */
table.sampleDocTable
{
	width: 434px;
	border-left: 6px #0096db solid;
	border-right: 6px #0096db solid;
	text-align: center;
}
table.sampleDocTable td {
	padding-top: 8px;
	padding-bottom: 8px;
}
table.sampleDocTable td.firstRowSampleDoc
{
	border-top: 2px #0096db solid;	
}
table.sampleDocTable td.lastRowSampleDoc
{
	border-bottom: 2px #0096db solid;
}
/* NEW REG*/
table.newReg
{
	width: 434px;
	height: 100%;
	height: auto;
}
table.newReg td.newRegLable
{
	padding-left: 26px;
	width: 120px;
}
table.newReg input
{
	width: 230px;
}
/* Bulk Mapping */
table.mappedRecDetTable
{
	width: 810px;
	border: 2px #0096db solid;
}
table.mappedRecDetTable td
{
	border-bottom: 1px #0096db solid;
}
table.mappedRecDetTable td.mappedRecDataLable
{
	color: #FFFFFF;
	border-bottom: 1px #00699a solid;
}
div.stepsDiv
{
	width: 810px;
	height: 100px;
	overflow: auto;
}
div.stepsDivsmall
{
	width: 330px;
	height: 100px;
	overflow: auto;
}
/* Attributes */
table.attribListTable
{
	width: 810px;
	background-image:url(../images/bg_attribList.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	background-color:#e8eb70;
	border: 2px #0096db solid;
	margin: 10px auto;
}
table.attribListTable td
{
	padding-left: 15px;
	background-color:#388cbb;
}
table.attribListTable a
{
	color: #fff;
}
table.attribListTable a:hover
{
	color: #ccc;
}
/* NEWS */
table.newsTable
{
	width: 100%;	
}
table.newsTable td
{
	vertical-align: top;
}
/* DATA SUMMARY */
table.dataSummaryTable
{
	width: 422px;
	border: 1px #0096db solid;	
}
table.dataSummaryTable td
{
	text-align: center;	
}
table.dataSummaryTable tr.dataSumColHead td
{
	background-color: #0096db;
	font-weight: bold;
	border-bottom: 1px #494949 solid;
}
table.dataSummaryTable tr.dataSumCol td
{
	background-color: #dfdfdf;
}
/* Popup page */
div.popupPanel
{
    border: 1px #0096db solid;
    text-align:left;
}
div.alertPanel
{
                border: 1px #0096db solid;
                text-align:left;
                 background-color :White;
}

div.popupPanel input
{
    background-color: #E1E1E1;
    border: none;
}
table.popupTableOK 
{
    width: 100%;
               
}
table.popupTableOK td 
{
    padding: 0px;
    /*: #aaaaaa;*/
   background-color :#aaaaaa;
           
}
table.popupTable td
{
    padding:8px;
    background-color: #E1E1E1;
}
table.popupTable td.popupTitleBar
{                              
    background-image:url(../images/bg_grid_col_head.gif);
    background-repeat: repeat-x;
    border-bottom: 1px #0096db solid;
    background-position:bottom;
    color: #000;
    font-size: 14px;
    font-weight: bold;
}
a.buttonBlockGreen, a.buttonBlockRed
{
    display: block;
    padding: 3px;     
    color: #494949;
    text-decoration: none;
    font-size: 13px;
    border: 2px #7e7e7e solid;
    width: 50px;
    text-align: center;            
}
a.buttonBlockRed
{
    background:url(../images/bg_button_red.gif);
}
a.buttonBlockGreen
{
    background:url(../images/bg_button_green.gif);
}
/*output*/
table.outputTableTop
{
    background-color:#01245d;
    color:#CCCCCC;
}
table.outputTableTop td.outputFormatTitle
{
    color: #0096db;
    font-weight: bold;
    font-size: 12px;
}
table.outputTableUser
{
    /*border-right: 2px #0096db dotted;*/
}
table.outputTableUser, table.outputTableOther
{
    width: 100%;
}
table.outputTableUser th, table.outputTableOther th
{
    background-repeat: repeat-x;
    border-bottom: 1px #0096db solid;
    background-position:bottom;
    background-color: #5bb4e5;
    height: 30px;
    text-align: left;
    padding: 0 10px;               
}
table.outputTableUser th
{
    background-image:url(../images/bg_grid_col_head.gif);
}
table.outputTableUser td
{
    background-color: #c1e3f6;
}
table.outputTableOther th
{
    background-image:url(../images/bg_col_aaia.gif);
}
table.outputTableOther td
{
    background-color: #d9d1ec;
}
div.gridHolder input 
{
    background: none;
    border: none;
} 
