/******************
general tags
******************/
html, body, .md div, .md span, .md applet, .md object, .md iframe,
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6, .md p, .md blockquote, .md pre,
.md a, .md abbr, .md acronym, .md address, .md big, .md cite, .md code,
.md del, .md dfn, .md em, .md font, .md ins, .md kbd, .md q, .md s, .md samp,
.md small, .md strike, .md strong, .md sub, .md sup, .md tt, .md var,
.md dl, .md dt, .md dd, .md ol, .md ul, .md li,
.md fieldset, .md form, .md label, .md legend,
.md table, .md caption, .md tbody, .md tfoot, .md thead, .md tr, .md th, .md td{
	margin: 0;
	padding: 0;
	border-width: 0;
	border-style: none;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body .md,
.md input, 
.md select, 
.md textarea,
.md button{
	font-size: 12px;
	line-height: 1.2;
}
@-moz-document url-prefix() {
	/* FF12 does not correctly render form input font sizes */
	.md6 .input input{
		font-size: 11px;
	}
}
.md blockquote:before, .md blockquote:after,
.md q:before, .md q:after {
	content: "";
}
.md blockquote, q {
	quotes: "" "";
}
.md a:hover{
	text-decoration: none;
}
.md a img{
	border: none;
}
.md img{
	border-style: none;
	border-width: 0;
	clear: both;
	display: block;
	margin: 0;
	padding: 0;
}
.md p{
	margin-bottom: 1em;
}
.md sup, /* fix for the line-height problem with sub and sup */
.md sub{
        position: relative;
        vertical-align: 0;
}
.md sup{
        bottom: 0.4em;
}
.md sub{
        top: 0.4em;
}
.md h1, .md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 0 0 10px 0;
	font-weight: bold;
}
.md h2, .md h3, .md h4, .md h5, .md h6{
	margin: 14px 0 8px;
}
.md h1	{font-size: 18px;}
.md h2	{font-size: 14px;}
.md h3	{font-size: 13px;}
.md h4	{font-size: 12px;}
.md h5	{font-size: 11px;}
.md h6	{font-size: 10px;}
.md ol{
	margin: 0 0 20px 0;
	padding: 0 0 0 30px;
	list-style-position: outside;
}
.md ul{
	margin: 0 0 20px 8px;
	padding: 0 0 0 10px;
	list-style-position: outside;
}
.md li{
	margin: 0 0 5px 0;
}
.md dl{
	list-style-type: none;
	margin: 0 0 20px 0;
	padding: 0;
}
.md dt{
	margin: 0 0 5px 0;
}
.md dd{
	margin: 0 0 8px 20px;
}
/******************
tables
******************/
.md table {
	display: table;
	clear: both;
	width : 100%; 
	border-width: 0 0 1px 1px;
	border-spacing: 0;
	border-collapse: collapse;
	margin-bottom: 20px;
}
.md table caption {
	position: absolute;
	left: -9999px;
	top: -9999px;
}
.md table,
.md td,
.md th {
	border-style: solid;
	vertical-align: top;
}
.md td,
.md th {
	border-width: 1px 1px 0 0;
	margin: 0;
	padding: 4px 8px;
}
.md thead th,
.md tbody th, 
.md tfoot th{
	text-align: left;
	font-weight: bold;
}

/**/
/*********************
Site Layout
***********************/
.md{
	position: relative;
}
.md div.outerWarning,
.md div.outerHeader, 
.md div.outerColContainer, 
.md div.outerFooter,
.md div.outerBanner{
	text-align: center;
}
div.outerWarning{
	border-style: solid;
	border-width: 5px;
	text-align: center;
	width: auto;
}
div.outerWarning div.warning{
	padding: 10px 10px 0;
}
div.outerWarning div.warning, /*.warning is used elsewhere*/
div.header, 
div.colContainer,
div.footer{
	width: 770px;
}
.md div.outerWarning div.warning, /*.warning is used elsewhere*/
.md div.header, 
.md div.colContainer,
.md div.footer,
.md div.banner{
	margin: 0 auto;
	text-align: left;
	width: 960px;
}
.md div.outerWarning div.warning{ /*.warning is used elsewhere*/
    padding: 12px;
	text-align: center;
	width: 936px;
}
div.header{
	background-position: top right;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	height: 100px;
	position: relative;
}
div.colContainer{
	border-top-style: solid;
	border-top-width: 2px;
	clear: both;
	display: block;
	float: none;
	padding-top: 12px;
}
.Popup div.colContainer{
	border-top-style: none;
	border-top-width: 0;
	padding-top: 0;
	width: auto;
}
div.footer{
	clear: both;
    float: none;
    padding: 0 212 0 150px;
    width: 520px;
}
.md div.banner{
	float: none;
	padding: 0 212px;
	width: 520px;
}
/**********
Columns
***********/
div.colOne{
	float: left;
	height: 50px;
	height: auto !important;
    margin: 0 0 0 8px;
	min-height: 50px;
	overflow: hidden;
    width: 200px;
}
.md div.colThree{
	float: left;
	height: 50px;
	height: auto !important;
	margin: 0 8px 0 0;
	min-height: 50px;
	overflow: hidden;
	width: 200px;
}
.md div.colTwo{
	float: left;
	height: 50px;
	height: auto !important;
	margin: 0 12px 0;
	min-height: 50px;
	overflow: visible;
	width: 520px;	
}
div.colTwoThree{
	float: left;
	margin: 0px;
	padding-top: 35px;
	position: relative;
	width: 605px;
}
div.colOneTwoThree{
	display: block;
	margin: 0 8px;
	padding-bottom: 15px;
}
/**********
Site Layout variations
***********/
body.ModalWindow .outerWarning div.warning, /*.warning is used elsewhere*/
body.ModalWindow .header, 
body.ModalWindow .colContainer{
	width: 536px;
}
body.ModalWindow .colOneTwoThree{
	width: 520px;
}
/**/
/*
Based on twitter bootstrap v3
Using only col-md class because mdi is not responsive
Custom to MDI: 
.container = .row-container
Additional classes for .row div
classes added to .row:
.row-filled-content so that we can use the grid for callout blocks
see brandProduct.jsp
*/
.md .row-container {
  margin-right: auto;
  margin-left: auto;
  overflow: hidden;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row-container .row{
  overflow: hidden;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.md .row-show-grid > div { /*really only for debugging*/
    border-width: 1px;
    border-style: solid;
    padding-top: 15px;
    padding-bottom: 15px;
    float: left;
}
.md .row-container:before,
.md .row-container:after,
.row-container .row:before,
.row-container .row:after{
  display: table;
  content: " ";
  clear: both;
}
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6,.row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 {
  position: relative;
  min-height: 1px;
   -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.row .col-md-1, .row .col-md-2, .row .col-md-3, .row .col-md-4, .row .col-md-5, .row .col-md-6, .row .col-md-7, .row .col-md-8, .row .col-md-9, .row .col-md-10, .row .col-md-11, .row .col-md-12 {
  float: left;
}
.row .col-md-12 {
  width: 100%;
}
.row .col-md-11 {
  width: 91.66666667%;
}
.row .col-md-10 {
  width: 83.33333333%;
}
.row .col-md-9 {
  width: 75%;
}
.row .col-md-8 {
  width: 66.66666667%;
}
.row .col-md-7 {
  width: 58.33333333%;
}
.row .col-md-6 {
  width: 50%;
}
.row .col-md-5 {
  width: 41.66666667%;
}
.row .col-md-4 {
  width: 33.33333333%;
}
.row .col-md-3 {
  width: 25%;
}
.row .col-md-2 {
  width: 16.66666667%;
}
.row .col-md-1 {
  width: 8.33333333%;
}
.row .col-md-pull-12 {
  right: 100%;
}
.row .col-md-pull-11 {
  right: 91.66666667%;
}
.row .col-md-pull-10 {
  right: 83.33333333%;
}
.row .col-md-pull-9 {
  right: 75%;
}
.row .col-md-pull-8 {
  right: 66.66666667%;
}
.row .col-md-pull-7 {
  right: 58.33333333%;
}
.row .col-md-pull-6 {
  right: 50%;
}
.row .col-md-pull-5 {
  right: 41.66666667%;
}
.row .col-md-pull-4 {
  right: 33.33333333%;
}
.row .col-md-pull-3 {
  right: 25%;
}
.row .col-md-pull-2 {
  right: 16.66666667%;
}
.row .col-md-pull-1 {
  right: 8.33333333%;
}
.row .col-md-pull-0 {
  right: auto;
}
.row .col-md-push-12 {
  left: 100%;
}
.row .col-md-push-11 {
  left: 91.66666667%;
}
.row .col-md-push-10 {
  left: 83.33333333%;
}
.row .col-md-push-9 {
  left: 75%;
}
.row .col-md-push-8 {
  left: 66.66666667%;
}
.row .col-md-push-7 {
  left: 58.33333333%;
}
.row .col-md-push-6 {
  left: 50%;
}
.row .col-md-push-5 {
  left: 41.66666667%;
}
.row .col-md-push-4 {
  left: 33.33333333%;
}
.row .col-md-push-3 {
  left: 25%;
}
.row .col-md-push-2 {
  left: 16.66666667%;
}
.row .col-md-push-1 {
  left: 8.33333333%;
}
.row .col-md-push-0 {
  left: auto;
}
.row .col-md-offset-12 {
  margin-left: 100%;
}
.row .col-md-offset-11 {
  margin-left: 91.66666667%;
}
.row .col-md-offset-10 {
  margin-left: 83.33333333%;
}
.row .col-md-offset-9 {
  margin-left: 75%;
}
.row .col-md-offset-8 {
  margin-left: 66.66666667%;
}
.row .col-md-offset-7 {
  margin-left: 58.33333333%;
}
.row .col-md-offset-6 {
  margin-left: 50%;
}
.row .col-md-offset-5 {
  margin-left: 41.66666667%;
}
.row .col-md-offset-4 {
  margin-left: 33.33333333%;
}
.row .col-md-offset-3 {
  margin-left: 25%;
}
.row .col-md-offset-2 {
  margin-left: 16.66666667%;
}
.row .col-md-offset-1 {
  margin-left: 8.33333333%;
}
.row .col-md-offset-0 {
  margin-left: 0;
}
/*remove gutter padding for grid columns*/
.no-gutter > [class*='col-'] {
    padding-right:0;
    padding-left:0;
}
/**/
/*************
general tags
**************/
.md .onlyPrint{
	display: none !important;
}
.md .opposed{
	float: right;
}
.md .hidden{
	display: none !important;
}
.md .loading{
	margin-left: 16px;
	display: inline-block;
	height: 11px;
	margin-bottom: 0px;	
}
.md .loading canvas{
	float: left;
	margin-top: -4px;	
}
.md .loading_centered{
	display: block;
	margin: 0 auto;
	width: 20px;
}
.md .loading_centered canvas{
	margin-top: 0;
}
.md .portlets .loading{
	margin-left: 5px;
}
.md h1 .loading canvas{
	margin-top: -5px;
}
.md h3 .loading canvas{
	margin-top: -6px;
}
.md .portlets .loading canvas{
	margin-top: -3px;	
}
.md .modal .loading canvas{
	margin-top: -3px;
}
.md .asOfDate{
	display: block;
	font-size: 10px;
	font-style: italic;
}
/* START graphing CSS - these belong in properties somewhere */
.md .chart_legend:before{
	content: '';
	display: inline-block;
	height: 10px;
	margin-right: 2px;
	width: 10px;
}
/*general classes*/
.md .filter_heading{
	margin-top: -31px;
	float: right;
}
.md div.hr{
	clear: both;
	display: block;
	font-size: 1px;
	height: 1px;
	line-height: 1px;
	margin: 4px 0 12px;
}
.md div.hr hr{
	display: none;
}
.aligncenter{
	text-align: center;
}
.alignright{
	text-align: right;
}
img.alignLeft{
	float: left;
	margin: 0 5px 5px 0;
}
img.alignRight{
	float: right;
	margin: 0 0 5px 5px;
}
.md div.clear,
.md div.clearBoth,
.md br.clearboth{
	display: block;
	clear: both;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
}
.string_break{
	word-break: break-all;
	word-break: break-word; /* non standard for webkit*/
	-ms-word-break: normal; /* IE, needs hasLayout */
	word-wrap: break-word;
}
.noBreak {
	white-space: nowrap;
}
.clickable{ 
	cursor: pointer;
}
.indent{
	text-indent: 10px;
}
.md .subduedText{
	font-weight: lighter;
}
.md .subduedText_size{
	font-size: 90%;
}
/*************
Header
**************/
.ModalWindow h1.logo img.print {
	display: none;
}
.ModalWindow div.colContainer {
	border-top: 0px transparent;
}
.header h1{
	margin: 0;
}
/*this is also h2.sectionTitle*/
.header h2{
	margin: 0;
	position: absolute;
	z-index: 10;
	top: 88px;
	left: 10px;
}
.header .clear{
	margin-top: -1px;
}
/*system & mobile warnings*/
div.outerWarning div.warning{ /*.warning is used elsewhere*/
    font-size: 18px;
}
div.outerWarning div.mobileAlert{
    font-size: 26px;
}
div.outerWarning .warning p{
	margin: 0;
}
/*content treatment maincontent*/
h1#PageTitle{
	font-size: 15px;
	margin-bottom: 10px;
}
sup.tm{/*french tm*/
	font-size: 0.9em;
	vertical-align: super;
	text-transform: lowercase;
	font-variant: small-caps;
}
sub.tm{/*french tm*/
        font-size: 0.9em;
        vertical-align: sub;
        text-transform: lowercase;
        font-variant: small-caps;
}
/*content treatment footer*/
div.footer p{
	font-size: 10px;
	text-align: center;
}
.iop div.footer p {
	text-align: left;
}
/*content treatment popup*/
.md .helpSelect{/*Help pages*/
	margin: 0 0 10px 0;
}
/*Hide this everywhere in md6*/
.mainContent .cntxthelp{
	display: none;
}
/*md6 has controls everywhere*/
.md div.control{
	display: block;
	clear: both;
	height: 1%;
	margin: 0;
	padding: 0 0 10px;
}
.md div.control a{
	font-size: 10px;
	font-weight: bold;
}
/*.collapsable
	.control
	.collapsableContent*/
.collapsable .control,
.collapsableLevel2 .controlLevel2{
	cursor:pointer;
	text-decoration:underline;
}
.collapsable .control:hover,
.collapsableLevel2 .controlLevel2:hover{
	text-decoration:none;
}
/*if js enabled collapsed class is added*/
.collapsed .collapsableContent,
.collapsedLevel2 .collapsableContentLevel2{
	display:none;
}
.collapsable .controlIcon,
.collapsableLevel2 .controlIcon{
	padding-left: 15px;
}
/* MRR-30170 */
body.Online form .collapsable .collapsableContent {
	width: 330px;
}
.hiddenInlineControl,
.hiddenBlockControl{
	display: none;
}
.javascript .hiddenBlockControl{
	display: block;
}
.javascript .hiddenInlineControl{
	display: inline;
    font-weight: normal;
    font-size: 11px;
}
.javascript .collapsable .showText,
.javascript .collapsableLevel2 .showText{
	display: none;
}
.javascript .collapsable .hideText,
.javascript .collapsableLevel2 .hideText{
	display: inline;
}
.javascript .collapsed .showText,
.javascript .collapsedLevel2 .showText{
	display: inline;
}
.javascript .collapsed .hideText,
.javascript .collapsedLevel2 .hideText{
	display: none;
}

/*remove styling from tables in properties that should have no borders or background colors*/
table.noDefaultStyle,
table.noDefaultStyle td,
table.noDefaultStyle th{
	background-color: transparent;
	border-width: ;
	padding: 0;
}
/*cleaning up form styling of tables*/
table.formTable td,
table.formTable th{
	vertical-align: bottom;
}
table.formTable td label{
	font-weight: normal;
}
table.formTable td div.string{
	width: auto;
}
/*****
JavaScript Items - don't work without JavaScript need to be hidden by default
******/
.calcTotalResult{
	display: none;
}
.javascript .calcTotalResult{
	display: table-footer-group;
}
/*ShowHideSwitch*/
.javascript p.selected,
.javascript span.selected,
.javascript h2.selected,
.javascript h3.selected,
.javascript p.unselected,
.javascript span.unselected,
.javascript h2.unselected,
.javascript h3.unselected{
	text-decoration: underline;
}
.md ul.skip{
	list-style-type: none;
	position: absolute;
	top: 10px;
	left: 10px;
	height: 1px;
	overflow: visible;
	margin: 0;
	padding: 0;
	z-index: 9999;
}
.md ul.skip li{
	float: left;
}
.md ul.skip a{
	position: absolute;
	top: -9999px;
	padding: 2px;
}
.md ul.skip a:focus{
	position: relative;
	top: auto;
}
/* OAO-1537 */
.accountSwitch div.warnings{
	border-width: 1px;
	clear: both;
	display: block;
	margin: 0 0 8px 0;
	min-height: 30px;
	padding: 6px 6px 0;
	margin-bottom: 1em;
}
.accountSwitch div.warnings{
	background: url(/DynamicContent/Resources/Images/Icons/warning.png) no-repeat scroll 12px 8px transparent;
	border-color: #F60;
	border-style: solid;
	color: #F60;
	font-weight: bold;
}
.accountSwitch div.warnings p{
	padding: 4px 6px 0 34px;
}
/* OAO-1537 */
.accountSwitch div.oneColRow,
.accountSwitch div.oneColMultiRow,
.accountSwitch div.readOnly{
	clear: both;
	float: none;
	margin: 0 0 10px 0;
	overflow: hidden;
	width: 100%;
}
.accountSwitch .formSection div.formFieldGroup0{
	border: none;
	float: none;
	margin: 20px 0 0 0;
	padding: 10px 0 0 0;
	overflow: hidden;
	width: 100%;
}
.accountSwitch .formSection div.entry{
	padding: 2px 2px 2px 0;
	float: none;
	overflow: hidden;
	width: 100%;
}
.accountSwitch .formSection div.entry div.inputOption input{
	width: auto;
}
.accountSwitch .formSection div.multiRow div.inputOption label{
	font-weight: normal;
}
.accountSwitch .formSection div.entry label{
	padding: 0 2px 0 0;
}
.accountSwitch .formSection div.entry div.input,
.accountSwitch .formSection div.entry label{
	display: inline;
	float: none;
	width: auto;
}
.accountSwitch .formSection{
	margin: 0 0 24px 0;
	padding: 15px 8px;
}

/*****
Long Call to action
Main part is just like regular content
******/
.md .Component-LongCallToAction {
	padding: 0;
	margin: 0; /*when not inside mainContent margin is on the elements*/
	position: relative;
	clear: both;
}
.md .Component-LongCallToAction:after {
  content: "";
  display: table;
  clear: both;
}
.md .mainContent .Component-LongCallToAction {
	margin: 0 0 12px 0;
}
.Component-LongCallToAction .simple h2{
	margin: 0 0 8px 0;
}
.Component-LongCallToAction .simple h3{
	margin: 0 0 8px 0;
}
/*inside mainContent*/
.mainContent .Component-LongCallToAction.hasCallout{
	float: left;
	width: 100%;
	clear: both;
}
.mainContent .Component-LongCallToAction.hasCallout .section{
	clear: none;
}
.Component-LongCallToAction.hasCallout .callout,
.Component-LongCallToAction.hasCallout .simple{/*when not inside main content*/
	margin-bottom: 12px;
}
.mainContent .Component-LongCallToAction.hasCallout .simple{
	float: left;
	padding: 0 212px 0 0;
	margin: 0;
}
.mainContent .Component-LongCallToAction .callout + .simple{
	float: right;
	padding: 0 0 0 212px;
}
.mainContent .Component-LongCallToAction .callout{
	float: left; 
	position: relative;
	margin: 0 -200px 0 0;
	width: 200px;
	-webkit-box-sizing: border-box; 
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.mainContent .Component-LongCallToAction .simple + .callout {
	float: right;
	margin: 0 0 0 -200px;
}
.Component-LongCallToAction .callout h3{
	padding: 8px 8px 0;
	margin: 0 0 8px 0;
}
.Component-LongCallToAction .callout .copy{
	padding: 0 8px 8px;
}
.Component-LongCallToAction .callout .Component-Button{
	float: none;
	margin: 0;
}
.Component-LongCallToAction .callout .Component-Button a{
	float: none;
}
/**/
/****
Component EventGroup - here because we won't be using the portlet classes anymore
*****/
.md .Component-EventGroup{
	clear: both;
	margin: 0 0 1em;
}
.md .Component-EventGroup h2 {
  margin-bottom: 0;
  padding: 5px 10px;
}
.md .Component-EventGroup .event-item {
  clear: both;
  padding-bottom: 1.5em;
  padding-top: 1.5em;
}
.md .Component-EventGroup .event-item:first-child{
  border: none;
}
.md .Component-EventGroup .date {
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  float: left;
  margin-right: 2%;
  padding: 10px 6px;
  text-align: center;
  text-transform: uppercase;
  width: 80px;
}
.md .Component-EventGroup .month {
  margin-left: 0;
  width: 100%;
}
.md .month.end {
  display: none;
}
.md .Component-EventGroup .day {
  display: inline;
  font-size: 20px;
  font-weight: bold;
}
.day.end:before {
  content: " - ";
}
.md .Component-EventGroup .event {
  overflow: hidden;
}
.md .Component-EventGroup .title {
  font-size: 14px;
  font-weight: bold;
  margin-bottom: 1em;
  margin-right: 2%;
}
.md .Component-EventGroup span.location {
  display: block;
  font-size: 12px;
  font-style: italic;
  font-weight: normal;
}
.md .Component-EventGroup .description {
  overflow: hidden;
}

/**/

/*****
Expandable content
******/
.md div.Component-ExpandableContent {
	clear: both;
	position: relative;
	margin-bottom: 12px;
}
.md div.Component-ExpandableContent .expandableTitle {
	position: relative;
	padding-right: 50px;
}
.md div.Component-ExpandableContent h1,
.md div.Component-ExpandableContent h2,
.md div.Component-ExpandableContent h3,
.md div.Component-ExpandableContent h4,
.md div.Component-ExpandableContent h5 {
	margin: 0.6em 0;
	padding: 0;
}
.md div.Component-ExpandableContent .expandableToggle {
	position: absolute;
	text-indent: -9999px;
	width: 17px;
	height: 100%;
	top: 0;
	right: 0;
	outline: none;
}
.md div.Component-ExpandableContent .content .actions {
    list-style-type: none;
    margin: 0 0 20px 0;
}
.md div.Component-ExpandableContent .content .actions li {
	padding-left: 12px;
}
/**/
/*****
Document List
******/
.md ul.Component-DocumentList {
	clear: both;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
}
.md ul.Component-DocumentList h3{
	margin: 0;
	padding: 5px 0;
}
.md ul.Component-DocumentList li {
	margin: 0;
	padding: 5px 5px 10px 48px;
	position: relative;
}
.md ul.Component-DocumentList li:before{
	content: '';
	display: block;
	width: 32px;
	height: 32px;
	position: absolute;
	top: 10px;
	left: 10px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.md ul.Component-DocumentList li.pdf:before{
	background-position: 0 -96px;
}
.md ul.Component-DocumentList li.xls:before{
	background-position: 0 -32px;
}
.md ul.Component-DocumentList li.doc:before{
	background-position: 0 -64px;
}
.md ul.Component-DocumentList li.img:before{
	background-position: 0 -128px;
}
.md ul.Component-DocumentList p:last-child {
	margin: 0;
}
/**/
/*****
Short Call to action
******/
.md .Component-ShortCallToAction {
	clear: both;
	margin: 0 0 12px;
}
.md .Component-ShortCallToAction a {
	display: block;
	padding: 10px 10px 10px 20px;
	background-repeat: no-repeat;
}
/**/
/*****
Button Call to Action
******/
.md .Component-Button{
	clear: right;
	float: right;
	margin: 0 0 12px 0;
}
.md .Component-Button:after{
	content: '';
	clear: both;
	display: block;
}
.md .Component-Button a{
	display: block;
	float: right;
	padding: 8px 9px;
	text-decoration: none;
}
.md .Component-Button a:after{
	content: '\00a0\00a0\00BB';
}
.md .authentication .Component-Button,
.md .oneClickOpenAnywhere .Component-Button {
	float: none;
	margin-bottom: 0;
	padding: 5px;
}
.md .authentication .Component-Button a,
.md .oneClickOpenAnywhere .Component-Button a {
	float: none;
	text-align: center;
}
/**/
/*****
Disclaimer text
******/
.md .Component-Disclaimer{
	clear: both;
	margin: 10px 0;
	padding: 10px;
	font-size: 0.8em;
}
.md .Component-Disclaimer p:last-child{
	margin-bottom: 0;
}
/**/
/*****
Blockquotes - class to avoid regression
******/
blockquote.Component-Blockquote{
	border-width: 1px;
	clear: both;
	padding: 13px;
	margin: 0 0 13px;
}
blockquote.Component-Blockquote h3{
	margin: 0 0 5px 0;
}
blockquote.Component-Blockquote p:last-child{
	margin-bottom: 0;
}
/**/
/*****
Component-Marketing
******/
.md .Component-Marketing{
	clear: both;
	margin: 0 0 12px 0;
	position: relative;
}
.md .Component-Marketing > :first-child{
	margin-top: 0;
	padding-top: 0;
}
.md .Component-Marketing .imageWrapper{
	display: block;
	margin: 0 0 1px 0;
}
.md .Component-Marketing .imageWrapper img{
	display: block;
}
.md .Component-Marketing .copy{
	padding: 12px 0;
}
.md .Component-Marketing .Icon-Help,
.md .Component-Marketing .Icon-Forms,
.md .Component-Marketing .Icon-Contact,
.md .Component-Marketing .Icon-Information,
.md .Component-Marketing .Icon-Alert,
.md .Component-Marketing .Icon-Performance,
.md .Component-Marketing .Icon-NewProduct,
.md .Component-Marketing .Icon-Custom{
	position: relative;
	padding-left: 45px;
}
.md .Component-Marketing .overlayContent{
	position: absolute;
	padding-top: 0;
	padding-right: 12px;
	width: 100%;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.md .Component-Marketing .copy h3{
	margin: 0 0 12px 0;
}
.md .Component-Marketing .copy p:last-child{
	margin-bottom: 0;
}
.md .Component-Marketing .Component-Button{
	float: none;
	margin: 0 0 1px 0;
}
.md .Component-Marketing .Component-Button a{
	display: block;
	float: none;
	text-align: right;
}
/*icons used in .Component-Marketing*/
.Component-Marketing .Icon-Help,
.Component-Marketing .Icon-Forms,
.Component-Marketing .Icon-Contact,
.Component-Marketing .Icon-Information,
.Component-Marketing .Icon-Alert,
.Component-Marketing .Icon-Performance,
.Component-Marketing .Icon-NewProduct,
.Component-Marketing .Icon-Custom{
	position: relative;
	padding-left: 45px;
}
.Component-Marketing .Icon-Custom{/*when custom this is a bg image*/
	background-position: top left;
	background-repeat: no-repeat;
}
.Component-Marketing .Icon-Help:before,
.Component-Marketing .Icon-Forms:before,
.Component-Marketing .Icon-Contact:before,
.Component-Marketing .Icon-Information:before,
.Component-Marketing .Icon-Alert:before,
.Component-Marketing .Icon-Performance:before,
.Component-Marketing .Icon-NewProduct:before{
	content: '';
	display: block;
	position: absolute;
	height: 32px;
	width: 32px;
	background-position: top left;
	background-repeat: no-repeat;
	left: 0;
}
.Component-Marketing .Icon-Help:before{background-position: 0 0px;}
.Component-Marketing .Icon-Forms:before{background-position: 0 -32px;}
.Component-Marketing .Icon-Contact:before{background-position: 0 -64px;}
.Component-Marketing .Icon-Information:before{background-position: 0 -96px;}
.Component-Marketing .Icon-Alert:before{background-position: 0 -160px;}
.Component-Marketing .Icon-Performance:before{background-position: 0 -128px;}
.Component-Marketing .Icon-NewProduct:before{background-position: 0 -192px;}
/**/
/****
Component Quicknav - here because we won't be using the portlet classes anymore
*****/
.md .Component-Quicknav{
	clear: both;
	margin: 0 0 12px 0;
}
.md .Component-Quicknav h3{
	margin: 0 0 6px 0;	
}
.md .Component-Quicknav select{
	max-width: 100%;
}
.md .Component-Quicknav .submit{
	clear: both;
	display: block;
	margin-top: 4px;
}
/**/
/****
Component Shortcuts - here because we won't be using the portlet classes anymore
****/
.md .Component-Shortcuts{
	clear: both;
	margin: 0 0 12px 0;
}
.md .Component-Shortcuts h3{
	margin: 0 0 6px 0;	
}
.md .Component-Shortcuts span.heading{
	margin: 0 0 6px 0;	
}
.md .Component-Shortcuts ul{
	margin: 0;
	padding: 0;
	list-style: none;
}
.md .Component-Shortcuts li{
	margin: 0;
	padding: 0 0 6px 17px;
	position: relative;
}
.md .Component-Shortcuts li:before{
	content: '';
	background-position: -2px -1px;
	background-repeat: no-repeat;
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 15px;
	height: 15px;
}
/**/
/*****
Component-RatesTable
******/
div.Component-RatesTable{
	display: block;
	clear: both;
}
div.Component-RatesTable:after {
  content: "";
  display: table;
  clear: both;
}
.Component-RatesTableCompact table thead th{
	font-size: 13px;
}
.Component-RatesTableCompact table,
.Component-RatesTableCompact table th,
.Component-RatesTableCompact table td{
	border: none;
	padding: 4px 8px 4px 0;
}
/**/
/*****
Component-ContactFormlet Only affects the universal template. In fact all Component- classes do
******/
.Component-ContactFormlet h3{
	margin: 0 0 8px 0;
}
.md .Component-ContactFormlet{
	margin: 0 0 12px 0;
}
/**/
.Component-Carousel > .slide{
    display: none;
}
.Component-Carousel > .slide:first-child{
    display: block;
}
/*base slick.css*/
.md .slick-slider{
    position: relative;
    display: block;
    -moz-box-sizing: border-box;
         box-sizing: border-box;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}
.slick-slider .slick-list{
    position: relative;
    display: block;
    overflow: hidden;
    margin: 0;
    padding: 0;
}
.slick-slider .slick-list:focus{
    outline: none;
}
.slick-slider .slick-list.dragging{
    cursor: pointer;
    cursor: hand;
}
.slick-slider .slick-slider .slick-track,
.slick-slider .slick-slider .slick-list{
    -webkit-transform: translate3d(0, 0, 0);
       -moz-transform: translate3d(0, 0, 0);
        -ms-transform: translate3d(0, 0, 0);
         -o-transform: translate3d(0, 0, 0);
            transform: translate3d(0, 0, 0);
}
.slick-slider .slick-track{
    position: relative;
    top: 0;
    left: 0;
    display: block;
}
.slick-slider .slick-track:before,
.slick-slider .slick-track:after{
    display: table;
    content: '';
}
.slick-slider .slick-track:after{
    clear: both;
}
.slick-slider .slick-loading .slick-track{
    visibility: hidden;
}
.slick-slider .slick-slide{
    display: none;
    float: left;
    height: 100%;
    min-height: 1px;
}
.slick-slider .slick-slide img{
    display: block;
}
.slick-slider .slick-slide.slick-loading img{
    display: none;
}
.slick-slider .slick-slide.dragging img{
    pointer-events: none;
}
.slick-initialized .slick-slide{
    display: block;
}
.slick-loading .slick-slide{
    visibility: hidden;
}
.slick-vertical .slick-slide{
    display: block;
    height: auto;
    border: 1px solid transparent;
}
/*slick-theme.css*/
.slick-loading .slick-list{
    background-position: center center;
    background-repeat: no-repeat;
}
/* Arrows */
.slick-slider .slick-prev,
.slick-slider .slick-next{
    font-size: 0;
    line-height: 0;

    position: absolute;
    top: 50%;

    display: block;

    padding: 0;

    cursor: pointer;

    color: transparent;
    border: none;
    outline: none;
    background: transparent;
    z-index: 1001;
}
.slick-slider .slick-prev:hover,
.slick-slider .slick-prev:focus,
.slick-slider .slick-next:hover,
.slick-slider .slick-next:focus{
    color: transparent;
    outline: none;
    background: transparent;
}
.slick-slider .slick-prev:hover:before,
.slick-slider .slick-prev:focus:before,
.slick-slider .slick-next:hover:before,
.slick-slider .slick-next:focus:before{
    opacity: 1;
}
.slick-slider .slick-prev.slick-disabled:before,
.slick-slider .slick-next.slick-disabled:before{
    opacity: .25;
}

.slick-slider .slick-prev:before,
.slick-slider .slick-next:before{
    line-height: 1;
    opacity: .75;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.slick-slider .slick-dots{
    position: absolute;
    z-index: 1001;
    margin: 0;
    display: block;

    width: 100%;
    padding: 0;

    list-style: none;

    text-align: center;
}
.slick-slider .slick-dots li{
    position: relative;

    display: inline-block;
    margin: 0 5px;
    padding: 0;

    cursor: pointer;
}
.slick-slider .slick-dots li button{
    font-size: 0;
    line-height: 0;
    display: block;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-slider .slick-dots li button:hover,
.slick-slider .slick-dots li button:focus{
    outline: none;
}
.slick-slider .slick-dots li button:hover:before,
.slick-slider .slick-dots li button:focus:before{
    opacity: 1;
}
.slick-slider .slick-dots li button:before{
    position: absolute;
    top: 0;
    left: 0;
    text-align: center;
    opacity: .25;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-slider .slick-dots li.slick-active button:before{
    opacity: .75;
}
.slick-slider .slick-slide img{
    width: 100%;
    height: auto;
}
.slick-slider .slick-slide a{
    display: block;
}
.slick-slider .slick-track{
    max-height: 100%;
    overflow: hidden;
}
/* MTCC Targeted Marketing */
#marketing-carousel .slick-slider .slick-dots {
    position: static;
    z-index: auto;
    text-align: left;
}
#marketing-carousel .slick-dots li:before{
    content: normal;
}

/**/

/*****
Component-Random-Images
******/
.md .Component-RandomImages{
	position: relative;
}
/**/

/*even in posistion 2 we want the text to be centered*/
.md .outerImageCopy{
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -1px;
    width: 960px;
    height: 1px;
}
.md .imageCopy{
    position: absolute;
    width: 300px;
    top: 20%;
    text-align: center;
    left: 50%;
    margin-left: -150px;
}
.imageCopy h2{
    font-size: 22px;
    margin: 0 0 15px 0;
}
.imageCopy .copy{
    font-size: 18px;
    margin: 0 0 5px 0;
}
.imageCopy ul.actions{
    text-align: center;
}
.imageCopy ul.actions li{
    display: block;
}
.imageCopy ul.actions a{
    display: inline-block;
    padding: 10px 15px;
}
.imageCopy .actionPrimary a{
    border-style: solid;
    border-width: 1px;
    display: block;
    float: left;
    font-weight: bold;
    outline: medium none;
    padding: 2px 10px;
    text-decoration: none;
}
/**/
/*************
buttons
**************/
/*button group*/
.md .btn_group{
	position: relative;
}
.md .btn_group_opposed{
	text-align: right;
}
/*buttons*/
.md .btn{
	border-style: solid;
	border-width: 1px;
	cursor: pointer;
	height: 20px;
	margin: 0;
	opacity: 1;
	filter:alpha(opacity=100);
	padding: 2px 12px;
	white-space: nowrap;
	overflow: hidden;
}
.md .btn_group_segmented .btn {
	border-left-width: 0;
}
.md .btn_group_segmented .btn:first-child {
	border-left-width: 1px;
}
.md .btn_icon{
	background-position: 0 -638px;
	background-repeat: no-repeat;
	display: block;
	float: left;
	height: 8px;
	width: 8px;
	margin: 0 auto;
}
.btn_icon_only{
	padding: 0 12px;
}
.md .btn_icon_down{
	background-position: 0 -638px;
}
.btn:hover .btn_icon_down{
	background-position: 0 -670px;
}
.md .btn_icon_up{
	background-position: 0 -702px;
}
.btn:hover .btn_icon_up{
	background-position: 0 -734px;
}
.md .btn_icon_left{
	background-position: 2px -768px;
}
.btn:hover .btn_icon_left{
	background-position: 2px -800px;
}
.md .btn_icon_right{
	background-position: 2px -832px;
}
.btn:hover .btn_icon_right{
	background-position: 2px -864px;
}
.md .btn_text{
	margin-right: 8px;
}
.btn_icon_only .btn_text{
	display: block;
	height: 0;
	margin-right: 0;
	text-indent: -9999px;
}
.md .btn_cta{
	display: inline-block;
	height: 20px;
	line-height: 20px;
    text-decoration: none;
    padding: 10px 20px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
/* in tables */
.sortable .header .btn_icon{
	display: inline-block;
	float: none;
}
.sortable .header_hide_icon .btn_icon{
	display: none;
}
.sortable .header_sort_asc .btn_icon{
	background-position: 0 -702px;
}
.sortable .header_sort_asc:hover .btn_icon{
	background-position: 0 -734px;
}
.sortable .header_sort_desc .btn_icon{
	background-position: 0 -638px;
}
.sortable .header_sort_desc:hover .btn_icon{ 
	background-position: 0 -670px;
}

/**/
/*************
Bars
**************/
.md .bar{
	padding: 4px;
}
.md .bar_block{
	margin: -4px -4px 8px;
}
.md .bar_block_snug{
	margin: -4px -4px 1px;
}
.md .bar_tight{
    margin: 0;
}

/**/

.md .heading_split{
	border-bottom-style: solid;
	border-bottom-width: 1px;
}
.md .heading_icons{
	line-height: 20px;
}
.md .heading_filter{
	line-height: 26px;
	padding-right: 200px;
}
/**/

/*************
General list augmentation
**************/
.md .noBullets{
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}
.md .noBullets_snug{
	margin-bottom: 4px;
}
/********
Inline Lists
Default based on "add a payee"
*********/
ul.inline{
	list-style-type: none;
	display: block;
	clear: both;
	margin: 0 0 12px 0;
	padding: 0;
}
ul.inline li{
	background: none;
	padding: 0px 3px 0px 0px;
	margin: 0px;
	display: inline;
}
ul.inline li a{
	padding: 0 1px;
}
/*********
document list
*********/
ul.documentlist{
	margin:0;
	padding:0;
}
ul.documentlist li{
	display:block;
	margin: 0 0 4px 0;
	padding: 4px;
	border-width: 1px;
	border-style: solid;
}
ul.documentlist h5{
	margin: -4px -4px 4px -4px;
	padding:8px 4px 8px 38px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	background-position: 4px 50%;
	background-repeat: no-repeat;
	font-size: 13px;
}
/******
Block DL
Default based on "add a payee"
*******/
dl.block{
	margin: 0px 0px 15px 0px;
	padding: 0;
	display: block;
	clear: both;
}
dl.block dt{
	font-weight: bold;
	display: block;
	clear: both;
	margin: 0px;
	padding: 0px;
}
dl.block dd a:focus{
	margin: 0px 0px 2px 2px;
}
dl.block dd{
	margin:0px 0px 2px 0px;
	padding: 0px;
}
/******
Total DL
Default based on Account Summary accounts total
*******/
.md .inlineTotal{
	border-top: 2px solid #ABABAB;
	font-size: 18px;
	margin-top: 8px;
	padding-top: 8px;
	text-align: right;
}
.inlineTotal dt,
.inlineTotal dd{
	display: inline;
	font-weight: bold;
}
.inlineTotal dd{
	margin-left: 8px;
}
/**
IconChecklist - list items have custom image icon
*//
ul.iconChecklist {
	padding-left: 15px;
}

/**/

/*****
Rates table
******/
table.rates{
	border-width: 0 1px 1px 1px;
	margin-bottom: 12px;
}
table.rates td,
table.rates th{
	border-width: 1px 0 0 0;
}
table.rates th{
	text-align:left;
}
table.rates td,
table.rates .value{
	text-align: right;
}
table.rates tbody th{
	font-weight: normal;
}
/*****
Sortable table
******/
body.waiting{
	cursor: wait;
}
.javascript .sortable th,
.javascript .sortable th label{
	cursor: pointer;
}
.javascript .sortable th label{
	text-decoration: underline;
}
/******************
table modifiers
The following remove default syle
******************/
.md table.noBorder,
.md table.noBorder tr,
.md table.noBorder th,
.md table.noBorder td{
	border-style: none;
}
.md table.noBGColor,
.md table.noBGColor tr,
.md table.noBGColor th,
.md table.noBGColor td{
	background-color: transparent;
}
.md table.textual{
  width:auto;
}
.md table.textual th,
.md table.textual td{
  margin:0;
  padding: 0 4px 0 0;
}
.md table.noTH th,
.md table.noTH tr.header,
.md table.noTH tr.header td,
.md table.noTH tr.header th,
.md table.noTH thead tr,
.md table.noTH thead td,
.md table.noTH thead th,
.md table.noTH tfoot th,
.md table.noTH tfoot td{
  font-weight:normal;
  background-color:inherit;
  color:inherit;
  text-align:left;
}
table.noStripeUnselected tr.even,
table.noStripeUnselected tr.even td,
table.noStripeUnselected tr.even th{
	background-color:inherit;
	color:inherit;
}
.md table.noStripe tr.even,
.md table.noStripe tr.even td,
.md table.noStripe tr.even th,
.md table.noStripe tr.odd,
.md table.noStripe tr.odd td,
.md table.noStripe tr.odd th,
.md table.noStripe tr.evenSelected,
.md table.noStripe tr.evenSelected td,
.md table.noStripe tr.evenSelected th,
.md table.noStripe tr.oddSelected,
.md table.noStripe tr.oddSelected td,
.md table.noStripe tr.oddSelected th{
	background-color:inherit;
	color:inherit;
}
.md table.snug{
	margin-bottom: 4px;
}
.md .fixedTableHeader {
	position: relative;
	overflow-x: hidden;
	overflow-y: auto;
}
.md table.fixedLayout{
	table-layout: fixed;
}

/**/

/**/
/*************
making things accessbile to assistive technologies only
**************/
.md .assistive{
	height: 1px;
	margin-top: -1px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	width: 1px;
}
/**/

/*************
actions dropdown
**************/
.md .actions_dropdown{
	border-style: solid;
	border-width: 1px;
	border-radius: 3px;
	display: none;
	float: right;
	list-style-type: none;
	margin: 1px 0 0;
	padding: 4px 0 0;
	position: absolute;
	right: 0;
	top: 100%;
	z-index: 100;
}
.md .actions_dropdown_opposed{
	left: 0;
	right: auto; 
}
.md .actions_dropdown_up {
	top: auto;
	bottom: 100%;
}
.actions_dropdown a{
	display: block;
	padding: 4px 12px;
	text-decoration: none;
	white-space: nowrap;
	outline: 0;
}
.md .actions_opposed{
	text-align: right;
}
.md .value_stacked{
	clear: both;
	display: block;
}

/**/
/*************
hover behaviours and such
**************/
.visibleOnHover{ visibility: hidden; }
.hover .visibleOnHover{	visibility: visible; }

.invisibleOnHover{ visibility: visible; }
.hover .invisibleOnHover{ visibility: hidden; }

.showOnHover{ display: none; }
.hover .showOnHover{ display: block; }

.hideOnHover{ display: block; }
.hover .hideOnHover{ display: none; }

/*************
Set height to match bars
eg. Budget/spending analysis tables
*************/
table.progressBarsTable td{
	line-height: 22px;
	padding-bottom: 1px;
	padding-top: 1px;
}
/*************
eg. Budget health status bars
div.progressBarContainer [ progressBarContainer_alignRight | progressBarContainer_alignCenter | progressBarContainer_over | progressBarContainer_under | progressBarContainer_near | progressBarContainer_negative ]
	div.progressBar
		span.description
**************/
.md .progressBarContainer{
	border-style: solid;
	border-width: 1px;
	line-height: 18px;
	padding: 0;
	position: relative;
	text-align: left;
}
.progressBarContainer .progressBar{
	border-style: solid;
	border-width: 1px;
	-mox-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	height: 20px;
	white-space: nowrap;
}
.progressBarContainer_zero .progressBar {
	border-width: 0;
	visibility: hidden;
}
.progressBarContainer_noBorder .progressBar{
	border-width: 0;
}
.progressBarContainer .description{
	padding-left: 2px;
	padding-right: 2px;
}
.md .progressBarContainer_alignRight{
	text-align: right;
}
.progressBarContainer_alignCenter .description{
	left: 0;
	position: absolute;
	text-align: center;
	width: 100%;
}
/**/
/**********
Content Containers/Layouts
***********/
/*content columns*/
div.contentColumns{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	clear: both;
	overflow: hidden;
	width: 100%;
}
div.contentColumnsBorder{
	border-style: solid;
	border-width: 1px;
}
div.columnGroup{
	overflow: hidden;
	width: 100%;
}
div.contentColumn{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	float: left;
	padding: 8px 8px 0;
	width: 100%;
}
.OAOLanding div.contentColumn{
	text-align: center;
}
.contentColumns_snugHorizontal .contentColumn{
	padding-left: 0;
	padding-right: 0;
}
.contentColumns_snugVertical .contentColumn{
	padding-top: 0;
}
div.contentColumn > div *:first-child{
	margin-top: 0;
}
.columnGroup2Col .contentColumn{
	width: 50%;
}
.columnGroup3Col .contentColumn{
	width: 33.333333%;
}
.columnGroup4Col .contentColumn{
	width: 25%;
}
.columnGroup5Col .contentColumn{
	width: 20%;
}
/*block*/
.md .block{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	overflow: hidden;
	margin-bottom: 12px;
	width: 100%;
}
.md .block_cushion{
	padding: 4px 4px 0;
}
.md .block_cushion_all{
	padding: 4px;
}
.md .block_cushion_all_thick{
	padding: 12px;
}
.md .block_spacing{
	margin-bottom: 12px;
}
.md .block_tight{
	margin-bottom: 0;
}
.md .block_scrollable{
	height: 200px;
	overflow-y: auto;
	width: 100%;
}
.md .block_border{
	border-style: solid;
}
.md .block_border_all{
	border-width: 1px;
}
.md .block_border_bottom{
	border-bottom-width: 1px;
}
.md .block_border_left{
	border-left-width: 1px;
}
.md .block_border_right{
	border-right-width: 1px;
}
.md .block_border_top{
	border-top-width: 1px;
}
.
.md .block_marker{	
	margin: -1px;
    padding: 16px 12px 12px;
    position: relative;
}
.md .block_marker:before{
	border-left: 8px solid transparent;
    border-right: 8px solid transparent;
	content: "";
    height: 0;
	left: 0;
	position: absolute;
	top: 0;
    width: 0;
}

/**/

/**********
Content Layouts
***********/
/*spending analysis*/
div.spendingCol1,
div.spendingCol2{
	min-height: 50px;
}
div.spendingCol1{
	float: left;
	width: 160px;
}
div.spendingCol2{
	width: 350px;
	float: right;
}
div.spendingGraph{
	clear: both;
	height: 160px;
	width: 160px;
}
div.spendingFilter{
	margin-bottom: 8px;
	overflow: auto;
}
div.spendingFilter label {
	float: left;
	padding: 4px 4px 0;
}
div.spendingFilter form label:first-child {
	padding-left: 0;
}
div.spendingFilter div.selectWrapper {
	float: left;
	overflow: hidden;
	width: 125px;
}
/**/

#ModModalWrapper{
    position: static;
}
.md .modal{
    border-width: 1px;
    border-style: solid;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
	float: left;
    padding: 12px;
    position: fixed;
    width: 520px;
    z-index: 1000;
}
.md .modal_noChrome{
    border-style: solid;
    border-width: 1px;
    border-radius: 15px;
    height: auto;
    padding: 0;
    width: auto;
}
.md .modal_noShadow{
    -webkit-box-shadow: 0 0 0 0 transparent;
    -moz-box-shadow: 0 0 0 0 transparent;
    box-shadow: 0 0 0 0 transparent;
}
.md .modal_noPadding{
    padding: 0;
}
.md .overlay_decorator{
    filter: alpha(opacity=80);
    height: 100%;
    left: 0;
    opacity: 0.8;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    zoom: 1;
}
.md .overlay_wrap{
    display: block;
    height: 100%;
    left: 0;
    overflow: auto;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10001;
}
.md .overlay{
    display: table;
    height: 100%;
    margin: 0 auto;
    position: relative;
    vertical-align: middle;
    z-index: 20000;
}

.md .spinner_overlay {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 30000;
    background-color: rgba(0,0,0,0.5);
}

.md .spinner_container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: -15vh;
}

.md .spinner_modal {
    display: flex;
    flex-flow: column;
    align-items: center;
    width: 520px;
    height: 249px;
    top: 50%;
    left: 50%;
    background-color: white;
    border-radius: 5px;
    text-align: center;
    z-index: 30001; /* 1px higher than the overlay layer */
    position: sticky;
}

.md .spinner_modal .title {
    font-family: "Trebuchet MS";
    font-weight: bold;
    color: #333333;
    font-size: 18px;
    alignment: center;
    line-height: 21px;
    margin-top: 20px;
    margin-bottom: 10px;
}

.md .spinner_modal .description {
    font-family: "Trebuchet MS";
    font-weight: normal;
    color: #333333;
    font-size: 13px;
    alignment: center;
    line-height: 15px;
}


.ml-loader {
    position: relative;
    width: 70px;
    height: 70px;
    margin-top: 53px!important;
}

.ml-loader div {
    -webkit-transform-origin: 32px 32px;
    -ms-transform-origin: 32px 32px;
    transform-origin: 32px 32px;
    -webkit-animation: 1.2s opaque ease-in-out infinite both;
    animation: 1.2s opaque ease-in-out infinite both;
}

.ml-loader div::after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 30px;
    width: 5px;
    height: 18px;
    border-radius: 10px;
    background-color: #000000;
}

.ml-loader div:nth-child(1) {
    -webkit-transform: rotate(0);
    -ms-transform: rotate(0);
    transform: rotate(0);
}
.ml-loader div:nth-child(2) {
    -webkit-transform: rotate(30deg);
    -ms-transform: rotate(30deg);
    transform: rotate(30deg);
    -webkit-animation-delay: 0.1s;
    animation-delay: 0.1s;
}
.ml-loader div:nth-child(3) {
    -webkit-transform: rotate(60deg);
    -ms-transform: rotate(60deg);
    transform: rotate(60deg);
    -webkit-animation-delay: 0.2s;
    animation-delay: 0.2s;
}
.ml-loader div:nth-child(4) {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-animation-delay: 0.3s;
    animation-delay: 0.3s;
}
.ml-loader div:nth-child(5) {
    -webkit-transform: rotate(120deg);
    -ms-transform: rotate(120deg);
    transform: rotate(120deg);
    -webkit-animation-delay: 0.4s;
    animation-delay: 0.4s;
}
.ml-loader div:nth-child(6) {
    -webkit-transform: rotate(150deg);
    -ms-transform: rotate(150deg);
    transform: rotate(150deg);
    -webkit-animation-delay: 0.5s;
    animation-delay: 0.5s;
}
.ml-loader div:nth-child(7) {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
.ml-loader div:nth-child(8) {
    -webkit-transform: rotate(210deg);
    -ms-transform: rotate(210deg);
    transform: rotate(210deg);
    -webkit-animation-delay: 0.7s;
    animation-delay: 0.7s;
}
.ml-loader div:nth-child(9) {
    -webkit-transform: rotate(240deg);
    -ms-transform: rotate(240deg);
    transform: rotate(240deg);
    -webkit-animation-delay: 0.8s;
    animation-delay: 0.8s;
}
.ml-loader div:nth-child(10) {
    -webkit-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    transform: rotate(270deg);
    -webkit-animation-delay: 0.9s;
    animation-delay: 0.9s;
}
.ml-loader div:nth-child(11) {
    -webkit-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
    -webkit-animation-delay: 1s;
    animation-delay: 1s;
}
.ml-loader div:nth-child(12) {
    -webkit-transform: rotate(330deg);
    -ms-transform: rotate(330deg);
    transform: rotate(330deg);
    -webkit-animation-delay: 1.1s;
    animation-delay: 1.1s;
}
.ml-loader div:nth-child(13) {
    -webkit-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg);
    -webkit-animation-delay: 1.2s;
    animation-delay: 1.2s;
}

@-webkit-keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
}

@keyframes opaque {
    0%, 40%, 100% {
        opacity: 0.1;
    }
    40% {
        opacity: 1;
    }
}

.md .dialog_wrap{
    display: table-cell;
    vertical-align: middle;
}
.md .dialog{
    border-style: solid;
    border-width: 2px;
    position: relative;
    outline: none;
}
.md .modalContent{
	max-height: 450px;
	overflow-y: auto;
    padding: 0 1px;
}
.md .modal h1,
.md .modal h2,
.md .modal h3 {
	margin-top: 0px;
}
.md .modal .modal_heading{
    padding: 0 0 10px;
}
.md .modal div.formActions{
    padding-top: 8px;
    padding-bottom: 8px;
}
.md .modal_close{
    background-position: 0 -609px;
    background-repeat: no-repeat;
    display: block;
    height: 31px;
    position: absolute;
    right: -16px;
    text-indent: -9999px;
    top: -16px;
    width: 31px;
    outline: none;
    z-index: 1;
}
.growl_panel{
    width: 520px;
    position: fixed;
    top: 0px;
    z-index: 1000;
    top: 0px;
}
.growl_panel ul{
	margin-bottom: 0px;
}
.growl_panel li{
	background: none repeat scroll 0 0 white;
    border: 1px solid #BABABA;
    -webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    box-sizing: border-box;
    padding: 8px;
    margin-bottom: 4px;
}
.growl_panel li{
	background-color: #ffffcc;
}
.growl_panel p{
	margin-bottom: 0px;
	width: 440px;
}
.growl_panel span.close{
	float: right;
}
.md .modal .modal_activity{
	display: inline-block;
	height: 16px;
	padding-left: 0px; 
	margin: -3px 0 -4px 10px;
}
.md div .selectedBox {
    margin-bottom: 6px;
}

/**/

.md .tip{
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
    -webkit-box-shadow: 0 8px 6px -6px;
    box-shadow: 0 8px 6px -6px;
	padding: 8px 8px 0;
	width: 200px;
}
.md .tip:before{
	background-color: transparent;
	background-position: top left;
	background-repeat: no-repeat;
	content: "";
	display: block;
	float: left;
	height: 16px;
	width: 26px;
	margin-top: -24px;
}
/* (giant tool tip) <div class="contentCallout (bottom|top|left|right|bottom-left|bottom-right|top-left|top-right|right-top|right-bottom|left-top|left-bottom)">...</div> */
div.contentCallout {
	box-sizing: border-box;
	position: relative;
	padding: 15px;
	border-radius: 3px;
}
div.contentCallout.bottom,
div.contentCallout.bottom-left,
div.contentCallout.bottom-right{
	margin-bottom: 10px;
}
div.contentCallout.top,
div.contentCallout.top-left,
div.contentCallout.top-right{
	margin-top: 10px;
}
div.contentCallout.right,
div.contentCallout.right-top,
div.contentCallout.right-bottom {
	margin-right: 10px;
}
div.contentCallout.left,
div.contentCallout.left-top,
div.contentCallout.left-bottom{
	margin-left: 10px;
}
div.contentCallout::before {
	content: "";
	width: 0;
	height: 0;
	border: 0.8em solid transparent;
	position: absolute;
}
div.contentCallout.bottom::before {
	left: 45%;
	bottom: -19px;
}
div.contentCallout.top::before {
	left: 45%;
	top: -19px;
}
div.contentCallout.right::before {
	right: -19px;
	top: 35%;
}
div.contentCallout.left::before {
	left: -19px;
	top: 35%;
}
div.contentCallout.bottom-left::before {
	left: 7px;
	bottom: -19px;
}
div.contentCallout.bottom-right::before {
	right: 7px;
	bottom: -19px;
}
div.contentCallout.top-left::before {
	left: 7px;
	top: -19px;
}
div.contentCallout.top-right::before {
	right: 7px;
	top: -19px;
}
div.contentCallout.right-bottom::before {
	bottom: 7px;
	right: -19px;
}
div.contentCallout.right-top::before {
	top: 7px;
	right: -19px;
}
div.contentCallout.left-bottom::before {
	bottom: 7px;
	left: -19px;
}
div.contentCallout.left-top::before {
	top: 7px;
	left: -19px;
}

/**/

/******************
content tabs - regular and inverted
******************/
.md .contentTabsContainer,
.md .contentTabsContainerFaked{
	border-bottom-Style: solid;
	border-bottom-width: 1px;
	display: block;
	float: left;
	margin-bottom: 12px;
	width: 100%;
}
.contentTabsContainer .contentTabs,
.contentTabsContainerFaked .contentTabs{
	border-bottom-Style: solid;
	border-bottom-width: 1px;
	display: none;/*Hide real tabs without JS*/
	height: 22px;
	list-style-position: outside;
	list-style-type: none;
	margin: 0 0 20px;
	padding: 0;
	width: 100%;
}
.contentTabsContainerFaked .contentTabs,/*Show fake tabs without JS*/
.javascript .contentTabsContainer .contentTabs{/*Show real tabs with JS*/
	display: block;
}
.contentTabsContainerFaked .contentTabHeader,
.javascript .contentTabsContainer .contentTabHeader{/*Hide header for each tab with JS*/
	display: none;
}
.contentTabs li{
	display: block;
	float: left;
	height: 22px;
	margin: 0 1px 0 0;
	padding: 0;
	position: relative;
	top: 1px;
}
/*right side*/
.contentTabs a{
	background-position: right -66px;
	background-repeat: no-repeat;
	display: block;
	font-weight: bold;
	overflow: visible;
	padding-right: 10px;
	text-decoration: none;
}
.contentTabs a:not(:focus){
	outline-width: 0;
	outline-style: none;
}
/*left side*/
.contentTabs span{
	background-position: 0 0;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	line-height: 17px;
	overflow: hidden;
	padding-left: 10px;
	padding-bottom: 2px;
	padding-top: 3px;
}
/*current and current hover state for right side of tab*/
.contentTabs .selected a,
.contentTabs .selected a:hover{
	background-position: right -110px;
}
/*current and current hover state for left side of tab*/
.contentTabs .selected a span,
.contentTabs .selected a:hover span{
	background-position: 0 -44px;
}
/*hover state for right side of tab*/
.contentTabs a:hover{
	background-position: right -88px;
}
/*hover state for left side of tab*/
.contentTabs a:hover span{
	background-position: 0 -22px;
}

/****************************** 
(flexapp) helper.tabify.js 
div.tabify [ 
	[ tabify_vertical | tabify_horizontal ](1) | 
	tabify_opposed | 
	tabify_decor [ tabify_decor_image | tabify_decor_border ](1) ]*
	div.tabify_menu_container
		ul.tabify_menu
			li.tabify_tab [ tabify_tab_active ]? // repeatable item
				div.tabify_tab_content [ tabify_tab_cushion ]? // optional
					a.tabify_tab_label (href='#<IDENTIFIER>')
						span.tabify_tab_label_text // optional
	div.tabify_content_container
		div.tabify_content_frame
			div.tabify_content
				div.tabify_page [ <IDENTIFIER> ] // repeatable item
*******************************/
/* menu base - tabs */
.tabify .tabify_menu_container{
	border-style: solid;
	float: left;
	position: relative;
	width: 100%;
}
.tabify .tabify_menu{
	clear: both;
	list-style-type: none;
	margin: 0;
	padding-left: 0;
}
.tabify .tabify_tab_cushion{
	padding: 2px 4px 0 4px;	
}
.tabify .tabify_tab{
	cursor: pointer;
	float: left;
	margin: 0;
	overflow: hidden;
	position: relative;
	top: 1px;
}
.tabify_tab .tabify_tab_content{
	overflow: hidden;
	width: auto;
}
.tabify .tabify_tab_label{
	display: block;
	font-weight: bold;
	outline-style: none;
	outline-width: 0;
	overflow: visible;
	padding-right: 10px;
	text-decoration: none;
}
.tabify .tabify_tab_label:focus{
	outline: -webkit-focus-ring-color auto 1px;
}
.tabify .tabify_tab_label_text{
	cursor: pointer;
	display: block;
	line-height: 17px;
	overflow: hidden;
	padding: 3px 0 2px 10px;
	width: auto;
}
/* menu base: tabs - active  */
.tabify_decor_border .tabify_tab_active{
	z-index: 1;
}
.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: right -110px;
}
.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -44px;
}
.tabify_decor_border .tabify_tab_content{
	border-style: solid;
	border-width: 1px 1px 0 1px;
}
/* menu base: opposed */
.tabify_horizontal.tabify_opposed .tabify_menu,
.tabify_vertical.tabify_opposed .tabify_menu_container{
	float: right;
}
/* menu base: decorated  - decor_image */
.tabify_decor_image .tabify_menu_container{
	border-bottom-width: 1px;
}
.tabify_decor_image .tabify_tab{
	height: 22px;
}
.tabify_decor_image .tabify_tab_label{
	background-position: right -66px;
	background-repeat: no-repeat;
	display: block;
}
.tabify_decor_image .tabify_tab_label:hover{
	background-position: right -88px;
}
.tabify_decor_image .tabify_tab_label_text{
	background-position: 0 0;
	background-repeat: no-repeat;
}
.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -22px;
}
/* menu base: decorated - decor_border */
/* horizontal layout - menu & tabs */
.tabify_horizontal .tabify_menu{
	float: left;
}
.tabify_horizontal.tabify_decor_border .tabify_menu{
	position: relative;
	top: 2px;
}
.tabify_horizontal.tabify_decor_border .tabify_tab{
	top: -1px;
}
/* horizontal & opposed layout - menu & tabs */
/* vertical layout - tabify menu & tabs */
.tabify_vertical .tabify_menu_container{
	border-width: 0;
	clear: none;
	height: 100%;
	width: 170px;
}
.tabify_vertical .tabify_menu{
	width: 100%;
}
.tabify_vertical .tabify_tab{
	clear: both;
	float: none;
	left: 1px;
	top: 0;
	width: 100%;
}
.tabify_vertical .tabify_tab_label{
	padding: 0 0 0 10px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label{
	background-position: 0 0;
}
.tabify_vertical .tabify_tab_label_text,
.tabify_vertical.tabify_opposed .tabify_tab_label{
	padding-left: 0;
	padding-right: 10px;
}
/* vertical layout: decorated - decor_image */
.tabify_vertical.tabify_decor_image .tabify_tab_label_text{
	background-position: right 0;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label:hover{
	background-position: 0 -22px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: right -22px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: 0 -44px;
}
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_vertical.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: right -44px;
}
.tabify_vertical.tabify_decor_image .tabify_menu_container{
	left: 0;
	z-index: 1;
}
/* vertical layout: decorated - decor_border */
.tabify_vertical.tabify_decor_border .tabify_menu{
	top: 0;
}
.tabify_vertical.tabify_decor_border .tabify_tab{
	padding-left: 5px;
}
.tabify_vertical.tabify_decor_border .tabify_tab_cushion{
	padding: 6px 6px 6px 6px;	
}
.tabify_vertical.tabify_decor_border .tabify_tab_content{
	border-width: 1px;
}
.tabify_vertical.tabify_decor_border .tabify_tab_active .tabify_tab_content{
	border-right-width: 0;
}
.tabify_vertical.tabify_decor_border .tabify_tab_active{
	-webkit-box-shadow: 0 8px 6px -6px black;
    -moz-box-shadow: 0 8px 6px -6px black;
    box-shadow: 0 8px 6px -6px black;
    padding: 0;	
}
/* vertical & opposed layout - menu & tabs */
.tabify_vertical.tabify_opposed .tabify_tab{
	left: 0;
}
.tabify_vertical.tabify_opposed .tabify_tab_label_text{
	padding-left: 10px;
	padding-right: 0;
}
/* vertical & opposed layout: decorated - decor_image */
.tabify_vertical.tabify_opposed.tabify_decor_border,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_menu_container{
	left: -1px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label{
	background-position: right -66px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label_text{
	background-position: 0 -66px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label:hover{
	background-position: right -88px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -88px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover{
	background-position: right -110px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label_text,
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_tab_active .tabify_tab_label:hover .tabify_tab_label_text{
	background-position: 0 -110px;
}
/* vertical & opposed layout: decorated - decor_border */
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab{
	left: -5px;
	padding-left: 0;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_active{
	left: -1px;
	padding-left: 0;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_content{
	padding-left: 11px;
	left: -5px;
}
.tabify_vertical.tabify_opposed.tabify_decor_border .tabify_tab_active .tabify_tab_content{
	border-left-width: 0;
	border-right-width: 1px;
	padding-left: 6px;
}
/* page base - page content */
.tabify .tabify_content_container{
	clear: both;
	overflow: auto;
	position: relative;
	width: 100%;
}
.tabify .tabify_content_frame{
	border-style: solid;
	height: inherit;
	overflow: auto;
	width: auto;
}
.tabify .tabify_content{
	overflow: auto;
	padding: 8px 8px 0px 8px;
	width: auto;
}
.tabify .tabify_content ul li {
	position: relative;
	left: 1em;
	width: 95%; /* necessary to prevent extra width causing overflow */
}
.tabify .tabify_page{
	display: none;
	overflow: auto;
}
.tabify .tabify_page_active{
	display: block;
	width: 100%;
}
/* horizontal layout - page content */
/* vertical layout - page content */
.tabify_vertical .tabify_content_container{
	clear: none;
	width: auto;
}
/* page base: decorated - decor_image */
.tabify_vertical.tabify_decor_image .tabify_content_frame{
	border-left-width: 1px;
}
.tabify_vertical.tabify_opposed.tabify_decor_image .tabify_content_frame{
	border-left-width: 0;
	border-right-width: 1px;
}
/* page base: decorated - decor_border */
.tabify_decor_border .tabify_content_frame{
	border-width: 1px;
}
/* CSS Document */


/*************
Icons
**************/
/*Icons - before or after the text of an element*/
.md .icon_before:before,
.md .icon_after:after{
    background-position: 0 0;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
	height: 16px;
	position: absolute;
	top: 0;
	width: 16px;
}
.md .icon_before,
.md .icon_after{
    background-repeat: no-repeat;
    padding-left: 20px;
    position: relative;
}
.md .icon_before:before{
	margin-right: 4px;
	left: 0;
}
.md .icon_after:after{
	margin-left: 4px;
	right: 0;
}
.md .icon_inline{
	position: static;
}
/* centered icon with text
div.icon_withLabel
	div.icon_withLabel_lower
	div.icon_withLabel_upper
 */
.md .icon_withLabel{
	position: relative;
}
.md .icon_withLabel_lower{
	margin: 0 auto;
	height: 27px;
	width: 27px;
}
.md .icon_withLabel_upper{
	position: absolute;
	left: 0;
	text-align: center;
	top: 8px;
	width: 100%;
}
/*Icons - When used as Image Replacement*/
.md .icon{
    background-repeat: no-repeat;
	padding-left: 16px;
    line-height: 16px;
}
.md .icon_only{
	display: inline-block;
	height: 16px;
	margin: 0 0 0 4px;
    overflow: hidden;
	padding: 0;
	text-align: left;
    text-indent: 100%;
	white-space: nowrap;
	width: 16px;
}
.md .icon_tight{
    margin-left: 0;
    margin-right: 0;
}
.md .icon_only_before{
	margin: 0 4px 0 0;
}
.md .icon_circle{
	background-position: 0 0;
}
.md .icon_none{
	background-position: 0 -32px;
}
.md .icon_success{
	background-position: 0 -64px;
}
.md .icon_alert{
	background-position: 0 -96px;
}
.md .icon_lock{
	background-position: 0 -128px;
    padding-left: 24px;
}
.md .icon_news{
	background-position: 0 -160px;
    padding-left: 24px;
}
.md .icon_plus,
.md .icon_before.icon_plus:before,
.md .icon_after.icon_plus:after{
	background-position: 0 -192px;
}
.md .icon_repeat,
.md .icon_before.icon_repeat:before,
.md .icon_after.icon_repeat:after{
    /*background-position: 0 -224px;*/
    background-position: 0 -1249px;
}
.md .icon_complete,
.md .icon_before.icon_complete:before{
	background-position: 0 -256px;
}
.md .icon_info,
.md .icon_before.icon_info:before{
	background-position: 0 -288px;
}
.md .icon_warning,
.md .icon_before.icon_warning:before{
	background-position: 0 -320px;
}
.md .icon_error,
.md .icon_before.icon_error:before{
	background-position: 0 -352px;
}
.md .icon_close{
	background-position: 0 -896px;
}
.md .icon_close:hover{
	background-position: 0 -928px;
}
.md .icon_payment{
    background-position: 0 -1184px;
}
.md .icon_transfer{
    background-position: 0 -1216px;
}
.md .icon_config{
    background-position: 0 -1344px;
    padding-left: 24px;
}
/* global warning style */
.md div.globalWarning{
    border-style: solid;
    border-width: 2px;
    padding: 10px;
    margin:0 0 10px 0;
}

/**/
/*************
Toggle - Generic Classes
**************/
.md .toggle{
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.md .toggle_header{
	float: right;
	margin-top: -28px;
}
.toggle li{
	display: inline-block;
	margin: 0;
	padding: 0;
}
.toggle a{
	background-position: 0 0;
	background-repeat: no-repeat;
	display: block;
	text-indent: -9999px;
}
/*chart toggle*/
.md .toggle_chart a{
	height: 22px;
	overflow: hidden;
	width: 22px;
}
.md .toggle_chart li{
	margin: 0 0 0 -4px;
}
.md .toggle_chart li:first-child{
	margin-left: 0px;
}
.md .toggle_chart li:last-child{
	margin-left: -5px;
}
.toggle_chart .toggle_chart_pie a{
	background-position: 0 -480px;
	background-repeat: no-repeat;
}
.toggle_chart .toggle_chart_bar a{
	background-position: 0 -544px;
}
.toggle_chart .toggle_chart_pie.current  a,
.toggle_chart .toggle_chart_pie a:hover{
	background-position: 0 -512px;
}
.toggle_chart .toggle_chart_bar.current a,
.toggle_chart .toggle_chart_bar a:hover{
	background-position: 0 -576px;
}
/*show hide toggle*/
.toggle_visibility li{
	display: none;
}
.toggle_visibility .current{
	display: inline-block;
}
.md .toggle_visibility a{
	height: 16px;
	width: 16px;
}
.md .toggle_visibility_show a{
	background-position: 0 -448px;
	background-repeat: no-repeat;
}
.md .toggle_visibility_hide a{
	background-position: 0 -416px;
	background-repeat: no-repeat;
}
/*tip text toggle*/
.md .toggle_tip{
	background-position: 0 -384px;
	background-repeat: no-repeat;
	cursor: pointer;
	display: inline-block;
	height: 16px;
	margin: 0 0 0 10px;
	padding: 0;
	text-align: left;
	text-indent: -9999px;
	width: 16px;
}
.md .toggle_tip_before{
	margin: 0 4px 0 0;
}
.md .toggle_errortip{
	background-position: 0 -352px;
    background-repeat: no-repeat;
	cursor: pointer;
    display: inline-block;
	font-weight: normal;
	height: 16px;
	line-height: 18px;
	margin-left: 10px;
	padding-left: 20px;
}
/**/


div.graphMonthHighlights{
	position: absolute;
	z-index: 1;
}
div.graphMonthContainer{
	position: absolute;
	z-index: 11;
}
div.graphMonthSelectorHover,
div.graphMonthSelectorHighlight{
	position:absolute;
	top:0;
	left:0;
	width:0;
}
div.graphMonthSelectorHighlight{
	z-index: 1;
}
div.graphMonthSelectorHover{
	z-index: 2;
}
div.graphMonthContainer{
	background-color: #FFFFFF;
	filter: alpha(opacity=0); 
    -khtml-opacity: 0;      
    -moz-opacity: 0;       
    opacity: 0;           
}


/* Component-GraphDateRangeSelector */
div.graphMonthSelectorHover {
    background-color: #CAE1FF;
}
div.graphMonthSelectorHighlight {
    background-color: #E7F1FE;
}




/* Component-TransactionCategoryList */
.categoryTransactionsTable .progressBar{
	background-color: #9FC5F8;
}
.categoryTransactionsTable .hover .progressBar{
	background-color: #2B78E4;
}

/*************
Highcharts
*************/
.highcharts-tooltip span{
    z-index: 9999 !important;
}
.widePaddingTooltip .highcharts-tooltip span{
    padding: 3px 500px 0;
}

/*****************
V6.1.1 CSS fix
 ****************/
/* disable axis-label rotation */
.highcharts-axis-labels span {
    transform: none !important;
    -webkit-transform: none !important;
    -moz-transform: none !important;
    -o-transform: none !important;
}
/* reduce font-size to avoid label too long showing character... */
.highcharts-xaxis-labels text {
    font-size: 9px !important;
}
/* PFM Spending Category Gragh: xaxis is showing by default */
.SpendingCategoryGraph .highcharts-axis.highcharts-xaxis {
    display: none;
}
.backgroundTooltip .highcharts-tooltip span{
    background-color: #FFFFFF;
}



/* eTransfer demo */
body.eTransferDemo {
	background-color: #ffffff;
}
body.eTransferDemo div.colContainer {
	width: 810px;
	margin: 0px auto;
}

/**/
/**/


/**/


/**/
/**/


.Popup .mobile{
	padding: 55px 0 0 0;
}
.Popup .mobile .content{
	float: left;
	margin: 0 10px 0 0;
	padding: 0;
	position: relative;
	width: 300px;
}
.Popup .mobile img{
	display: inline;
	clear: none;
	margin: -55px 0 0 0;
}
/**/



.dummyrule{margin: 0}