/* Site.css : For base styles.  Client specific look and feel should go in the _Clients/theme/css/style.css */

html { overflow: scroll; }
body  
{
    padding: 0px 10px; 
    margin: 0; 
    font-size: 11px; 
	font-family: "UniversNextforZIONS Regular", sans-serif;
    color:Black; 
    width: 98%;
}    
img { border: 0px; }

/* Headings */
h1, .h1, h2, .h2, h3, .h3 {
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.1;
}
h1, .h1 {font-weight:bold; color: white; background-color:#5C7E9E; font-size: 20px; }
h2, .h2 {font-weight:bold; color: white; background-color:#5C7E9E; font-size: 16px; }
h3, .h3 {font-weight:bold; color: white; background-color:#5C7E9E; font-size: 14px; }
h4, .h4 {font-weight:bold; color: white; background-color:#5C7E9E; font-size: 12px; }
h3.data_title 
{
	font-family: "UniversNextforZIONS Regular", sans-serif;
    font-size: 14px;
    margin-top:20px;
}

h1.data_title 
{
	font-family: "UniversNextforZIONS Medium", sans-serif;
    font-size: 20px;
    margin-top:25px;
    padding:10px 0px;
    /*border-bottom:1px solid #f1f1f1;*/
}

/* Text Effects */
.text-left {text-align: left;}
.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.text-justify {text-align: justify;}
.text-nowrap {white-space: nowrap;}

.pointer { cursor: pointer !important; }
.bold { font-weight:bold; }

.gray {color:gray;}
.red {color:red;}
.green {color:green;}
.orange {color:orange;}

.hidden {display:none;}
.dotted { border-bottom:1px dotted #CCCCCC;}
.tooltip { cursor:help; border-bottom:1px dotted #CCCCCC; }

/* Data Grid/Table Listing */
.dataGrid {
	display: table;
	border-spacing:0;
	border-collapse:collapse;
	width: 100%;
	border-color: #D7D8D6;
	background-color: #f6f6f6;
	margin-bottom:15px;
	font-family: "UniversNextforZIONS Regular", sans-serif;
	font-size: 14px;
	color: #333;
}

.dataGrid thead, #subDiv th, .dataGrid > thead:nth-child(1) > tr:nth-child(1) > th {
	vertical-align: middle;
	border-color: inherit;
	background-color: #EDEDED;
	font-weight: bold;
	font-family: "UniversNextforZIONS Regular", sans-serif;
	font-size: 14px;
	color: #4D6474;
	border-top:1px solid #e2e2e2;
}

.dataGrid th {
	vertical-align: middle;
	padding: 5px 7px 6px;
	text-align: left;
	line-height: 1.3em;
	font-size: 10.5px;
	border-spacing: 0;
}

.dataGrid th.center {text-align: center;}

.dataGrid td {
	vertical-align: middle;
	padding: 5px 7px;
	text-align: left;
	font-size: 11px;
}

.dataGrid td.center {text-align: center;}

.dataGrid tr 
{
	vertical-align: top;
	border-left: 1px solid #D7D8D6;
	border-right: 1px solid #D7D8D6;
}

.dataGrid tr.odd {background-color: rgba(237, 237, 237, 0.5);}
.dataGrid tr.even  {background-color: #fff;}
.dataGrid tr.bottom {border-bottom: 1px solid #D7D8D6;}
.dataGrid tr.bottom td {padding-top:0px;}

.dataGridMeta 
{
	font-size:12px;
	padding: 10px 2px 6px 0px;
}

.dataGridMeta a {
	line-height: 2;
	padding: .2em;
	text-decoration: none;
}

.dataGridMeta span.count
{
	color: #929292;
	font-weight: normal;
}

.dataGridActions { margin:0px 0px 8px 0px; }

.dataGridMeta input, select
{
	 border-color:gray;
	 /*border-radius: 3px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;*/
}


.dataGrid a { margin-right:5px; }
.dataGrid td.number, .dataGrid th.number {text-align: right; }
.dataGrid td.number a, .dataGrid th.number a {margin-right:0px; }
.dataGrid td.number input {text-align: right; }
.dataGrid tbody.trbody.hover tr:hover { background:#3582c6; color:white; }
.dataGrid tbody.trbody.hover tr:hover a { color:white; }
.dataGrid tbody { border-bottom:1px solid #e2e2e2; border-top:1px solid #e2e2e2; }
.dataGrid tbody tr td { height:30px; }
.dataGrid.condensed tbody tr td  { height:0px; }
.dataGrid tbody:hover tr {	background: #EDB444;}
.dataGrid .inactive {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter: alpha(opacity=50);  opacity: 0.5; }
.dataGrid .inactive:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  opacity: 1; }

/*
.dataGrid tbody.inactive:hover td a { color:#3582c6; }
.inactive, tbody.inactive td, .inactive td a {color:#adadad;}
.inactive, tbody.inactive td {color:#adadad;}
.inactive:hover, tbody.inactive:hover td {color:black;}
*/



/* Anchors */
a { color: #5C7E9E; text-decoration: none; }
a:hover { text-decoration: underline; }
a:active { outline:none; -moz-outline-style:none;  }
a.edit:hover span.inline-icon {visibility:visible;}
a.edit span.inline-icon {visibility:hidden;}
.a-icon {display:inline-block;top:4px;position:relative;}


.ui-download-icon:hover { width: 16px; height: 16px; background-image: url(/USMMI/Content/_Clients/images/ZIONSIcons/ZIONSIcon_Black_Download.png); background-repeat: no-repeat; }

ul { list-style-type: none; margin: 5px 0 0 10px; padding: 0; }
ul li { padding: 1px 0;}

.fl {float:left;}
.fr {float:right;}

.half {width:47%;margin:0;}
.third {width:30%; margin:0;}
.quarter {width:25%; margin:0;}

.padleft {padding-left:3%;}
.pad15 {padding:15px;}

.norecords {padding:5px 10px 25px;font-size:12px;color:#CCCCCC;font-weight:bold;}
.boxsizingBorder {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

.label { line-height: 18px; margin-top: 2px; margin-right: 5px; color: #4d4d4d; font-weight: bold; }
.inline-icon {display:inline-block;position:relative;top:3px;left:3px;}

/*
.monitor { background-color:#F6F9F9; color:Maroon; font-size:12px; font-family:Arial; font-weight:bold; width:auto; max-width:125px; text-align:center; display:inline; padding: 2px 3px 2px 3px }
*/

.swiftMsgViewBox { border:1px solid #e2e2e2;padding:6px 20px 6px 6px;line-height:150%;overflow:auto;white-space:pre;height:350px; }


/* Buttons - Common Style Rules */
.btn {
	display: inline-block;
    /*background-color: #DB0011;*/
	font-family: "UniversNextforZIONS Regular", sans-serif;
	font-size: 14px;

    background: #5C7E9E !important; 
    color:white !important;
	outline: none;
	cursor: pointer;
	text-align: center;	
	font-weight:bold;
	padding: .5em 1em .55em;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	-webkit-border-radius: 2px; 
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	box-shadow: 0 1px 2px rgba(0,0,0,.2);		
}

.btn.green
{
    background-color:Green;
	text-decoration:none;
}

.btn.red
{
    background: #DB0011 !important; /* For browsers that do not support gradients */
    /*background: -webkit-linear-gradient(#db0011, #a91705, #db0011); / * For Safari 5.1 to 6.0 * /
    background: -o-linear-gradient(#db0011, #a91705, #db0011); /* For Opera 11.1 to 12.0 * /
    background: -moz-linear-gradient(#db0011, #a91705, #db0011); / * For Firefox 3.6 to 15 * /
    background: linear-gradient(#db0011, #a91705, #db0011); / * Standard syntax */

    background: -webkit-linear-gradient(#DB0011, #B9050E) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#DB0011, #B9050E) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#DB0011, #B9050E) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#DB0011, #B9050E) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btn.red:hover
{
    background: #DB0011 !important; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#B9050E, #DB0011) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B9050E, #DB0011) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B9050E, #DB0011) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B9050E, #DB0011) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btnImgStretch:hover
{
    color:White;
}

.btnImgStretch:active
{
    color:#D8D8D6;
}

.btn.slate
{
    background: #4D6374 !important; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#4D6374, #425563) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#4D6374, #425563) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#4D6374, #425563) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#4D6374, #425563) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btn.slate:hover
{
    background: #4D6374 !important; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#425563, #4D6374) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#425563, #4D6374) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#425563, #4D6374) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#425563, #4D6374) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btn.gray
{
    background: #929292 !important; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#929292, #7C7C7C) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#929292, #7C7C7C) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#929292, #7C7C7C) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#929292, #7C7C7C) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btn.gray:hover
{
    background: #929292 !important; /* For browsers that do not support gradients */

    background: -webkit-linear-gradient(#7C7C7C, #929292) !important; /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#7C7C7C, #929292) !important; /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#7C7C7C, #929292) !important; /* For Firefox 3.6 to 15 */
    background: linear-gradient(#7C7C7C, #929292) !important; /* Standard syntax */
    
	text-decoration:none;
}

.btn:hover
{
    background: #DB0011;
    color:White;
    
    background: -webkit-linear-gradient(#B9050E, #DB0011); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#B9050E, #DB0011); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#B9050E, #DB0011); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#B9050E, #DB0011); /* Standard syntax */
    
	text-decoration:none;
}

.btn:active
{
    background: #DB0011;
    color:#D8D8D6 !important;
	text-decoration:none;
}
/*
.btn.gray
{
    background-color:#929292;
	text-decoration:none;
}*/

/* Notifications */
div.notification 
{
	 position: relative;
     padding: 10px 50px 20px 20px; 
     min-height:30px;
     margin-bottom:10px;
     color:white;
     font-weight:bold;
     display:none;
	 border-radius: 4px;
	 border: 1px solid transparent;
	 font-size:12px;
}

div.notification.show
{
    display:block; 
}

div.notification h1 
{
    margin:2px 0px;
    padding:0px 0px 10px 0px;
    font-size:15px;
    color:inherit;
	font-weight: 700;
}

div.notification p {
	padding:5px 0px;
	font-weight:normal;
}

div.notification button
{
	position: absolute;
	top: 10px;
	right: 15px;
	padding: 0;
	border: 0;
	background: 0 0;
	cursor: pointer;
	font-size: 18px;
	font-weight: 700;
	line-height: 1;
	filter: alpha(opacity=75);
	opacity: .75;	
	font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}

div.notification.success
{
/*	color: #3c763d;
	background-color: #dff0d8;
	border-color: #d6e9c6;*/
	color: #173501;
	background-color: #578942;
	border-color: #3B7522;
}

div.notification.error
{
/*	color: #a94442;
	background-color: #f2dede;
	border-color: #ebccd1;*/
	color: #6F0008;
	background-color: #E64D59;
	border-color: #DB0011;
}

div.notification.general
{
/*	color: #31708f;
	background-color: #d9edf7;
	border-color: #bce8f1;*/
	color: #12181B;
	background-color: #687B89;
	border-color: #4D6474;
}

div.notification.warning
{
/*	color: #8a6d3b;
	background-color: #fcf8e3;
	border-color: #faebcc;*/
	color: #9E6E0D;
	background-color: #EDB444;
	border-color: #E9A115;
}

div.notification.modal
{
	/*color: #444;*/
	color: #404040;
	background-color: #fff;
	border-color: #fff;
	font-weight: normal;
	padding:20px;
}

/* MAIN CONTENT AREA */
#mainContent { 
	vertical-align:top; min-width:700px; padding:20px; min-height: 500px;
	-webkit-box-shadow: #e9eaea 0 0 16px;
	-moz-box-shadow: #e9eaea 0 0 16px;
	box-shadow: #e9eaea 0 0 16px;        
	padding-bottom:40px;
	margin-bottom:0px;       
}

/*Security payment tab */
div.banner {background-color:#D7D8D6; text-align:center; padding:3px 10px 3px 10px; font-weight:bold; }
.highlighted {color:red;}
.invduesoon, tr.invduesoon td {background:#FFFFBF;}
.invpastdue, tr.invpastdue td {background:#ff8080;}
.invamended, tr.invamended td {background:thistle;}
.invredempmt, tr.invredempmt td {background:#D3DCEE;}
.invproceedspmt, tr.invproceedspmt td {background:#D5FFC5;}
.legendbox { border:1px solid gray;display:inline-block;width:15px;height:15px;position:relative;top:3px; }



.validation-summary-errors {min-height:35px; }
* html .validation-summary-errors {height:35px;min-height:35px; }
.spanNegativeColor {color:Red}

/* setup approve hight light*/
.apphighlight{ background-color: #f7941d !important;}
.apphighlightBoder{ border-color: #f7941d !important; border-width:medium; border-style:solid;}

/*Search Filter Container*/
div.SearchFilterContainer { background:#EDEDED; border-radius:5px; padding:1px 10px 25px 15px; }
div.SearchFilterContainer:hover { background:#F6F6F6; }
div.SearchFilterContainer .btn { margin-top: 10px; }

/* SECTION AREA */
/*
.cb {margin: 0;}

.bt {height:30px;position:relative; border-bottom:1px solid #bbc2c7}
.bt .btr { height:30px; padding:0px 0px; }
.bt .portlet-topper { height:30px;  padding:0px 0px;}
.bt .portlet-topper .portlet-title { display:block;font-weight:bold; padding:5px 0 1px 10px; color: #333333; font-size:12px;}


.i1 {padding:0 0 0 0px; }
.i2 {padding:0 0px 0 0; }
.i3 {display:block;margin:0;padding:10px 0px 10px 10px; background:#ffffff;  }

.portlet-icons { position: relative; top: 0; left: 0; float: right; margin-top: -19px; margin-right: 10px; }
.portlet-content { }
.sectionToggle { display: block; float: right; margin: 3px 10px 0 0; height: 18px; width: 15px; background: transparent url(../img/icon_plus_minus.gif) no-repeat top left; }

.bb {height:6px; background: #eaeaea; border-bottom:1px solid #9da4a7; border-left:1px solid #9da4a7;border-right:1px solid #9da4a7; }
*/

/* TEXTUAL CONTENT */
.importantMessage {background: #0b6ed3 url(../img/big-info.gif) no-repeat 5px 3px; color: #fff; padding: 10px 10px 10px 65px; }
.importantDlgPrompt {background: #ffffff url(../img/big-alert-clear.gif) no-repeat 5px 3px; color: #000000; -moz-border-radius: 6px; -webkit-border-radius: 6px; padding: 10px 10px 10px 65px; }
.importantMessage h5 { margin: 0; font-weight: bold; font-size: 11px; color: #fff; }

/*
h3.heading, h3.headingNb {font-size: 11px;color: #fff;background: url(../img/bg_title_gradient.png) top left no-repeat;line-height: 21px;padding-left: 10px;padding-bottom: 0;margin: 0;}
h3.heading span, h3.headingNb span {background: url(../img/bg_title_gradient.png) top right no-repeat; display: block;}
h3.headingNb, h3.headingNb span { background-image: url(../img/bg_title_gradient_nb.png) !important; line-height: 22px;  }
*/

/* FORMS AND ERROR CORRECTION */
fieldset
{
    padding: 0;
    border: 0;
    margin: 0;
    clear: none;
    padding: 1px 0 1px 3px;
}
fieldset p
{
    margin: 1px 0 !important;
    float: left;
    width: 100%;
    display: block;
    clear: both;
}
fieldset p.active
{
    background: #ededed;
    -moz-border-radius: 6px;
}
/*fieldset p label, fieldset label { width: 160px;  float: left; line-height: 18px; margin-top: 2px; margin-right: 5px; color: black; font-size: 12pt;font-weight: bold;}*/
fieldset p label, fieldset label
{
    width: 160px;
    float: left;
    line-height: 18px;
    margin-top: 2px;
    margin-right: 5px;
    color: #333;
    font-family: "UniversNextforZIONS Medium", sans-serif;
    font-size: 12px;
    /*font-weight: 400;*/
}
fieldset p span
{
    width: auto;
    float: left;
}
fieldset p small
{
    font-size: 11px;
    color: #4d4d4d;
}
fieldset p span small
{
    display: inline;
    vertical-align: middle;
    margin: 0 0 0 4px;
    white-space: pre-wrap !important;
}
fieldset .cols p label
{
    width: 160px !important;
}
fieldset .cols p span
{
    width: auto !important;
}
fieldset .cols2, .cols2
{
    width: 49%;
    float: left;
}
input, select, textarea
{
    padding: 5px;
    vertical-align: middle;
    border: 1px solid gray;
    margin-bottom: 3px;
    /*font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;*/
    font-family: "UniversNextforZIONS Light", sans-serif;
    /*font-size: 14px;*/
    font-size: 12px;
}
/*
.styled-select select {
   background: transparent;
   width: 268px;
   padding: 5px;
   font-size: 12px;
   line-height: 1;
   border: 0;
   border-radius: 0;
   height: 30px;
   -webkit-appearance: none;
    font-family: "UniversNextforZIONS Light", sans-serif;
   }

.styled-select {
   width: 240px;
   height: 28px;
   overflow: hidden;
   background: url('/USMMI/Content/_Clients/images/ZIONSIcons/ZIONSIcon_Black_ChevronDown_small.png') no-repeat right #fff;
   border: 1px solid #253038;
   }
*/
fieldset select
{
    padding: 5px;
}
.checkbox, input[type='checkbox']
{
    font-size: 11px;
    border: 0;
}
input[type='text']
{
    color: #073459;
}
/*input[type='text'] { color: black; font-size: 14pt; border: 1px solid #D7D8D6; }*/


/* These are only in USMMI */
.errorSummary { display: block; border:0; color:#fff; background: #909090 url(../img/big-alert.gif) no-repeat 10px 50%;  margin:0 0 0 0; padding:5px 0; width: 100%; -moz-border-radius: 6px; }
#errorToggle { display: block; background-image:url(../img/icon_plus_minus.gif); background-position:0 -85px; background-repeat:no-repeat; cursor:pointer; float:right; padding-left:11px; font-weight: normal !important; }
.errorSummary p { margin: 0 10px; text-align:left; font-weight: bold; color: #fff; }
.errorSummary ul, .errorSummary ol { margin: 10px 10px 5px 10px; padding: 0 0 0 75px;}
.errorExpand { background-position:0 top !important; }
fieldset p.errors { background-color: #faebd4 !important; color: #f7941d !important; -moz-border-radius: 6px; }
fieldset p.errors label, fieldset p.errors small { color: #f7941d !important; }
fieldset small.errors { display: block; clear: both; font-weight: normal; padding: 5px 0; }
.formDivider {border-top: 3px double #ccc; height: 3px; margin: 10px 0 10px 0;}

/* FOOTER */
.PopSiteMaster { background-image:none !important; background-color:White !important; }

/*pop window*/
.PopWdn { background-color:white; }
.PopWdndetail  {width:100%; }

/* Data Tables */
th { border: 0;  font-size: 8pt; height: 22px; letter-spacing: 1px; padding: 2px; padding-left: 2px; padding-right: 3px;  vertical-align: middle; color: black;text-align:left}	
.dataheaderaction {border: 0; font-size: 8pt; height: 20px; margin-right: 10px; padding: 0; text-align: right; vertical-align: bottom;}
table#data { border: 0; font-size: 8pt; margin-right: 1px; margin-top: 1px;}
tr.row2 {background-color: #F0F9FF;}
tr.rowMatured
{
    background-color: #d7d8d6; /* silver*/
}
tr.rowWarning
{
    background-color: #EDB444; /* 20% gold */
}
tr.rowError
{
    background-color: #E64D59; /* 30% primary red */
}
tr.rowProcess
{
    background-color: #687B89; /* 15% light slate */
}
tr.rowAccepted
{
    background-color: #578942; /* 15% emerald */
}
tr.rowSelected
{
    background-color: #547ea7; /* 15% sapphire */
}
tr.rowdisabled {display: none;}
tr.highlighted { background-color: #e8ecef; white-space:nowrap;}
td.data {border: solid 1px #929292; padding: 1px; padding-bottom: 1px; vertical-align: middle;}
/* End Data Tables */

/* Report */
.lstSaveRpt { width:500px;}

/* width text box for schedule report date fields */
.txtSchDate { width:200px; } 

/* buttons for page header nav */
.bt_previous,.bt_next,.bt_first, .bt_last,.bt_refresh, .bt_info,.bt_email,.bt_fax
{
    background-image: url(../img/nav_btn.png);
    background-repeat: no-repeat; 
    width: 17px; height: 15px;
    display: block; 
    cursor: pointer;
}
.bt_previous { background-position: 0px 0px;}
.bt_next {background-position: -19px 0px;  }
.bt_first {background-position: -39px 0px;  }
.bt_last { background-position: -57px 0px; } 
.bt_refresh { background-position: -79px 0px; } 
.bt_info{ background-position: -138px 0px; } 
.bt_email { background-position: -99px 0px; } 
.bt_fax{ background-position: -119px 0px; } 
    
.bt_previous:hover { background-position: 0px -19px;}
.bt_next:hover {background-position: -19px -19px;  }
.bt_first:hover {background-position: -39px -19px;  }
.bt_last:hover { background-position: -57px -19px; } 
.bt_refresh:hover { background-position: -79px -19px; }   
.bt_info:hover{ background-position: -138px -19px; } 
.bt_email:hover { background-position: -99px -19px; } 
.bt_fax:hover{ background-position: -119px -19px; } 

/*no border textbox*/
.VTextBoxNoBorder{ border-style:none !important; }

/* Status/Notification Blocks */
.b-notifications
{
    font-family: Lucida Sans Unicode;
    font-size:9px;
    text-transform:uppercase;
    padding:2px 5px;
    margin:2px;
    border-width:1px;
    display: inline-block;
}

.b-notifications.large 
{
    font-size:100%;
    font-weight:normal;
}

/* live, ongoing, everything ok*/
span.b-notifications.green, span.b-notifications.success, span.b-notifications.approved, span.b-notifications.resolved, span.b-notifications.swiftsent, span.b-notifications.processed, span.b-notifications.processedmanually {background-color:#3B7522;color:White;border-color:Black;}

/* requires severe attention */
span.b-notifications.red, span.b-notifications.open, span.b-notifications.failed, span.b-notifications.failure, span.b-notifications.rejected, span.b-notifications.approverejected, span.b-notifications.verifyrejected, span.b-notifications.releaserejected  {background-color:red;color:White;border-color:Black;}

/* process is in progress, no user interaction reqd */
span.b-notifications.yellow, span.b-notifications.awaitingtransactionrelease, span.b-notifications.awaitsend, span.b-notifications.awaitmovement, span.b-notifications.awaitmarkdownmessage, span.b-notifications.created, span.b-notifications.usergenerated, span.b-notifications.usermodified {background-color:yellow;color:black;border-color:Black;}

/* requires attention */
span.b-notifications.orange, span.b-notifications.pendingfinalterms, span.b-notifications.awaitapproval, span.b-notifications.awaitverification, span.b-notifications.awaitrelease, span.b-notifications.awaitrateapproval, span.b-notifications.awaitrate, span.b-notifications.awaitrootcause {background-color:orange;color:white;border-color:Black;}

/* final, complete, no need for action, disabled = defaults to this */
span.b-notifications, span.b-notifications.gray, span.b-notifications.approveddisabled, span.b-notifications.cancelled, span.b-notifications.matured {background-color:gray;color:white;border-color:Black;}


/* Header Data Boxes */
#security-header, .data-header {
    background: rgb(246,246,246);
    margin-bottom:5px;
    padding:10px;
    margin-bottom:10px;
}

/* Root Cause Analysis*/
div.rcatext {
  border-left:5px solid #F3F3F3;
  font-weight: normal;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:4px;
  width:400px;
  clear:both;
}

input.rca {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  padding:4px;
  width:400px;
  clear:both;
  height:25px;
}

.dovisibility { display:none; }

/* Form and Form Validation Styling */ 
input[type="text"] {
	margin-bottom: 3px;	
}

input[type="radio"] {
    border: 0px !important;
}

select{
	padding: 3px;
	margin-bottom: 3px;	
}

/*select.gradient{
    background: #ffffff; / * For browsers that do not support gradients * /
    background: -webkit-linear-gradient(#ffffff, #dbdbdb); / * For Safari 5.1 to 6.0 * /
    background: -o-linear-gradient(#ffffff, #dbdbdb); / * For Opera 11.1 to 12.0 * /
    background: -moz-linear-gradient(#ffffff, #dbdbdb); / * For Firefox 3.6 to 15 * /
    background: linear-gradient(#ffffff, #dbdbdb); / * Standard syntax * /

    border: 1px solid #d5d5d5;
}*/

.formbasic {
	border:1px solid silver;
}

select.formbasic {
	background-color:white;
}

.formerror {
	border:2px solid #ff0000;
}

input.formerror {
	padding-top: 6px;
	padding-bottom:6px;
	background: #ddd7db;
	border:2px solid #ff0000;
}

select.formerror {
	background-color:#ddd7db;
}

.formreqd {
	border:2px solid #578942 !important;
}

select.formreqd {
	/*background-color:#578942;	*/
}

input[type="text"].formreqd {
	padding-top: 6px;
	padding-bottom:6px;
}

.dialogErrorMsg
{
    line-height: 16px;
}

.dialogErrorMsg div {
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(images/icons/error.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	margin-left:15px;
}

.dialogErrorMsg div.warning {
	padding-left: 25px;
	padding-top: 6px;
	padding-bottom: 6px;
	background-image: url(images/icons/warning.png);
	background-position: 5px 6px;
	background-repeat: no-repeat;
	margin-left:15px;
}

.dialogErrorMsg h3 {
	font-size: 1.1em;
}

div.readonly
{
    background-color:#EDEDED;
    color:#2D2D2D;
    border: 1px solid #D7D8D6;
    padding: 6px 20px 6px 6px;
    line-height:150%;
    display: inline-block;
    min-width:200px;
    min-height:13px;
}

span.readonly
{
    background-color:#EDEDED;
    color:#2D2D2D;
    border: 1px solid #D7D8D6;
    padding: 6px 20px 6px 6px;
    line-height:130%;
    min-height:10px;
    display: inline-block;
    margin-bottom:3px;
}

textarea[readonly="readonly"], textarea[readonly]
{
    background-color:#EDEDED;
    color:#2D2D2D;
    border:1px solid #D7D8D6;
}

input[readonly="readonly"], input[readonly]
{
    background-color:#EDEDED;
    color:#2D2D2D;
    border:1px solid #D7D8D6;
    padding:6px;
}

select[readonly="readonly"], select[readonly]
{
    background-color:#EDEDED;
    color:#2D2D2D;
    border:1px solid #D7D8D6;
}

.readonly 
{
    font-weight: 700;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    font-size: 11px;
}

td span.readonly 
{
    padding-right: 5px;
}

/* do not bold readonly fields in any payment tables */
#dvPayment .readonly
{
    font-weight: 400;
}

/* Form Audit Styles */
textarea.formmodified, input.formmodified, span.formmodified, div.formmodified {
	background: yellow;
	border:1px solid yellow;
	padding-top: 6px;
    padding-bottom: 6px;
    margin-bottom: 3px;
}

span.formmodifiedcheckbox 
{
    background: yellow;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    border: 2px solid yellow;
    width:20px;
    height:20px;
    display:inline-block;
    padding:1px 0 0 1px;

}

span.audittext 
{
    background-color:#F1F1F1;
    color:#2D2D2D;
    font-style:italic;
    padding:6px;
    margin:3px 0px;
    display:block;
}

/* Pagination Menu */
.pgnContainer {
    padding:0px 0px;
    margin-left: -1px;
    background: #f7f7f7; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#f7f7f7, #ededed, #f7f7f7); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#f7f7f7, #ededed, #f7f7f7); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#f7f7f7, #ededed, #f7f7f7); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#f7f7f7, #ededed, #f7f7f7); /* Standard syntax */
    
    border: 1px solid #D7D8D6;
    display:block;
    width:100%;
    clear: both;
    height:41px;
}

.pgnContainer .pgnRight {
    padding:5px;
    text-align:right;
    margin:0;
    white-space: nowrap;
}
.pgnContainer .pgnLeft {
    padding:5px 1px;
    text-align:left;
    margin:0;
    white-space: nowrap;
}

.pgnContainer li {
     display:inline-block;
     list-style-type: none;
     padding-right: 5px;
}

.pgnContainer input
{
    font-size:9px;
    padding: 3px; 
    margin-top:1px;
}

.pgnContainer select 
{
    font-size:9px;
    padding: 3px; 
    display: block; 
    margin-top:0px;
}

.pgnContainer .dotted 
{
    border-bottom:1px dotted #696969;
}

/* Inline Form Editor */
.ife-tbodylive {
	background: #666666;
	color:white;
}

.ife-tbodylive tr td {
	background: #666666;
	color:white;
}

.ife-tbodylive a 
{
    color:White;
}

#ife-tbodysidedown
{
	background: #666666;
	color:white;
	height:15px;
}

#ife-tbodysidedown a {
	color:white;
	cursor:pointer;
}

/* Actions Listings */
ul.actionlist 
{
   margin:0px;
}

ul.actionlist li 
{
  background-image: url(images/icons/information.png);  
  background-position: 15px center;
  background-repeat: no-repeat;
  padding: 20px 45px;
  list-style: none;
  margin:0px;
  font-weight:bold;
  color:black;
  font-size: 12px;
  cursor:pointer;
  border-bottom:1px solid #f9f9f9;
}

ul.actionlist li:nth-child(odd)	{ background-color:#f9f9f9; }
ul.actionlist li:nth-child(even) { background-color:#fff; }

ul.actionlist li p 
{
    color:Gray;
    font-weight:normal;
    font-size:11px;
    margin-top:3px;
}

ul.actionlist li:hover, ul.actionlist li:hover a
{
    background-color:#3582c6;
    font-weight:bold;
    color:white;
}

ul.actionlist li.inactive {-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70);  opacity: 0.7; cursor:default; }
ul.actionlist li.inactive:hover { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100);  opacity: 1; cursor:default; }

ul.actionlist li.info { background-image: url(../../Content/_Clients/images/icons/information.png); }
ul.actionlist li.reload { background-image: url(../../Content/_Clients/images/icons/reload.png); }
ul.actionlist li.accept {  background-image: url(../../Content/_Clients/images/icons/accept.png);  }
ul.actionlist li.reject {  background-image: url(../../Content/_Clients/images/icons/cross.png);  }
ul.actionlist li.attach {  background-image: url(../../Content/_Clients/images/icons/attach.png);  }
ul.actionlist li.go {  background-image: url(../../Content/_Clients/images/icons/go.png);  }
ul.actionlist li.edit {  background-image: url(../../Content/_Clients/images/icons/edit.png);  }
ul.actionlist li.folderedit {  background-image: url(../../Content/_Clients/images/icons/folder_edit.png);  }
ul.actionlist li.page {  background-image: url(../../Content/_Clients/images/icons/page.png);  }
ul.actionlist li.amend {  background-image: url(../../Content/_Clients/images/icons/amended.png);  }
ul.actionlist li.script {  background-image: url(../../Content/_Clients/images/icons/go_script.png);  }
ul.actionlist li.calendar {  background-image: url(../../Content/_Clients/images/icons/calendar_add.png);  }
ul.actionlist li.cancel {  background-image: url(../../Content/_Clients/images/icons/cancel.png);  }
ul.actionlist li.right-arrow {  background-image: url(../../Content/_Clients/images/icons/resultset_next.gif);  }
ul.actionlist li.go_script {  background-image: url(../../Content/_Clients/images/icons/go_script.png);  }
ul.actionlist li.link {  background-image: url(../../Content/_Clients/images/icons/link.png);  }
ul.actionlist li.txn {  background-image: url(../../Content/_Clients/images/icons/transaction.png);  }
ul.actionlist li.security {  background-image: url(../../Content/_Clients/images/icons/security.png);  }
ul.actionlist li.suppress {  background-image: url(../../Content/_Clients/images/icons/suppress.png);  }
ul.actionlist li.payment {  background-image: url(../../Content/_Clients/images/icons/payment.png);  }
ul.actionlist li.generate {  background-image: url(../../Content/_Clients/images/icons/generate.png);  }
ul.actionlist li.transaction {  background-image: url(../../Content/_Clients/images/icons/transaction.png);  }
ul.actionlist li.investigation {  background-image: url(../../Content/_Clients/images/icons/investigation.png);  }
ul.actionlist li.application {  background-image: url(../../Content/_Clients/images/icons/application.png);  }
ul.actionlist li.organization {  background-image: url(../../Content/_Clients/images/icons/organization.png);  }
ul.actionlist li.clock {  background-image: url(../../Content/_Clients/images/icons/clock.png);  }
ul.actionlist li.reunuciation {  background-image: url(../../Content/_Clients/images/icons/page_red.png);  }
ul.actionlist li.news {  background-image: url(../../Content/_Clients/images/icons/news.png);  }
ul.actionlist li.no-hover, ul.actionlist li.no-hover:hover {background-color:#fff;color:Black;cursor:default;}


/* Admin Checkbox */
div.admincbl 
{
    border:1px solid #e0dede;
    background:#fbfbfb;
    margin:10px;
    padding:10px 10px 0px 10px;
}

div.admincbl fieldset 
{
    padding:10px 5px 20px 5px;
}

div.admincbl fieldset label
{
    font-size:14px;
    width:auto;
    float:none;
    margin-left: 5px;
    top: 2px;
    position: relative;
}    

/* Annotations */
span.filedownload
{
    width:352px;
    min-height:45px;
    background:#008000;
    color:White;
    display:inline-block;
    padding: 10px 5px 5px 55px;
    margin-bottom: 3px;
	background-image: url(../../Content/_Clients/images/icons/download32x32.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;    
    line-height:175%;
}

span.filedownload:hover
{
    background:#00db00;    
    cursor:pointer;
	background-image: url(../../Content/_Clients/images/icons/download32x32.png);
	background-position: 10px 12px;
	background-repeat: no-repeat;        
}

/* Multi-select checkbox listings */
.ms-checkboxes-wrapper {
    background:#f9f9f9;
}

.ms-checkboxes {
	padding: 0px;
	overflow: auto;
}

.ms-disp
{
    padding:10px 10px 20px;
}

.ms-checkboxes ul {	margin:0px;	padding:0px; width: 100%;}

.ms-checkboxes ul li {
	padding:5px 1px 15px 5px;
    list-style: none;
	margin:0px;
}

.ms-checkboxes ul li input {float:left;}
.ms-checkboxes ul li label 
{
    width:auto;
    display:block;
    cursor:pointer;
    float:none;
    font-size: 11px;
}
/*
.ms-checkboxes ul li:nth-child(odd)	{ background-color:#f9f9f9; }
.ms-checkboxes ul li:nth-child(even) { background-color:#fff; }
*/
.ms-checkboxes ul li.odd  { background-color:#f9f9f9; }
.ms-checkboxes ul li.even { background-color:#fff; }

.ms-checkboxes ul li:hover {background:#FFFFCC;}
.ms-checkboxes ul li input { margin-right:10px; }

.ms-checkboxes ul li.optgroup {
	padding:5px 1px 1px 3px;
	font-weight:bold;
	background-color:#fff;
}

/* System Messaging */
#message {
    font-family:Arial,Helvetica,sans-serif;
    position:fixed;
    top:0px;
    left:0px;
    width:100%;
    z-index:105;
    text-align:center;
    font-weight:bold;
    font-size:100%;
    color:white;
    padding:10px 0px 10px 0px;
    background-color:#8E1609;
}

#message span {
    text-align: center;
    width: 95%;
    float:left;
}

.center {text-align:center;float:none;}

div.lFormSecContainer {
    border:1px solid #e0dede;
    background:#fbfbfb;
    margin:10px;
    padding: 10px;
}

div.lFormSecContainer fieldset.lFormSecHeader {
    padding:10px 5px 20px 5px;
}

/* Formhelper left/right multiselect */
.fh_lrms {}

.fh_lrms select, .fh_lrms input[type="text"] {
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.fh_lrms div {
	float: left;
}

.fh_lrms div:last-child {
	clear:both;
}

/* center column for L/R buttons */
.fh_lrms div.center {
	width: 50px;
    text-align:center;

}

.fh_lrms div.center input {
	margin-bottom:10px;
}

/* quicksearch */
.fh_lrms div .fh_lrms_qs {
	position:relative;
	bottom:0px;
}

.fh_lrms div .fh_lrms_qs {
	display:block;
	width:100%;
}

/* jquery ui make weekends opaque */
.ui-datepicker-week-end, .ui-datepicker-week-end a.ui-state-default {
    font-weight: bold;
    opacity: 0.7;
}

.ui-dialog-content p 
{
    line-height:175%;
}

/* Loading animated dots */
.spinner {
  margin: 125px auto 0;
  width: 125px;
  text-align: center;
}

.spinner > div {
  width: 15px;
  height: 15px;
  background-color: #EDEDED;
  border-radius: 100%;
  display: inline-block;
  -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
  animation: bouncedelay 1.4s infinite ease-in-out;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  margin:10px;
}

.spinner .spinner1 {
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}

.spinner .spinner2 {
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
  0%, 80%, 100% { -webkit-transform: scale(0.0) }
  40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
  0%, 80%, 100% { 
    transform: scale(0.0);
    -webkit-transform: scale(0.0);
  } 40% { 
    transform: scale(1.0);
    -webkit-transform: scale(1.0);
  }
}


/* Auto Table of Contents */
#atoc {
    width: 250px;
    line-height: 150%;
    border-left: 5px solid #f1f1f1;
}

#atocSidebar {
    position: absolute;
    height: 100%;
    width: 250px;
    top:20px;
    right:0px;
}

#atocContent {
    position: relative;
    float: left;    
    padding-right:25px;
}

#atoc > ul {
    list-style-type: none;   
    display: block;
    margin: 0px;
    padding: 10px;
}

#atocend {
    height:300px;
}

#atoc > ul > li {
    font-weight: normal;
    list-style-type: none;
    margin: 0px;
}        

#atoc > ul > li > a {
    display: block;
    color: black;
    padding: 6px 0px 6px 15px;
    text-decoration: none;
    margin: 0px;
    font-size: 12px;
    font-weight: bold;
}        

#atoc > ul > li > a.returntotop {
    background-color: #FFF;        
    color:gray;
    font-weight:normal;
    margin-top:10px;
}

#atoc > ul > li > a > span {
  float: right;
  color: black;
  background-color: #fff;
  padding: 4px;
  border-radius: 4px;
  height: 8px;
  line-height: 8px;
  margin-right: 5px;
  margin-top: 2px;
  font-size: 75%;
  font-weight: bold;
} 

#atoc > ul > li.active a {
    background: #fff;
    font-weight: bold;
}

#atoc > ul > li.active a:before {
    content: "\25B8";
    margin-right: 5px;
}        

#atoc > ul > li.atoch1 {
    padding-left:0px;
}

#atoc > ul > li.atoch2 {
    padding-left:7px;
}

#atoc > ul > li.atoch3 {
    padding-left:14px;
}        

#atoc > ul > li > a.error {
    background: #ff8080;
    color:white;
}        

#atoc > ul > li > a.audit {
    background: yellow;
    color: black;
}                

#divSearch, #DashBoardContent, #searchform
{
    padding:10px 10px 20px 15px;
    border-left:4px solid #5C7E9E;
}

.webLogOnDisabled { display: none; }

.btnImgGrp
{
    text-align: right;
}