body
{
	font-family: Arial;
	color: #000000;
	font-size: 9pt;
}
.PageHead
{
	font-weight: bold;
	font-size: 10pt;
	font-family: Arial;
	color: #000080;
}
.TDContent
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
	text-align: left;
	background-color: #ffffff;
	width: 980px;
}
.HomeContent
{
	font-size: 9pt;
	color: Black;
	text-align: justify;
	line-height: 20px;
	padding-left: 3px;
	margin-left: 3px;
	padding-right: 3px;
	margin-right: 3px;
}
.TDMid
{
	width: 229px;
	text-align: justify;
	padding-right: 3px;
	margin-right: 3px;
}
.TDBkRg
{
	width: 9px;
	background-image: url(Images/bg3.png);
	background-repeat: repeat-y;
}

.TDHead
{
	background-image: url(Images/HeadImg.gif);
	width: 229px;
	color: #ffffff;
	background-repeat: repeat-x;
	height: 25px;
	font-size: 10pt;
	font-family: Arial;
}

.TDLeft
{
	width: 107px;
	text-align: center;
}
.errMsgs
{
	font-weight: bold;
	font-size: 9pt;
	color: #8b0000;
	font-family: Arial;
}
.btnStyle
{
	font-weight: normal;
	font-size: small;
	color: #ffffff;
	border-top-style: outset;
	font-family: Arial;
	border-right-style: outset;
	border-left-style: outset;
	background-color: #3399cc;
	border-bottom-style: outset;
	width: 90px;
	height: 30px;
}

.SmallBtns
{
	font-weight: normal;
	font-size: 9pt;
	font-family: Arial;
	width: 40px;
	height: 25px;
}
.forLbls
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
}
.forLabels
{
	font-size: 9pt;
	font-family: Arial;
	color: infobackground;
}
.HelpMsg
{
	font-weight: bold;
	font-size: 9pt;
	color: #000000;
	font-family: Arial;
}
.grdbtnstyle
{
	font-size: 8pt;
	color: black;
	border-top-style: outset;
	font-style: normal;
	border-right-style: outset;
	border-left-style: outset;
	background-color: #87aacc;
	border-bottom-style: outset;
	background-image: url(Images/grdBtn.jpg);
	background-repeat: repeat-x;
	width: 50px;
}

.LoginBtns
{
	font-weight: normal;
	font-size: 9pt;
	}

.FormTextBox
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
}
.FormBtns
{
	font-weight: normal;
	font-size: 9pt;
	width: 60px;
	height: 25px;
}

.GridBtns
{
	font-weight: normal;
	font-size: 8pt;
	width: 47px;
	height: 20px;
}

A.navlnk
{
	color: #ffffff;
	font-weight: normal;
	font-size: 9pt;
	text-decoration: none;
}

A.navlnk:hover
{
	color: #000080;
	font-weight: bold;
}

A.navlnk1
{
	font-size: 9pt;
	color: #000000;
	text-decoration: none;
	font-weight: normal;
}
A.navlnk1:hover
{
	color: #000080;
	font-weight: bold;
}
A.navlink2
{
	color: #000000;
	text-decoration: none;
}
A.navlink2:hover
{
	color: #000080;
	text-decoration: none;
	font-weight: bold;
}

.TDTopNew
{
	background-image: url(Images/dot.jpg);
	background-repeat: repeat-x;
}


.TDTop
{
	height: 4px;
	background-image: url(Images/bg5.png);
	background-repeat: repeat-x;
}

.TDTop1
{
	height: 4px;
	background-image: url(Images/bgnew.jpg);
	background-repeat: repeat-x;
}
.PageRg
{
	background-image: url(Images/bg7.png);
	background-repeat: repeat-y;
	text-align: right;
	width: 7px;
}


.PageLt
{
	background-image: url(Images/bg8.png);
	background-repeat: repeat-y;
	text-align: right;
	width: 8px;
}

.PageLtNew
{
	background-image: url(Images/dot.jpg);
	background-repeat: repeat-y;
	text-align: right;
	width: 3px;
}

.rating_bar
{
	width: 55px;
	background: url(images/star_x_grey.gif) 0 0 repeat-x;
}

.rating_bar div
{
	height: 12px;
	background: url(images/star_x_orange.gif) 0 0 repeat-x;
}
.TopHead
{
	color: #000080;
	font-weight: bold;
	font-size: 15pt;
}
.PageHeader
{
	font-weight: bold;
	fon
Input
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
}
-family: Arial;
	color: Black;
}
select
{
	font-size: 9pt;
	font-family: Arial;
	color: Black;
}
.HMenu
{
	background-image: url(Images/menu1.png);
}

.DMenu
{
	background-image: url(Images/menu2.png);
}

A.navlink
{
	color: #000000;
	font-weight: normal;
	font-size: 9pt;
}

A.navlink:hover
{
	color: #000080;
	font-size: 10pt;
	font-weight: bold;
}

p.navbuttons a
{
	color: #ffffff;
	text-decoration: none;
	display: block;
	width: 60px;
	height: 25px;
	background-repeat: no-repeat;
	background-image: url(Images/btnOver2.png);
}
p.navbuttons a:hover, p.navbuttons a:active
{
	color: #ffffff;
	background-repeat: no-repeat;
	background-image: url(Images/btnOver1.png);
}

.bottomleft
{
	background-image: url(Images/leftbottomcorner.png);
	background-repeat: no-repeat;
}

.bottomright
{
	background-image: url(Images/rightbottomcorner.png);
	background-repeat: no-repeat;
}


.topleft
{
	background-image: url(Images/lefttopcorner.png);
	background-repeat: no-repeat;
}

.topright
{
	background-image: url(Images/righttopcorner.png);
	background-repeat: no-repeat;
}

.bottomcenter
{
	background-image: url(Images/bg6.png);
	background-repeat: repeat-x;
}

/*Table used for alignment*/
.FormTable
{
	/*Border Color*/
	border-left: 0 solid #ae9199;
    border-right: 1px solid #ae9199;
    border-top: 0 solid #ae9199;
    border-bottom: 1px solid #ae9199;
    border-collapse: collapse;
	font-family: Verdana;
	width: 273px;
}
.FormTable td
{
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 2px;
	margin: 2px;
	font-family: Verdana;
	font-size: 9pt;
	text-align: left;
}

.FormTable th
{
	background-color: #999999;
	font: 9pt solid sans-serif; /*font-weight: bold;*/
	color: #4d0000;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	font-family: Verdana;
	font-weight: bold;
}
.FormTable .head
{
	background-color: #CFAD80;
	font: 9pt solid sans-serif;
	font-weight: bold;
	color: white;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
}



/*Table used for grid*/
.GridTable
{
	border: 0px solid #ae9199; /*Border Color*/
	border-collapse: collapse;
	border-width: 0 1px 1px 0;
	font-family: Arial;
}
.GridTable td
{
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 2px;
	margin: 2px;
	font-family: Arial;
	font-size: 8pt;
	text-align: left;
}

.GridTable th
{
	background-color: #999999;
	font: 8pt solid sans-serif; /*font-weight: bold;*/
	color: #4d0000;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	font-family: Arial;
	font-weight: bold;
}
.GridTable .head
{
	background-color: #CFAD80;
	font: 8pt solid sans-serif;
	font-weight: bold;
	color: white;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	text-align: center;
	font-size: 8pt;
	font-family: Arial;
}


A.readMore
{
	color: #000000;
	font-weight: normal;
	font-size: 9pt;
}

A.readMore:hover
{
	color: #000080;
	font-weight: bold;
}


divnav
{
	color: #000000;
	font-weight: normal;
	font-size: 9pt;
	font-style: normal;
	width: 100px;
	height: 25px;
}

divnav:hover
{
	color: #000080;
	font-style: normal;
	font-size: 9pt;
	font-weight: bold;
	background-image: url(Images/menuhover.jpg);
	background-repeat: repeat-x;
	width: 100px;
	height: 25px;
}

.LoginTable
{
	font-family: Arial;
	text-align: right;
	font-size: 9pt;
}

.LoginTable Input
{
	font-family: Arial;
	font-size: 9pt;
	width: 150px;
}

.LoginTable Submit
{
	font-family: Arial;
	font-size: 9pt;
	width: 90px;
}

.LoginTable select
{
	font-size: 9pt;
	font-family: Arial;
}
.IE8Fix
{
	z-index: 100;
}
.ReqFld
{
	color: #ff0000;
}
.tblLooknFeel
{
	text-align:left;
	font-family:Verdana;
	font-size:11px;
}
.txtLooknFee
.txtLooknFeel
{
	font-family:Verdana;
	font-size:11px;
}


	display:none;
	position:absolute;
	border:solid 2px Black;
	background-color:White;
}
.Content
{
	width:400px;
	background-color:White;
	margin:auto;
	padding:10px;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}

.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup {
	background-color:#EEEEEE;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	font-family:Verdana;
	padding:3px;
	width:250px;
}
.TblBorder
{
	text-align: left;
	border-right: Gray thin solid; 
	border-top: Gray thin solid; 
	border-left: Gray thin solid; 
	border-bottom: Gray thin solid;
}

.MyCalendar .ajax__calendar_container {background-color:#e2e2e2;width:120px;border:solid 1px #cccccc;}
.MyCalendar .ajax__calendar_header{background-color: #ffffff; margin-bottom: 4px;} 
.MyCalendar .ajax__calendar_title,.MyCalendar .ajax__calendar_next,.MyCalendar .ajax__calendar_prev{color: #004080; padding-top: 3px;}
.MyCalendar .ajax__calendar_body{background-color: #e9e9e9; border: solid 1px #cccccc;}  
.MyCalendar .ajax__calendar_dayname{text-align:center; font-weight:bold; margin-bottom: 4px; margin-top: 2px;}  
.MyCalendar .ajax__calendar_day{text-align:center;}  
.MyCalendar .ajax__calendar_hover .ajax__calendar_day,.MyCalendar .ajax__calendar_hover .ajax__calendar_month,.MyCalendar .ajax__calendar_hover .ajax__calendar_year,
.MyCalendar .ajax__calendar_active{color: #004080; font-weight:bold; background-color: #ffffff;} 
.MyCalendar .ajax__calendar_today{font-weight:bold;} 
.MyCalendar .ajax__calendar_other,.MyCalendar .ajax__calendar_hover .ajax__calendar_today,.MyCalendar .ajax__calendar_hover .ajax__calendar_title{color: #bbbbbb;}

/* Designed for Tables Look and Feel*/
.TableTemplate1
{
	
text-align:left;
border-top: #a0a0a0 thin solid; 
border-bottom: #a0a0a0 thin solid; 
background-color: #dddcdc;
}
.TableTemplate2
{
text-align:left;
BORDER-TOP: #afb094 thin solid; 
BORDER-BOTTOM: #afb094 thin solid; 
BACKGROUND-COLOR: #eeefd3;
}
.TableTemplate3
{
text-align:left;
BORDER-TOP: #afb094 thin solid; 
BORDER-BOTTOM: #afb094 thin solid; 
BACKGROUND-COLOR: #dddeb6;
}
.TableTemplate4
{
text-align:left;
BORDER-TOP: #afb094 thin solid; 
BORDER-BOTTOM: #afb094 thin solid; 
BACKGROUND-COLOR: #eeefd3;
}

.TableTemplate5
{
BORDER-TOP: #373737 thin solid; 
BORDER-BOTTOM: #373737 thin solid; 
BACKGROUND-COLOR: #d9dbd3;
}

.TableTemplate6
{
text-align:left;
BORDER-TOP: #afb094 thin solid; 
BORDER-BOTTOM: #afb094 thin solid; 
BACKGROUND-COLOR: #cee0f5;
}
/*Table used for alignment for CitiBank*/
.CitiBankFormTable
{
	/*Border Color*/
	border-left: 0 solid #ae9199;
    border-right: 1px solid #ae9199;
    border-top: 0 solid #ae9199;
    border-bottom: 1px solid #ae9199;
    border-collapse: collapse;
	font-family: Verdana;
	width: 273px;
}
.CitiBankFormTable td
{
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 2px;
	margin: 2px;
	font-family: Verdana;
	font-size: 9pt;
	text-align: left;
}

.CitiBankFormTable th
{
	background-color: #004485;
	font: 9pt solid sans-serif; /*font-weight: bold;999999*/
	color: white;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	font-family: Verdana;
	font-weight: bold;
}
.CitiBankFormTable .head
{
	background-color: #CFAD80;
	font: 9pt solid sans-serif;
	font-weight: bold;
	color: white;
	border: 0px solid #ae9199;
	border-width: 1px 0 0 1px;
	padding: 4px;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
}
.heading {
	padding: 1em 0 1em 0;
	color:white;
	background-color:ButtonShadow;
	font-family:Verdana, Sans-Serif;
	font-weight:bold;
	font-size:1.0em;
	text-align:left;
}

.demoarea {
	padding:10px;
	background:#FFF url(Citibank/images/demotop.png) no-repeat left top;
	text-align:left;
}
/*Table used for alignment for ICAI Corporate*/
.ICAIFormTable
{
	/*Border Color*/
	border-left: 1px solid #ae9199;
    border-right: 1px solid #ae9199;
    border-top: 0 solid #ae9199;
    border-bottom: 1px solid #ae9199;
    border-collapse: collapse;
	font-family: Verdana;
	width: 290px;
}
.ICAIFormTable td
{
	border: 0px solid #ae9199;
	border-width: 0px 0 0 0px;
	padding: 2px;
	margin: 2px;
	font-family: Verdana;
	font-size: 9pt;
	text-align: left;
}

.ICAIFormTable th
{
	background-color: #56802e;
	border-left: 1px solid #ae9199;
    border-right: 1px solid #ae9199;
    border-top: 0 solid #ae9199;
    border-bottom: 1px solid #ae9199;
	font: 9pt solid sans-serif; /*font-weight: bold;999999//*963637*/
	color: white;
	border: 1px solid #ae9199;
	/*border-width: 1px 0 0 1px;*/
	padding: 4px;
	font-family: Verdana;
	font-weight: bold;
}
.ICAIFormTable .head
{
	background-color: #CFAD80;
	font: 9pt solid sans-serif;
	font-weight: bold;
	color: white;
	border: 0px solid #ae9199;
	/*border-width: 1px 0 0 1px;*/
	padding: 4px;
	text-align: center;
	font-size: 8pt;
	font-family: Verdana;
}
.heading {
	padding: 1em 0 1em 0;
	color:white;
	background-color:ButtonShadow;
	font-family:Verdana, Sans-Serif;
	font-weight:bold;
	font-size:1.0em;
	text-align:left;
}

.demoarea {
	padding:10px;
	background:#FFF url(Citibank/images/demotop.png) no-repeat left top;
	text-align:left;
}
.ICAILoginBtns
{
    background:#FFF url(ICAI/images/btn.gif) no-repeat left top;
    border:0px;
	font-weight: normal;
	font-size: 10pt;
	font-weight:bold;
	color:White;
	}
.read
{
    font-family: Verdana, serif;
    font-size: 11px;
    color: #0274d4;
    text-decoration: underline;
}
.read:link
{
    font-family: Verdana, serif;
    font-size: 11px;
    color: #0274d4;
    text-decoration: underline;
}
.read:hover
{
    font-family: Verdana, serif;
    font-size: 11px;
    color: #0274d4;
    text-decoration: none;
}
.read:active
{
    font-family: Verdana, serif;
    font-size: 11px;
    color: #0274d4;
    text-decoration: underline;
}

/*harshal*/
.RadMenu_Web20 .rootGroup .text {
    line-height: 45px!important;
}

.menu_container {
    background-image: url('ImagesNew/inner_top_bg.png');
    background-size:cover;
    background-repeat:no-repeat;
    min-height: 45px;
}


 #footer_new {
            background-color: #035593;
            text-align: center;
            color: #fff;
            width: 100%;
        }

  #footer_new p {
                margin: 0;
                font-size: 11px;
            }

  .footer_fixed {
            position: fixed;
            bottom: 0;
        }

   .RadMenu_Web20 {
            background: none!important;
            /*background-color: #333!important;*/
            width: 100%;
            border-left: none!important;
        }


  .btn-success {
    color: #fff;
    background-color: #4ec4af;
    border-color: #4ec4af;
}


  .btn-success:hover {
    color: #fff;
    background-color: #4ec4af;
    border-color: #4ec4af;
}
  .btn-outline-success {
    color: #4ec4af;
    background-color: transparent;
    background-image: none;
    border-color: #4ec4af;
}

  .btn-outline-success:hover {
    color: #fff;
    background-color: #4ec4af;
    border-color: #4ec4af;
}


  .RadMenu_Default .text {
    line-height: 45px;
}

  .logout_btn_con {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            background-color: #4ec4af;
        }

   #ctl00_TreeView1>table {
            
            background-color:#4ec4af;
            width:100%;
            margin-bottom:6px;
        
        }

        .ctl00_TreeView1_0 {
            
            color:#333!important;
        }

        .ctl00_TreeView1_0:hover {
            
            text-decoration:none;
            color:#318979!important;
        }

        
            #ctl00_TreeView1 > table a {
                
                color:#fff!important;
            
            }

.con_left {
            flex: 1 1 20%;
            min-height: 73.5vh;
            border-right: 1px solid #ddd;
            padding-right: 15px;
        }

.cus_head {
            margin-bottom: 20px;
            padding: 5px;
            text-align: center;
            font-weight:600;
            color:#333;
        }

 .card {
            border: 1px solid #999;
            border-radius: 6px;
            padding: 5px;
            height: 120px;
            width: 22%;
            box-shadow: 0px 1px 1px rgba(0,0,0,0.5);
            transition: all .5s;
        }

 .cus_row {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            align-items: center;
            margin-bottom: 30px;
        }