/*
    COPYRIGHT NOTICE

    Copyright 2005 Polaris Software Lab Limited. All rights reserved.

    These materials are confidential and proprietary to 
    Polaris Software Lab Limited and no part of these materials should
    be reproduced, published, transmitted or distributed in any form or
    by any means, electronic, mechanical, photocopying, recording or 
    otherwise, or stored in any information storage or retrieval system
    of any nature nor should the materials be disclosed to third parties
    or used in any other manner for which this is not authorized, without
    the prior express written authorization of Polaris Software Lab Limited.
*/
.linkgrey { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #05132d; text-decoration: underline }

.justify {  font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #000000; text-align: justify}

.heading {  font-family: Tahoma, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000}

.heading2 { font-family: Tahoma, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #000000 ; text-decoration: underline}

.heading3{ font-family: Tahoma, Helvetica, sans-serif; font-size: 10pt; font-weight: normal; color: #000000 ; text-decoration: underline ; font-style: italic}

td{font-family:Tahoma, Helvetica, sans-serif; font-size:9pt; color:#000000;}

th{font-weight:normal;}
.eZ9{background:#646464;color: #FFBF00; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none}
.eZ10{background:#646464;color: #ffffff; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: none}
.eZ8{color: #FFFFFF; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: normal; text-decoration: none}
.buttonAmber {background:#FFBF00; font-family: Tahoma, Helvetica, sans-serif; font-size:9pt; color: #000000; text-decoration: none;font-weight: bold;}
.ez1{background:#cfe1fb;border-bottom:1px solid silver;color: #000090; font-family:Tahoma, Helvetica, sans-serif;  font-size: 11px; font-weight: normal; text-decoration: none;padding-left:2px;padding-right:2px}
.ezHead{background:#e8eff9;; color: #000090; font-family: Arial, Helvetica, sans-serif; font-size: 10pt; font-weight: bold; text-decoration: none}
.EZ1{background: inherit;border-bottom: 0px;}
.ez2{background:#F7F7F7;}

/*.ez3{background:########; color: #000090; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none}*/

.ez3{color: #000090; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none}


.ez4{background:#e8eff9; color: #000090; font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; font-weight: bold; text-decoration: none; text-align: center}

.ez5 { background:#CC0000;color: #FFFFFF }


.userlabel {  font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #000090}

.linkblue {font-family: Tahoma, Helvetica, sans-serif;font-size: 8pt;padding-left: 6px;color: #29428b;text-decoration: none;}
.linkblue A:link { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #0000ff; text-decoration: underline}
.linkblue A:visited {font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #0000ff; text-decoration: underline}

.linkvisited {font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #800080; text-decoration: underline}

.nonlinkblue { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #0000ff; text-decoration: none;}
.linkAmber { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #FFBF00; text-decoration: none;}

.institaclic {  font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #000090; font-style: italic}

.instreditalic { font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #FF0000; font-style: italic }

.titlehead {background: #eeeeee;font-family: Tahoma, Helvetica, sans-serif;font-size: 9pt;font-weight: normal;}

.titlehead th {font-weight: bold;vertical-align:middle;}
.smallfont {  font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt}

.redbold { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #FF0000; text-decoration: none ; font-weight: bold}

.bluebold { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #0000ff; font-weight: bold}

.smallfont2 { font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt ; color: #333333}

.linkheading { font-family: Tahoma, Helvetica, sans-serif; font-size: 12px; color: #000000; text-decoration: none ; font-weight: bold;background: rgb(232,239,249);}
.menuItem {position:absolute; visibility:hidden; left:0px;}

.leftlink { font-family: Tahoma, Helvetica, sans-serif; padding: 2px 5px 3px 0px; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none; background: #FFFFFF url('../images/gradient_menu.jpg') repeat-x;}
.leftlink A:link { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none}
.leftlink A:visited {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none}
.leftlink A:hover { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none; }
.leftlink A:active {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none }

.leftlinkheader { font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; color: #15428B; font-weight: bold;text-decoration: none;}

.expandleftlink { color: #15428B; text-decoration: none; font-size: 7pt; font-family: Arial; background:#ffffff;font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: normal}
.expandleftlink A:link {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: normal;text-decoration: none}
.expandleftlink A:visited {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: normal;text-decoration: none}
.expandleftlink A:hover {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: normal;text-decoration: none}
.expandleftlink A:active {font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: normal;text-decoration: none}

.leftlinkhighlighted { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #CC0000; font-weight: bold;text-decoration: none }

.expandleftlinkhighlighted {  font-family: Arial; font-size: 9pt; color: #cc0000; text-decoration: none; font-weight: normal}

.leftlinkgrey { font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt; color: #999999; font-weight: bold;text-decoration: none }

.finallinkselect { font-family: Tahoma, Helvetica, sans-serif; padding: 2px 5px 3px 0px; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none;background:#eeeeee; }
.finallinkselect A:link { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none }
.finallinkselect A:visited { font-family: Tahoma, Helvetica, sans-serif; font-size: 11px; color: #15428B; font-weight: bold;text-decoration: none }

.tabselectedcolor { font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #FFFFFF ; text-decoration: none; background: #15428b;}

.tablink {  font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: bold; color: #666666; text-decoration: none}

.input {  font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; color: #333333}
.readonlyinput {  font-family: Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: normal; background: #D3D3D3}


.showtabdiv {position:absolute;left:0px;top:100px;width:100%;visibility:visible;}
.hidetabdiv {position:absolute;left:0px;top:100px;width:100%;visibility:hidden;}

.logouttxt{font-family: Tahoma, Helvetica, sans-serif;font-size: 12pt;font-weight:bold;color:#0033CC;}

.bodyscroll{margin:0;overflow:hidden;}

/* To seperate groups of controls a image with this style is used. */
.seperatorline{
width:1px;
height:3px;
}

.mainbody{
background:#FFFFFF;
color:#000000;
margin:0;
}

.formtable{
 width:100%;
 border:0;
 }
 .formrow1
 {

 }
.buffercol{
 vertical-align:top;
 width:3%;
}

.detailstablewrapper{
 width:70%;
 border:0;
 }

.detailstable{
 width:100%;
 border:0;
 }

.detailswrapperrow{}

.detailswrappercol{
vertical-align:top;
background:#FFFFFF;
width:100%;
}
.detailsrow1{
vertical-align:middle;
}

.detailscol1
{
height:13px;
}

.headertable{
 width:100%;
 border:0;
 }

.headercol2{
 width:50%;
}

.headercol1{
 width:50%;
 height:23px;
}

.eventstable{
 width:70%;
 border:0;
 }


.eventsrow1{}

.eventscol{
height:20px;
}

.eventsrow2{}

.eventimg{
width:18px;
height:13px;
vertical-align:middle;
}

.formcol
{
vertical-align:top;
}

.calendarctr
{
width:16px;
height:16px;
}

.formcontrollabel
{
}

.row-alter:nth-child(2n) {
    background-color: #cfe1fb !important;
}
/* 
Following classes are introduced for achieving certain aspects of DDA compliance. 
New classes are introduced to make old and new generated JSPs work. 
One can have a look at a sample T-Line generated JSP to see how a CLF compliant JSP (with less number of nested tables)
uses the styles below
*/

/* 
Nested tables are reduced, which were generally used for spacing. Now margin is used for spacing. So when 
you have less number of nested tables, you use the styles below for captions / titles, instruction text, 
details table etc 
*/

/* to be used with <h1> and <h2> tags respectively for form headings and instruction text*/

.detailtitle {font-family: Tahoma, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color: #000000; margin:0.4em 0.5em 0.3em 1.9em; padding-top:0.3em; position:relative}
.detailinst {font-family: Tahoma, Helvetica, sans-serif; font-size:9pt; color: #000090; font-weight: normal; font-style: italic; margin:0.2em 0.5em 0.5em 2.1em; padding-top:0.5em; position:relative}
.listtitle {font-family: Tahoma, Helvetica, sans-serif; font-size:10pt; font-weight: bold;  margin:0.8em 0em 0.3em 0.19em; position:relative}
.listinst {font-family: Tahoma, Helvetica, sans-serif; font-size:9pt; color: #000090; margin:1.3em 0em 0.3em 0.21em; font-weight: normal; font-style: italic; }
.searchtitle {font-family: Tahoma, Helvetica, sans-serif; font-size:10pt; font-weight: bold; color: #000000; margin:0.4em 0.5em 0.7em 1.8em; padding-top:0.3em; position:relative}

/* to be used with details table used for page layout (form controls). */
.detailstable1{ width:68%; border:0; margin:0em 0.5em 0.5em 1.55em; position:relative}

/* to be used with details tabbed table used for page layout (form controls). */
.detailsTabbedtable{ width:80%; border:0; margin:0em 0.5em 0.5em 1.55em; position:relative}

/* to be used with header of the list page.*/
.listtableheader{ width:100%; border:0; margin:0.5em 0em 0em 0.01em; position:relative}

/* to be used with listing of records in list.*/
.listtable{ width:100%; border:0; margin:0em 0em 0.5em 0.01em; position:relative}

/*to be used with labels for instructions which are red and italic and which are not present in the table. 
For example: mandatory instructions text */
.instreditaliclabel { font-size: 8pt; position:relative}

/* to be used with span for above instruction labels*/
.instreditalicspan {font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; color: #FF0000; text-decoration: none ; font-style: italic}

/* to be used for displaying events in Transaction forms */
.displayEvent{padding-right:15%}

/* to be used for displaying events in Tabbed Transaction forms */
.displayTabbedEvent{padding-right:2em}

/* Separate class is made where the class "td" was used by default. To avoid confusion where we want the default 
td class to be applied, it would be explicitly specified using tdclass */
.tdclass{font-family:Tahoma, Helvetica, sans-serif; color:#000000; font-size:9pt}

/* added for labels to read-only controls - does not have color effect */
.userlabelreadonly {  font-family: Tahoma, Helvetica, sans-serif; font-size: 9pt}

/* styles used in AuditDetails and Request Details 
New styles are introduced corresponding to ez1 and ez2. In this file, ez6 and ez7 are same as ez1 and ez2. 
But when style_dda.css is applied, then font size percentages would be different. This is because these styles are 
used in a new window or where there is not much nesting.
*/
.ez6{background:#e8eff9;; color: #000090; font-family: Tahoma, Helvetica, sans-serif; font-weight: normal; font-size:9pt; text-decoration: none}
.ez7{background:#F7F7F7; font-size:9pt}
.auditrequesttable{ width:100%; border:0; margin:0.5em 0.2em 0.2em 0.5em}

/* In-line style are taken out from the JS files and put in the style sheets for more freedom.
This ensures that when _dda.css is applied, the application also honours the font size changs of browser*/

/* style for mouse over menu */
.leftlinkOver {text-decoration: none; color: #FF0000; font-family:Tahoma, Helvetica, sans-serif; font-size: 10pt; font-weight: bold}
.leftlinkOver A:hover  {text-decoration: none; color: #FF0000; font-family:Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}
.leftlinkheader A:hover  {text-decoration: none; color: #FF0000; font-family:Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}
.leftlinkOver A:visited  {text-decoration: none; color: #FF0000; font-family:Tahoma, Helvetica, sans-serif; font-size: 8pt; font-weight: bold}

/* styles used in calander control */
.callink1 {font-family:verdana; font-size: 7pt}
.callink2 {font-family:verdana; font-size: 10pt}
.callink3 {font-family:verdana; font-size: 7pt; color:#000000}
.callink4 {font-family:verdana; font-size: 8pt; color:#C0C0C0}
.callink5 {font-weight:bold; color:#FF0000}
.displayEvent{padding-right:15%}
.buttonStyle{ vertical-align:middle;}
.panelclass{ background:#000090;}

.buttonClass {height: 25px;padding: 0px 0px 0px 15px;margin:0px 0px 0px 0px; background-color:#adc3d0;font-family:Tahoma, Helvetica, sans-serif;font-size: 8pt;font-weight: bold;color: #15428b;cursor: pointer;}
.buttonClass#REFRESHLIST{background-image: url(../images/icons/refresh_list.png);background-repeat: no-repeat;background-position: left;}
.buttonClass#BATCHAUTHORIZE{background-image: url(../images/icons/accept.png);background-repeat: no-repeat;background-position: left;}
.buttonClass#BATCHREJECT, .buttonClass#BATCHDELETE{background-image: url(../images/icons/delete.gif);background-repeat: no-repeat;background-position: left;}
.buttonClass#BATCHREWORK{background-image: url(../images/icons/rework.gif);background-repeat: no-repeat;background-position: left;}
.buttonClass#Clear, .buttonClass#Clear_Button{background-image: url(../images/icons/edit_clear.png);background-repeat: no-repeat;background-position: left;}
.buttonClass#CopyFromExisting{background-image: url(../images/icons/copy-icon.png);background-repeat: no-repeat;background-position: left;}
.buttonClass#Close{background-image: url(../images/icons/close.gif);background-repeat: no-repeat;background-position: left;}
.buttonClass#Add{background-image: url(../images/icons/plusAdd.gif);background-repeat: no-repeat;background-position: left;}
.buttonClass#Search_Button{background-image: url(../images/icons/search.gif);background-repeat: no-repeat;background-position: left;}
.buttonClass#VIEWMULTIPLE{background-image: url(../images/icons/view.gif);background-repeat: no-repeat;background-position: left;}
.gridoutertable{border: 0pt;}
.gridinnertable{border: 0pt;}
.griddatacell{margin: 0;padding: 0px;}
.griddataheader{background:#F7F7F7; font-size:9pt}
#Main{height: 440px !important;}
#CacheFrame{border: none !important;}
#SearchPageFrame{height: 25vh !important;}
#ListIndexFrame{height: 62vh !important;}
.leftmenu{background: url('/images/NavigatorBG.gif') no-repeat center center fixed; 
	width:100%;
	height:100%;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
.maincls{ background: url("/images/logo2_transparent.png") no-repeat; background-position: 44% 465%;}
.leftmenu, .Main{scrollbar-face-color: #EAF1F7;scrollbar-shadow-color: #000080;scrollbar-highlight-color: #4A8EBD;scrollbar-3dlight-color: #6495ED;scrollbar-darkshadow-color: #6495ED;scrollbar-track-color: #6495ED;scrollbar-arrow-color: #2971CE;} 
.headertitle{TEXT-ALIGN: right; DISPLAY: inline-block; FONT-FAMILY: Tahoma, Helvetica, sans-serif; FLOAT: right; COLOR: navy; FONT-SIZE: 13px; FONT-WEIGHT: bold;margin-right:5px;}

/***  TreasuryLoginPage Css Start ***/
/*.loginContainer {
background-image: url('/images/LoginBg-old.png');
    background-size: 100%;
    background-repeat: no-repeat;
    position: fixed;
} */

/* EOT file for IE */
 @font-face {
	font-family: Open Sans;
	src: url(/config_files/font/OpenSans-Regular.eot);
 } 
.login-container {
	background-image: url('/images/LoginBg.jpg');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
    position: fixed;
} 
.main-container {
    height: 100%;
    width: 100%;
    position: fixed;
} 
.main-body {
	background-image: url('/images/LoginBg.jpg');
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: center;
    height: 80%;
} 
.logo-container{
	background-image: url(/images/INTELLECT_Logo.png);
	background-size: contain;
    background-repeat: no-repeat;
    width: 114px;
    height: 10%;
    top: 5%;
    position: relative;  
    margin-left: 32px;
}
.footer-container{
    height: 20%;
    width: 100%;
    bottom: 0px;
    background-color: #edf4fc;
    position: absolute;
    color: lightgray;
    font-size: 11px;
}

.footer-top{
	height: 40%;
    width: 100%;
    background-color: #363d45;
}

.footer-bottom {
    height: 60%;
    background-color: #edf4fc;
    color: grey;
    font-size: 10px;    
    text-align: justify;
    width: 100%;
    padding: 0.5% 0.5% 0.5% 0.5%;
}

.login-desc {
    height: 65%;
    width: 50vw;
    color: white;
    font-size: 2.8rem;
    top: 30%;
    position: relative;
    left: 31px;
    line-height: 120%;
}

.login-panel {
    width: 23vw;
    height: 203px;
    background-color: white;
    right: 36px;
    top:25%;
    position: absolute;
    padding: 15px;
    font-size: 12px;
    color: grey;
    font-weight: bold;
}

.login-form-title {
    padding: 6px 6px 6px 0px;
}

.login-form-control {
    width: 100%;
    height: 32px;
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #d4d4d4;
    border-radius: 1px;
    font-size: 14px;
	padding-left: 6px;
}

.login-submit{
	float: right;
    color: white;
    background-color: #1670b3;
    right: 2%;
    border-radius: 2px;
    top: 8%;
    width: 31%;
    height: 16%;
    text-align: center;
    position: relative;
}

.login-form {
    padding: 6px 6px 6px 8px;
}

.copywrite-container{
    top: 20%;
    float: left;
    padding-left: 30px;
    width: 20%;
    position: relative;
}

.help-container{
	float: right;
    padding: 0px 15px;
    width: 40%;
    position: relative;
    top:20%;
    right: 36px;
}

.feedback-container {
    float: right;
    width: 7%;
    border-left: 1px solid white;
    padding-left: 21px;
    position: relative;
    top: 20%;
    right: 36px;
}

.footer-bottom-left{
	width: 61%;
    height: 100%;
    float: left;
}

.footer-bottom-right{
	float: right;
    width: 38%;
    text-align: right;
}

.help-img{
    float: right;
    margin-top: 0.8%;
    margin-right: 6px;
}


.feedback-img {
    float: right;
    margin-top: 4%;
    margin-right: 6px;
}

.btn-submit{
	color: inherit;
    text-decoration: none;
    display: block;
    width: 100%;
    height: 68%;
    vertical-align: middle;
    padding-top: 9%;
}
/***  TreasuryLoginPage Css End ***/

/***  IntellectLoginPage Css Start ***/
.int-Login-container{
    height: 100%;
    width: 100%;
    position: fixed;
    background-color: white;
	color: #494949;
}

.ilogo-container{
	width: 100%;
    height: 10%;
    border-bottom: 1px solid rgba(237, 238, 238, 0.92);
}

.ilogo{
	left: 11px;
    position: relative;
    top: 11px;
    width: 112px;
    height: 37px;
}

.profile-container {
    height: 15%;
    border-bottom: 1px solid rgba(237, 238, 238, 0.92);    
    width: 100%;
}

.detail-container {
    height: 33%;
    border-bottom: 1px solid rgba(237, 238, 238, 0.92);
}

.link-container {
    height: 23%;
    font-size: 12px;
}

.user-img{
	width: 9vh;
    height: 9vh;
    border: 1px solid rgba(237, 238, 238, 0.92);
    border-radius: 100%;
    float: left;
	top: 22px;
}

.user-details{
	float: left;
    text-align: left;
    width: 50%;
    position: relative;
    left: 1.5%;
}

.user-name{
	margin-bottom: 2px;
    color: #007cbb;
    font-weight: normal;
}

.detail-div {
	height: 48%;
    width: 19.6%;
    border: 1px solid rgba(237, 238, 238, 0.92);
    float: left;
    text-align: center;
    background: #fafafa !important;
    border-right: 0px;
    line-height: 15px;
}

.detail-subcont{
	width: 100%;
    position: relative;
    left: 11px;
    top: 10%;
    align-items: initial;
}

.details-quotes{
	width: 100%;
    float: right;
    text-align: left;
    position: relative;
    left: 11px;
    top: 13%;
}
.link-border{
	border: 1px solid #0091d3;
    text-align: center;
    width: 20vh;
    height: 18vh;
    left: 11px;
    position: relative;
    margin-right: 1.7%;
    float: left;
    top: 10%;
}

.link-css{
	color: #0091d3;
    text-decoration: none;
    word-wrap: break-word;
    width: 100%;
    height: 100%;
    display: block;
}

p {
    margin: 0.7em 0em 0em 0em;
}

span {
    font-size: 0.6rem;
    color: #494949;
	line-height: 1.3em;
}

.appname-span{
	float: right;
    width: 90%;
    position: relative;
    top: 25%;
    color: inherit;
    font-size: inherit;
    right: 5%;
}

.login-form-control {
    background-color: white !important;
    color: inherit !important;
}

/***  IntellectLoginPage Css End ***/