@import 'font.css';
@import 'widgets.css';
@import 'header.css';
@import 'footer.css';
@import 'controls.css';
@import 'details.css';
@import 'alertStyles.css';
@import '../CuBanking/banner.css';
@import '../jQuery/jquery.dd.css';
@import '../jQuery/jquery.carousel.css';
@import '../jQuery/jquery.ui.tabs.paging.css';

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; border: 0; outline: 0; vertical-align: baseline; }

/* remember to define focus styles! */
:focus { outline: 0; }
html { height: 100%; /* fix height to 100% for IE */ max-height: 100%; /* fix height for other browsers */ padding: 0; /*remove padding */ margin: 0; /* remove margins */ border: 0; /* remove borders */ overflow: hidden; /*get rid of scroll bars in IE */ /* */ }
body { height: 100%; /* fix height to 100% for IE */ max-height: 100%; /* fix height for other browsers */ overflow-y: auto; /*get rid of scroll bars in IE */ overflow-x: hidden; padding: 0; /*remove padding */ margin: 0; /* remove margins */ border: 0; /* remove borders */ background: #E6E6E6; width: 100%; }
#body-content { display: block; /* set up as a block */ height: 100%; /* set height to full page */ max-height: 100%; overflow: auto; /* add scroll bars as required */ position: relative; /* set up relative positioning so that z-index will work */ z-index: 3; /* allocate a suitable z-index */ width: 100%; }
.pad1 { display: block; float: left; }
ol, ul { list-style: none; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
.corner { position: absolute; }
.ne { top: -1px; right: -1px; }
.nw { top: -1px; left: -1px; }
.se { bottom: -1px; right: -1px; }
.sw { bottom: -1px; left: -1px; }
.formRow { float: left; width: 75%; margin-bottom: 8px; }
.formRow label { float: left; width: 100%; position: relative; font-weight: bold; line-height: 18px; margin-bottom: 3px; }
.formRow .formElements { float: left; width: 100%; position: relative; }
.formRow .text { background: #fff; border-top: 1px solid #999; border-left: 1px solid #999; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; padding: 4px; font-size: 12px; }
.formRow select.text { padding: 3px; }
.formRow .help { float: left; clear: left; font-size: 12px; line-height: 26px; text-decoration: none; }
#canvas { float: left; width: 100%; background: #e6e6e6; padding: 17px 0 35px 0; }
.container { text-align: left; width: 1003px; margin: 0 auto; position: relative; }

.button { background: none repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; padding: 0; }
.button .left { background: url('/Images/loginsprite.png') no-repeat scroll left top transparent; background-position: 0 -198px; height: 31px; float: left; line-height: 28px; margin: 0; padding: 0 0 3px 10px; }
.button:hover .left { background: url('/Images/loginsprite.png') no-repeat scroll left top transparent; background-position: 0 -117px; height: 31px;}
.button .right { background: url('/Images/loginsprite.png') no-repeat scroll right top transparent; color: #FFFFFF; float: left; font-size: 16px; font-weight: bold; line-height: 28px; margin: 0; padding: 0 45px 3px 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); background-position: right -360px; height: 31px;}
.button:hover .right { background: url('/Images/loginsprite.png') no-repeat scroll right top transparent; color: #FFFFCC; background-position: right -279px; height: 31px;}
.button.cancel { background: none; color: #999999; float: left; font-size: 12px; font-weight: bold; line-height: 28px; margin: 0; padding: 0 45px 3px 0; }
.button.cancel:hover { color: #666666; }

.button.small { background: none; padding: 0; margin: 0; border: 0; cursor: pointer; cursor: hand; text-decoration: none; height: 24px; }
.button.small .left { background: url('../../Images/General/btn-small-left.gif') top left no-repeat; float: left; height: 24px; line-height: 24px; padding: 0 1px 0 3px; margin: 0; }
.button.small:hover .left { background: url('../../Images/General/btn-small-left-selected.gif') top left no-repeat; }
.button.small .right { background: url('../../Images/General/btn-small-right.gif') top right no-repeat; color: #FFFFFF; font-size: 9pt; font-weight: bold; float: left; height: 24px; line-height: 24px; padding: 0 10px 0 0; margin: 0; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.button.small:hover .right { background: url('../../Images/General/btn-small-right-selected.gif') top right no-repeat; color: #FFFFCC; }
.button.small.cancel { background: none; color: #999999; float: left; height: 24px; line-height: 24px; padding: 0 10px 0 0; margin: 0; }
.button.small.cancel:hover { color: #666666; }

.errorIcon { float: left; padding-left: 15px; margin-left: 10px; background: url(../../Images/General/alert.gif) left no-repeat; }

.formActions { float: left; width: 100%; margin-top: 15px; padding: 12px 0 30px 0; border-top: 3px solid #c2d3e4; background: url('../../Images/General/bg-formActions.gif') top repeat-x; }
.formActions a { float: right; margin-right: 20px; color: #999; text-decoration: none; line-height: 28px; }
.formActions a span { font-size: 16px; color: #ccc; }
.formActions a:hover { color: #666; }
.formActionsleft { float: left; width: 100%; margin-left: -10px; margin-top: 15px; padding: 12px 0 30px 0; border-top: 3px solid #c2d3e4; background: url('../../Images/General/bg-formActions.gif') top repeat-x; }

.formActionsleft a { float: left; margin-left: 20px; color: #999; text-decoration: none; line-height: 28px; padding-left: 20px !important; }

.formActionsleft.deleteconfirm { width: 380px; height: 20px; padding-bottom: 10px; }

.formActionsleft a span { font-size: 16px; color: #ccc; }

.formActionsleft a:hover { color: #666; }
a { color: #6699cc; }
a:hover { color: #336699; }
.error { background-color: #FEEBEB; border: solid 1px #CC0000; }
.text.error { background-color: #FEEBEB; border: solid 1px #CC0000; }
.errorLabel { color: #FF0000; font-weight: bold; }
.errorMessage { color: #FF0000; font-style: italic; font-weight: bold; font-size: 12px; }
.cubusOLB { float: left; width: 100%; height: 100%; min-height: 100%; }
.wrap { min-height: 100%; }
.main { overflow: auto; padding-bottom: 48px; /* must be same height as the footer */ }
.frameStyle { min-height: 550px; }
.errorPage { float: left; background: #fff; width: 766px; border: 1px solid #c1d2e3; margin: 0 0 15px 0; position: relative; text-align: center; }
.errorPage h2 { float: left; width: 100%; line-height: 28px; font-size: 13px; font-weight: bold; color: #c00; text-indent: 6px; background: url(../../Images/General/widget-title.gif) top repeat-x; margin-bottom: 12px; }
.errorPage h2 .lock { float: left; padding-left: 15px; margin-left: 10px; background: url(../../Images/Icons/error.png) left no-repeat; }
.errorPage .desc { font-size: 9pt; }
.errorPage ul li { font-size: 9pt; float: left; clear: left; margin-bottom: 10px; padding-left: 20px; background: url('../../Images/General/icn-arrow-right.png') left no-repeat; }
.helpImage { height: 24px; width: 24px; padding: 0 0 8px 3px; vertical-align: middle; }



.group-manage { padding: 3px 25px 167px 9px; }
.group-manage .left { width: 503px; float: left; display: inline; }
.group-manage .right { width: 427px; float: right; display: inline; }

.grop-form label { width: 92px; float: left; display: inline; padding: 3px 5px 0 0; font-size: 11px; font-weight: bold; font-family: verdana, arial, sans-serif; text-align: right; }
.grop-form input.field { width: 160px; float: left; display: inline; margin-bottom: 12px; font-family: verdana, arial, sans-serif; font-size: 11px; padding: 2px 5px; margin-right: 6px; }
.grop-form .fieldset { border-bottom: 1px solid #e5e5e5; margin-bottom: 15px; padding-bottom: 1px; }
.grop-form input.group-submit { float: left; background: #3c843c url('/images/bg-btn.gif') top repeat-x; border: 1px solid #32703b; color: #fff; font-weight: bold; padding: 2px 8px 2px 8px; text-decoration: none; font-size: 11px; cursor: pointer; }

.group-holder { width: 330px; background: #e1ebf5 url(/images/group-holder-t.gif) no-repeat 0 top; margin: 0 0 12px 13px; }
.group-holder-b { background: url(/images/group-holder-b.gif) no-repeat 0 bottom; padding: 9px 0 7px 0; height: 100%; }

.group-holder .heading { height: 13px; padding: 0 0 7px 8px; }
.group-holder .heading h3 { font-size: 11px; font-weight: bold; background: url(/images/folder-ico.gif) no-repeat left 0; padding: 0 0 0 25px; line-height: 12px; height: 13px; width: 250px; float: left; }
.group-holder a.remove-link { text-transform: uppercase; color: #a7bed4; font-weight: bold; text-decoration: none; float: right; width: 20px; }
.group-holder a.remove-link:hover { color: #003366; }

.dragable { height: 18px; width: 285px; background: #c9d7e6 url(/images/dragable.gif) no-repeat 4px 4px; border-bottom: 1px solid #fff; padding: 7px 22px 0 20px; font-size: 11px; position: relative; z-index: 99; }
.dragable p { width: 130px; float: left; display: inline; color: #003366 !important; }
.dragable p span { color: #3f6d9b; }
.dragable strong { width: 46px; float: right; display: inline; text-align: right; padding-right: 12px; font-weight: normal; color: #009900; }
.dragable strong.red-txt { color: #990000; }
.dragable a.remove-link { height: 18px; width: 18px; display: block; position: absolute; top: 7px; right: 2px; font-weight: bold; }


.group-manage .right h3 { font-size: 17px; color: #333; padding: 0 0 8px 0; }
.group-manage .right p { color: #999; line-height: 14px; }

.drag-menu { padding-top: 24px; }
.drag-menu .dragable { padding-right: 0; width: 275px; }
.right .drag-menu h3 { font-size: 13px; padding-bottom: 12px; }
.right .drag-menu h3 a { color: #003366; text-decoration: none; padding-left: 19px; background: url(/images/plus-ico.png) no-repeat left 1px; }
.right .drag-menu h3 a.expanded { background-image: url(/images/minus-ico.png); font-weight: bold; }
.right .drag-menu h3 a:hover { text-decoration: underline; }

.drag-holder { padding-left: 20px; display: none; padding-bottom: 3px; }

span.handler { height: 25px; width: 14px; position: absolute; left: 1px; top: 0; cursor: move; }

.fullProd .usr-manage .formActions a.centered { width: 90px; margin: 0 auto; padding-left: 0; padding-right: 0; text-align: center; display: block; float: none; }




/* added for Transaction ToolTip */

.ruleDetailsRowDiv { background-color: #FFFFFF; color: #000; text-align: left; margin-left: 15px; width: 90%; overflow: hidden; height: 100px; }

.ruleDetailsRowDivData { background-color: #FFFFFF; text-align: left; float: left; color: #000; }


.rulePreView { border: none 0px #000; float: left; text-align: left; cursor: pointer; text-decoration: none; color: #000; background: 0px 50%; display: inline; margin-top: 2px; }
.linkMailItem { background-repeat: no-repeat; background-position: center; font-size: 1em; color: #275E94; text-decoration: none; font-weight: bold; background-position: left; }
.ruleinnerList_HeaderSize7_type1 { width: 22%; }

.rule_grid_item a { text-decoration: none; color: #386793; font-weight: bold; float: left; }

.ruleDetailsTooltip { display: none; background: url("/Images/CuMessaging/message-tip-content.png") repeat-y transparent; width: 308px; font-size: 11px; color: #fff; z-index: 5; position: relative; top: 0px; left: 0px; margin-left: 4px; margin-top: 5px; }


.ruleDetailsHeader { background: url("/Images/CuMessaging/message-tip-top.png") no-repeat 0 0 transparent; font-weight: bold; font-size: 11pt; text-align: left; color: #fff; padding: 5px 0 0 15px; height: 31px; width: 308px; }

.ruleDetailsBottom { background: url("/Images/CuMessaging/message-tip-bottom.png") no-repeat top left transparent; height: 14px; width: 308px; position: absolute; bottom: -14px; }

.ruleDetailsSeparator { background: url("/Images/CuBanking/acct-tip-separator.png") no-repeat top left transparent; height: 11px; width: 308px; }



/* added for Rule ToolTip */


.usr-manage .drop-down { position: absolute;  width: 155px; background: #e4e4e3 url(/images/widget-dd-bg.gif) repeat-x 0 0; border: 1px solid #999; z-index: 99; padding-left:0px; vertical-align:middle }
.usr-manage .drop-down .trigger { display: block; height: 20px; padding: 0 5px; font: 11px/20px Verdana, Arial, Sans-Serif; color: #666; background: url(/images/drop-down-trigger.gif) no-repeat 139px center; }
.usr-manage .drop-down ul { display: none; padding-bottom: 2px; position: relative; height: 100%; padding-left:0px;}
.usr-manage .drop-down ul li { padding: 0 5px; line-height: 20px; border-bottom: 0px solid #999; margin: 0 5px; }
.usr-manage .drop-down ul li.last { border: 0; }
.usr-manage .drop-down a { text-decoration: none; }