﻿body    { font-size: small; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; color: #000055; margin: 2px auto; width: 70%; clear: both; text-align: left; background: #ffffff; }
/*input[type="text"],input[type="email"],input[type="password"]{padding:0px 2px; border: 1px solid #aaa;color: #777;background: #FAF7D3;border-radius: .5em;	-webkit-border-radius:.5em;	-moz-border-radius: .5em;}*/
input[type="text"],input[type="email"],input[type="password"],select{border: 1px solid #aaa;color: #555;width: 150px;background: #fff;border: 1px solid #808080;border-radius: 5px;box-shadow: 0 0 4px #DDD inset;color: #666;padding: 1px 5px;outline: none;font-size:12px; }
input[type="button"], input[type="submit"], input[type="reset"] {
    border: 1px solid #aaa;
    color: #fff;
    background: #0096c7 !important;
    padding: 2px;
    margin-right: 14px;
    border-radius: .5em;
    -webkit-border-radius: .5em;
    -moz-border-radius: .5em;
    height: 23px;
    font-size: 12px;
}
input[type="button"]:hover,input[type="submit"]:hover,input[type="reset"]:hover{ border: 1px solid #0000FF;color: #fff;background: #ADB9CD; padding: 2px;margin-right: 14px;cursor:pointer;
          border-radius: .5em;	-webkit-border-radius:.5em;	-moz-border-radius: .5em;	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4); box-shadow: 0 1px 3px rgba(0, 0, 0, .4);}
textarea{ border: 1px solid #aaa;color: #777;background: #fff; }
/*select { border: 1px solid #aaa;color: #777;background: #FAF7D3;border-radius: .5em;	-webkit-border-radius:.5em;	-moz-border-radius: .5em;
	margin-top: 0px;
}*/
fieldset{border-radius: .5em;	-webkit-border-radius:.5em;	-moz-border-radius: .5em;}
fieldset #data { border: 1px solid #dddddd; }

td {vertical-align: text-top;}
#change  { width: 480px; height: 200px; margin: 200px auto; clear: both; border: 1px solid #cccccc; color: #900020; }
#change .title{ height:30px; background: #cccccc; color:#104e8b; text-align: center; font: 1.5em bold; text-transform: uppercase; vertical-align:middle; }
#change .content{ text-transform: capitalize; vertical-align:middle; padding: 1px 10px; }
#change input[type="text"], #change input[type="password"]{ color: #3f1308; font-size: 12px; }
#main   { background: #FFFFFF; }
/*#logo   { background: #FFFFFF url('../img/logo.gif') no-repeat; height: 95px;margin-bottom: 2px; padding-left: 180px; font-size: 25px; font-weight: bold; border:5px solid white;padding-right:5px;}*/
#content{ color: #3F1308; background: #FFFFFF; margin: 2px; font-size: 12px; }
/*#footer { text-align: center; background: #FFFFFF; font-size: 8px; color: white; margin-top: 2px; padding: 5px 0; }
#footer a{color:Yellow;}*/
.info   { color: #ffffff; background:#FFFFFF; margin-top: 20px; width: 100% }
.menu   { height: 25px; background: #FFFFFF; width: 100%; margin-bottom: 2px; font-size: 12px; }
.content{ padding: 1px 5px; margin-top: 6px; }

.content td{ padding: 2px 10px; }
mandate{ background: #FFFFFF; margin: 10px 0; color: #ff0000; font-size: 12px; }
.techver td{ padding: 0 10px 7px 3px; }
.hidden { visibility: hidden; }
.eodlabel {padding: 1px; color: red; font-weight: bold; text-align: center;}

td .label { vertical-align: top; }
d .control { height: 5px; vertical-align: top; }

/***********************************************MENU STYLE***********************************************/
/*div.menu.menuheader{font-weight:bold;}
div.menu ul{list-style: none;margin: 0px;padding: 0px;width: auto;}
div.menu ul li a, div.menu ul li a:visited{font-size:12px;background-color: #0b3f62;border-right: 1px #8494AF solid;color: #dde4ec;display: block;line-height: 1.35em;padding: 2px 15px;text-decoration: none;white-space: nowrap;}
div.menu ul li a:hover{background-color: #bfcbd6;color: #465c71;text-decoration: none;font-size:12px;}
div.menu ul li a:active{background-color: #465c71;color: #cfdbe6;text-decoration: none;font-size:12px;}*/
/***********************************************GRIDVIEW STYLE********************************************/
.finGrid          { width: 100%; background: #ffffff; color: #ffffff; margin: 5px 0 10px 0; border: solid 1px #525252; border-collapse:collapse; }
.finGrid h3       { margin-top:15px; font-size: 1.3em; text-transform: uppercase; text-align: center; color: #0b3f62; background:#ffffff; }
.finGrid td       { font-size:11px; padding: 2px; border: solid 1px #C1C1C1; color: #372222; }
.finGrid td a     { color: #104e8b; font-weight: bold; font-variant: small-caps }
.finGrid th       { padding: 6px 2px; color: #ffffff; background: #C1C1C1; border-left: solid 1px #525252; font-size:12px; text-transform: uppercase; text-align: left }
.finGrid th a     { color: #ffffff; text-decoration: none; }
.finGrid a        { color: #ffffff; text-decoration: underline; }
.finGrid .alt     { background: #eeeeee; }
.finGrid .hdr     { background: #0b3f62; }
.finGrid .pgr     { background: #0b3f62; text-align: center; }
.finGrid .pgr td  { padding: 3px; border: 0; font-weight: bold; font-size: 12px; text-align: center; width:10px; color: #3F1308 }
.finGrid .pgr a   { color: #ffffff; text-decoration:none; text-decoration: underline; }
.finGrid .pgr table{ clear: both; margin: 2px auto; text-align: center; width: 10px;}
.finGrid .pgr a:hover{ color: #3F1308; text-decoration: none; }
.finGrid tr:not(:last-child):hover{background-color: #E8F5B9;}
/*********************************************************************************************************/
table.formatth th{color: #333399;padding: 1px 5px;font-size:10px;}
table.formatth td, table.formatth th {border: 1px solid #FFFFFF;padding: 3px 10px;text-align: left;vertical-align: top;}
table.formatth td {background:white;}
.chequeimagetooltip {width: 300px;height: 150px;}

/***********************************************ONESMUS FOR CITI BANK************************************************************/
.MasterPageCitiTop
{
    -moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;
    border: 2px solid grey;
}

.MasterPageCitiDashBoard
{
    /*-moz-border-radius: 25px;
    -webkit-border-radius: 25px;
    border-radius: 25px;*/
    border: 2px solid grey;
    margin: 5px auto;
}

.transparent-style{

    background-color: #ffffff;
    opacity: .4;

}