﻿body 
{
    font-family:  verdana, arial, helvetica, sans-serif;
    font-size: 10pt;
    /*font-size: 0.72em;*/
    color :#000;
}
* html body {font-size:72%;}
*+html body {font-size:72%;}
p 
{
    font-family: verdana, arial, helvetica, sans-serif;
    /*font-size: 0.72em;*/
}
/*Modal Popup*/
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}
.divAlignControl
{
    vertical-align:bottom;
}
.divWaiting {
   
    position: absolute;
    background-color: #FAFAFA;
    z-index: 2147483647 !important;
    opacity: 0.8;
    overflow: hidden;
    text-align: center; top: 0; left: 0;
    height: 100%;
    width: 100%;
    padding-top:20%;
}
.modalPopup {
    background-color:#ffffdd;
    border-width:3px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    text-align:center;
}
.hidden {display:none}

.btn
{
	/*f4f4f4*/
	background-color: #f4f4f4;
	border: 1px solid #999;
	border-radius: 4px;
	padding: 1px 10px 1px 10px;
	/*
	padding: 10px;*/
	margin: 3px;
	
	font-weight: bold;
	color: #6e6e6e;
	display: block;
	text-align: center;
}
.formClass
{
	width :400px;
	margin:0 auto;
}
.formClass label
{
	font-size:13px;
	float: left;
	text-align:right;
	display: block;
}
.InnerActiveTab
{
	 background-color: #ca6d00; color: #FFFFFF;
}
.InnerInActiveTab
{
	 background-color: #FFFFFF; color: #ca6d00;
}

.Row
    {
        display: table-row;
    }
    .Cell
    {
        display: table-cell;
        /*border: solid;
        border-width: thin;
	*/
        padding-left: 5px;
        padding-right: 5px;
    }

.innerTable input, .innerTable textarea, .innerTable select, .subContainerBorder input, .subContainerBorder textarea, .subContainerBorder select
{
	font-family:  verdana, arial, helvetica, sans-seri;
    font-size: 10pt;
	margin-left: 35px;
}

.personPicture
{
	width: 2.3cm;
	height: 2.7cm;
}
.mainItem
{
    margin-top:0px;
    margin-bottom:0px;
    width:100%;
}
.container_01
{
     /* width:930px;*/
    width:100%;
    margin:auto;
    font-family: verdana, arial, helvetica, sans-serif;
    /*font-size: 0.72em;*/
}
.container
{
     /* width:930px;*/
    width:100%;
    margin:auto;
    font-family: verdana, arial, helvetica, sans-serif;
    /*font-size: 0.72em;*/
}

#TABLE1
{
    font-family: verdana, arial, helvetica, sans-serif;
    /*font-size: 0.72em;*/
}
.tablecontent 
{
	font-family: verdana, arial, helvetica, sans-serif;
    width:100%;
}
.content
{
    border: 1px solid #06364d;
    width:100%;
    /*width: 930px;*/
}
.header {
    background-image: url(../images/headerPlanning.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    margin: 0;
    padding: 0;
    width: 100%;
    height: 200px;
    justify-content: center;
    align-items: flex-start;
}
.header-text {
    text-align: center;
    vertical-align: middle;
    color: white;
    font-size: 20px;
    font-weight: bold;
    padding-top: 100px;
}
.planningHeader
{
	background-image: url(../images/bakIntro.jpg);
    background-repeat:repeat-x;
    height: 50px;
    margin:auto;
}

.navBar
{
	/*background-image: url(../images/subbanner_bk.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
    font-size: 13pt;     
	vertical-align:bottom;*/
	background-color:#336666;
	color: #FFFFFF;
    font-size: 13pt; 
    padding-left: 5px; 
}
.banner
{
    background-image: url(../images/banner.jpg);
    width: 930px;
    height: 201px;
}
.leftclmn
{
    padding-top:4px;
    padding-left:4px;
    padding-right:4px;
}
.centerclmn
{
	width: 510px;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}
.rightclmn
{
    width:200px;
    padding-top:4px;
    padding-left:3px;
    padding-right:6px;
}
.centerclmn2
{
	/*width: 710px;*/
	width:100%;
	padding-top: 4px;
	padding-left: 3px;
	padding-right: 3px;
}
.logincnt
{
    border: 2px solid #274a5e;
    background-image: url(../images/loginbk.jpg);
    background-repeat: repeat-x;
    background-color: #579cc4;
    background-position: center top;
    height: 183px;
    width: 200px;
}
.login
{
    font-family: Georgia;
    color:White;
}
.button_Blue
{
	border: 1px solid #FFFFFF;
	background-color: #33586d;
	color: #FFFFFF;
}
.button_green
{
	border: 1px solid #FFFFFF;
	background-color: olive;
	color: #FFFFFF;
}
.button_red
{
	border: 1px solid #FFFFFF;
	background-color: #CC0000;
	color: #FFFFFF;
}
.login_info
{
    color: #33586d;
    border: 1px solid #33586d;
    margin: 2px;
    height: 38px;
    background-color: #c1dae9;
}
.sidecnt
{
    width:204px;
    margin-top:2px;
    margin-bottom:2px;
}

.sidecnt_green_cnt
{
    border: 1px solid #008641;
    background-position: left top;
    padding:5px;
    background-repeat: repeat-x;
    background-color: #FFFFFF; 
}

.subContainerBorder
{  
    border: 1px solid #3c1414;
    background-position: left top;
    padding:5px;
    background-repeat: repeat-x;
    background-color: #FFFFFF; 
    font-weight: normal; 
    color: #000000;
}

.subContainerBorder input 
{
	border: 1px solid #ABADB3;
}
.formHeaderActive
{
	background-color: #ca6d00;
	padding: 5px 0 0 5px;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
}
.formHeaderNoneActive
{
	background-color: #669999;
	padding: 5px 0 0 5px;
	color: #FFFFFF;
	text-decoration :none; 
	text-align: center;
    
}
.formHeaderNoneActiveComplete
{
    background-color: #669999;
	padding: 5px 0 0 5px;
	color: #FFFFFF;
	text-decoration :none; 
	text-align: center;
    background: url(images/check.white.png) left no-repeat;
}
.HidePanel
{
	display:none;
}
.ShowPanel
{
	
}
.subHeaderBorder
{
	border: 1px solid #3c1414;
	background-position: left top;
	padding: 5px;
	background-repeat: repeat-x;
	color: #FFFFFF;
	background-color: #669999;
	
}

.subHeaderInnerBorder
{
    border: 1px solid #3c1414;
    background-position: left top;
    padding:5px;
    background-repeat: repeat-x;
    background-color: #558ef5; 
    font-weight: bold; 
    color: #FFFFFF;
}

.innerSubHeaderBorder
{
    border: 1px solid #3c1414;
    background-position: left top;
    padding:5px;
    background-repeat: repeat-x;
    background-color: #a48662; 
    font-weight: bold; 
    color: #FFFFFF;
}
.sidecnt_white_cnt
{
    border: 1px solid #008641;
    background-position: left top;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    background-repeat: repeat-x;
    background-color: #FFFFFF;
}
.sidecnt_Red_title
{
    
    background-color: #ca6d00;
    height: 25px;
    padding-bottom: 2px;
    background-repeat: repeat-x;   
    font-weight: bold;
    color: #FFFFFF;   
    font-size: 11pt;
    
    /* border: 1px solid #ca6d00;background-position: left top;
    background-image: url(../images/titleRedbk.jpg);
    background-position: left top;
    padding-right: 2px;
    padding-left: 2px;
    padding-bottom: 2px;
    background-repeat: repeat-x;
    background-color: #FFFFFF;*/  
}
.sidecnt_Red_cnt
{
    border: 1px solid #cdbeaa;
    background-position: left top;
    padding-right:2px;
    padding-left:2px;
    padding-bottom: 2px;
    background-repeat: repeat-x;
    background-color: #f2e5d5;  
}
.sidecnt_blue_title
{
    background-position: left top;
    background-image: url(../images/titlebluebk.jpg);
    height: 25px;
    padding-bottom: 2px;
    background-repeat: repeat-x;   
    font-weight: bold;
    color: #FFFFFF; 
    font-size: 11pt;
}
.sidecnt_blue_cnt
{
	border: 1px solid #dbdbda;
	background-position: left top; 
	padding-right: 2px;
	padding-left: 2px;
	padding-bottom: 2px;
	background-repeat: repeat-x;
	background-color: #f0f8ff;    
}
.sidecnt_orange_title
{
    background-position: left top;   
    padding: 5px 0 2px 5px;
    background-repeat: repeat-x;   
    color: #06364d;
    font-size: 11pt;
    border: 0;
    font-weight: bold;
    border-bottom: 1px solid #06364d;
}

.sidecnt_orange_title1
{
    background-position: left top;   
    padding: 5px 0 2px 5px;
    background-repeat: repeat-x;   
    color: #ca6d00;
    font-size: 11pt;
    border: 0;
    font-weight: bold;
    border-bottom: 1px solid #ca6d00;
}


    
    
.centercnt
{
    border: 1px solid #dbdbda;
    width: 507px;
    background-color: #FFFFFF;
    margin-bottom: 5px;
}
.centercnt_title
{
    font-size: 10pt;
    font-style: italic;
    font-weight: bold;
    color: #447794;
}
.centercnt2
{
    border: 1px solid #cccbc9;
    width: 507px;
    background-color: #f4f4ec;
    margin-bottom: 5px;
}
.footer
{
    /*border-bottom: 2px solid #2069ba;    
    color: #FFFFFF;
    height:25px;
    font-size: 8pt;     
	vertical-align:bottom;
	text-align:center; 
	background-image: url(../images/subbanner_bk.jpg);
	background-repeat: no-repeat;    */
	
	background-color:#336666;
	color: #FFFFFF;
    font-size: 8pt; 
    padding-left: 5px; 
    height:25px;   
    text-align:center;  
}
.cnt_header1
{
	font-weight: bold;
	font-size: 10pt;
	color: #000000;
	font-family: Georgia;
}
.cnt_header2
{
	border: 1px solid #FFFFFF;
	background-color: #33586d;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Georgia;
	height: 20px;
	font-weight: bold;
	text-indent: 5px;	
	width: 702px;
	vertical-align:top;
}
.ninCardHolderDetails
{	
	background-color: #33586d;
	color: #FFFFFF;	
}
.ninCardHolderLabel
{
	background-color: #33586d;
	color: #FFFFFF;
	font-size: 8pt;
	font-family: Georgia;
	height: 20px;
	font-weight: bold;
	text-indent: 5px;
	width: 702px;
	vertical-align: top;
	border-right: #ffffff 1px;
	border-top: #ffffff 1px;
	border-left: #ffffff 1px;
	border-bottom: #ffffff 1px;
}
.gridColor
{
	background-color: #d9e9da;
	color: black;
}
.cnt_div
{
	border-right: ghostwhite 2px solid;
	border-top: ghostwhite 2px solid;
	border-left: ghostwhite 2px solid;
	border-bottom: ghostwhite 2px solid;
	width: 700px;
	vertical-align:top;
}
.cnt_div1
{
	width: 200px;
	border: 1px solid #c9d5b3;
}
.cnt_links
{
	text-decoration: none;
	color: #33586d;
	font-weight: bold;
}
.grid_links
{
	text-decoration: underline;
	color: blue;	
}
.grid_indent
{
	margin-left:8px;
}

/* Registration Page*/
.main_ind
{
    background-image: url(../images/main.jpg);
    background-repeat: no-repeat;
    width: 513px;    
    height: 321px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color:#ffffff;
}
.main_org
{
    BACKGROUND-IMAGE: url(../images/main_org.jpg); 
    background-repeat: no-repeat;
    width: 513px;    
    height: 321px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color:#ffffff;
}
.main_agent
{
    BACKGROUND-IMAGE: url(../images/main_agent.jpg); 
    background-repeat: no-repeat;
    width: 513px;    
    height: 321px;
    padding-right: 5px;
    padding-left: 5px;
    padding-bottom: 5px;
    padding-top: 5px;
    color:#ffffff;
}
.links
{
	color:Blue;
	text-decoration:none;
}
.footer_links
{
	color:#ffffff;
	text-decoration:none;
}
.logout
{
	color: #0000FF;
	text-decoration: none;
}
.pagecontentTitle
{
    color: #012766;
    font-size:12pt;
    font-weight: bold;   
    padding-left: 5px;
	padding-right:5px;
	text-align:left;
}

.mainLabel
{
	color:#000000;
	
}

.mainLabelText
{
	color:#000000;	
	text-decoration: underline;
}
.subItemTitle
{
	color: #575656;
	font-size: 11pt;
	font-weight: bold;	
	padding-left: 5px;
	padding-right:5px;
}
.subItemContent
{
	color: #575656;
	padding-left: 5px;
	padding-right:5px;
}
.guidelineContent
{
    border: 1px solid #c9d5b3;
    background-position: left top;
    padding-right:2px;
    padding-left:2px;
    padding-bottom: 2px;
    background-repeat: repeat-x;
    background-color: #e6eed7;  
    font-size: 8pt; 
}
.GridNavigation
{
     /*width: auto;*/
     background-position: left bottom;
     background-image: url(../images/gridbg.jpg);
     background-repeat: repeat-x;
     border: 0;
     border-bottom: 1px solid #000000;
   /*  padding-left: 5px;
     padding-right : 5px;*/

}
.button
{
	margin-top: 4px;
	margin-bottom: 4px;
	font-size: 0.9em;
	height: 18px;
}

.processImage
{
	margin-bottom: 5px;
}

.processImageBorder
{
	border: 1px solid #548ff4; 
	width: 930px;
}

.clearProcessImage
{
	padding-left: 10%
}

.processLink
{
	padding-left: 10%;
	margin-bottom: 5px;	
}

.nextButton
{
	float: right; 
	padding-right: 5px;
	color: Blue;
	height: 18px;
}

.mainHeader
{
	font-weight: bold; 
	color: #ffffff;
	font-size: 14px;
	padding:5px;
}

.mainHeaderBg
{
	background-color: #5998ff;
	padding: 2px;
}

.clearDiv
{
	clear: both;
	padding: 2px;
}

.topContainer
{
	background-color: #FFFFFF;
	color: #FFFFFF;
}

.navLink
{
	text-decoration: none;
	color: Blue;
}

.selectedLink
{
	text-decoration: underline;
	color: Blue;
}

.unselectedLink
{
	text-decoration: none;
	color: Black;
	font-weight: bold;
}

.requiredField
{
	font-weight: bold;
	color: Red;
}

.transacType
{
	color: #1d4d9c; 
	font-size: 13pt;
	font-weight: bold;
	text-align: center;
}

.LoginInfo
{
	color: Red;
}

.lblPageTitle
{
	color: #336666;
}
.wizard-step
{
	display: none;
}
