/* General */

@-webkit-keyframes backgroundScroll {
	from {background-position: center 180px;}
	to {background-position: center bottom;}
}

@keyframes backgroundScroll {
	from {background-position: center 180px;}
	to {background-position: center bottom;}
}

@-webkit-keyframes backgroundScroll2 {
	from {background-position: left 180px;}
	to {background-position: left bottom;}
}

@keyframes backgroundScroll2 {
	from {background-position: left 180px;}
	to {background-position: left bottom;}
}

body {
	xfont-family: arial;
	font-family: 'Open Sans', sans-serif !important;
	background-color: #f2f3fc;
	xbackground-image: url(/management/images/long-bar-bg.jpg);
	background-repeat: repeat-y;
	background-position: left center;
}

a, td {
	font-family: 'Open Sans', sans-serif !important;
}

a:empty {
   xbackground: none !important;
}

.offsetFont {
	color: #666 !important;
	font-size: 0.9em;
	font-style: italic;
}

.quicklinks, .adquicklinks {
	background: none !important;
}

.advactivity, .advactivity2 {
	background: #fff;
	border: 1px solid #eee;
}
.advactivity h3, .advactivity2 h3 {
	background: #6e77a2;
	font-weight: normal;
}

#Dashboard {
	border: 1px solid #eee !important;
}
#Dashboard td {
	border: 1px solid #eee !important;
	background: #fff !important;
}
#Dashboard td td {
	background: #e8ebee !important;
}
#Dashboard h3 {
	background: #6e77a2 !important;
	color: #fff;
	border: none !important;
}

[data-tooltip] {
  position: relative;
  z-index: 2000;
  cursor: pointer;
}
[data-tooltip]:before,
[data-tooltip]:after {
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  pointer-events: none;
}
[data-tooltip]:before {
  position: absolute;
  bottom: 250%;
  left: 50%;
  margin-bottom: 5px;
  margin-left: -80px;
  padding: 7px;
  width: 160px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  background-color: #6c77a0;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  text-align: center;
  font-size: 14px;
  line-height: 1.2;
}
[data-tooltip]:after {
  position: absolute;
  bottom: 250%;
  left: 50%;
  margin-left: -5px;
  width: 0;
  border-top: 5px solid #000;
  border-top: 5px solid hsla(0, 0%, 20%, 0.9);
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
  content: " ";
  font-size: 0;
  line-height: 0;
}
[data-tooltip]:hover:before,
[data-tooltip]:hover:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid: DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.topCell {
    cell-padding: 0;
    cell-spacing: 0;
	margin: 0;
	padding: 0;
	height: 80px !important;
	vertical-align: top !important;
}

#masterTable {
	height: 100%;
    cell-padding: 0;
    cell-spacing: 0;
    margin: 0;
    border: none;
	border-spacing: 0;
}

#masterTable td.topCell {
    cell-padding: 0;
    cell-spacing: 0;
}

.midCol {
	xposition: relative;
	padding-right: 20px;
	padding-bottom: 10px;
}

table.styled td.warning {
	xpadding: 5px;
	background: #ed6b5d;
	border-top: 1px dotted #f3ce85;
	border-bottom: 1px dotted #f3ce85;
	color: #fff;
	margin-bottom: 10px;
	background-image: url(/management/images/exclamation.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 175px;
	font-size: 1.5em;
	xtext-shadow: 1px 1px #bbb;
	padding: 0;
}

table.styled td.warning a {
	xtext-shadow: none;
	background: #fdebe9;
	color: #333;
	border-radius: 10px;
	padding: 3px 6px;
	font-size: 0.9em;
}

table.styled td.warning a:hover, table.styled td.warning a:focus {
	background: #333;
	color: #fdebe9;
}

/* Nav */

#navBG {
	background: #49506c;
}

#navBG input {
	box-sizing: border-box;	
	-moz-box-sizing: border-box;
	width: 100px;
}

table.dxnb td {
	color: #e0e3f2;
	font-weight: normal;
	font-size: 1.1em;
	xletter-spacing: 0.025em;
}

.dxnbGroupContent_Office2003_Olive {
	background: #3d4462;
	border: none;
	font-size: 0.9em;
}

.dxnbGroupContent_Office2003_Olive a {
	color: #e0e3f2;
}

.dxnbGroupContent_Office2003_Olive a:hover, .dxnbGroupContent_Office2003_Olive a:focus {
	color: #fff;
}

.dxnbItem_Office2003_Olive a img, .dxnbGroupContent_Office2003_Olive a img {
	width: 12px !important;
	height: 12px !important;
	filter: invert(95%);
	-webkit-filter: invert(95%);
	filter:progid:DXImageTransform.Microsoft.BasicImage(invert='.95');
	margin-top: -8px;
}

.dxnbGroupHeader_Office2003_Olive {
	border-bottom: 1px solid #7a8eae !important;
	background: #4c598f !important;
	xpadding-top: 8px !important;
	xpadding-bottom: 8px !important;
}

.dxnbItemHover_Office2003_Olive {
	background: #4c5783;
	color: #fff;
	border: none;
	border-left: 1px solid #4c5783 !important;
	cursor: pointer;
}

.dxnbItem_Office2003_Olive {
	xpadding-top: 5px;
	xpadding-bottom: 5px;
	padding-top: 2px;
	padding-bottom: 3px;
	border: none;
}

.dxnbItem_Office2003_Olive a:hover, .dxnbItem_Office2003_Olive a:focus {
	color: #ffffff;
}

#ASPxNavBar1_GHC0 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC1 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC2 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC3 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC4 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC5 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC6 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC7 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC8 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC9 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC10 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC11 table.dxnb td.dxnb::before, #ASPxNavBar1_GHC12 table.dxnb td.dxnb::before {
	color: #e0e3f2;
}

#ASPxNavBar1_GHC0, #ASPxNavBar1_GHE0, #ASPxNavBar1_GHC1, #ASPxNavBar1_GHE1, #ASPxNavBar1_GHC2, #ASPxNavBar1_GHE2, #ASPxNavBar1_GHC3, #ASPxNavBar1_GHE3, #ASPxNavBar1_GHC4, #ASPxNavBar1_GHE4, #ASPxNavBar1_GHC5, #ASPxNavBar1_GHE5, #ASPxNavBar1_GHC6, #ASPxNavBar1_GHE6, #ASPxNavBar1_GHC7, #ASPxNavBar1_GHE7, #ASPxNavBar1_GHC8, #ASPxNavBar1_GHE8, #ASPxNavBar1_GHC9, #ASPxNavBar1_GHE9, #ASPxNavBar1_GHC10, #ASPxNavBar1_GHE10, #ASPxNavBar1_GHC11, #ASPxNavBar1_GHE11, #ASPxNavBar1_GHC12, #ASPxNavBar1_GHE12 {
	background: #49506c;
	border: none;
	border-top: 1px solid #6d7597;
	border-bottom: 1px solid #414865;
	color: #e0e3f2;
	xpadding-top: 10px;
	xpadding-bottom: 10px;
}

#ASPxNavBar1_GHC0:hover, #ASPxNavBar1_GHE0:hover, #ASPxNavBar1_GHC1:hover, #ASPxNavBar1_GHE1:hover, #ASPxNavBar1_GHC2:hover, #ASPxNavBar1_GHE2:hover, #ASPxNavBar1_GHC3:hover, #ASPxNavBar1_GHE3:hover, #ASPxNavBar1_GHC4:hover, #ASPxNavBar1_GHE4:hover, #ASPxNavBar1_GHC5:hover, #ASPxNavBar1_GHE5:hover, #ASPxNavBar1_GHC6:hover, #ASPxNavBar1_GHE6:hover, #ASPxNavBar1_GHC7:hover, #ASPxNavBar1_GHE7:hover, #ASPxNavBar1_GHC8:hover, #ASPxNavBar1_GHE8:hover, #ASPxNavBar1_GHC9:hover, #ASPxNavBar1_GHE9:hover, #ASPxNavBar1_GHC10:hover, #ASPxNavBar1_GHE10:hover, #ASPxNavBar1_GHC11:hover, #ASPxNavBar1_GHE11:hover, #ASPxNavBar1_GHC12:hover, #ASPxNavBar1_GHE12:hover, #ASPxNavBar1_GHC0:focus, #ASPxNavBar1_GHE0:focus, #ASPxNavBar1_GHC1:focus, #ASPxNavBar1_GHE1:focus, #ASPxNavBar1_GHC2:focus, #ASPxNavBar1_GHE2:focus, #ASPxNavBar1_GHC3:focus, #ASPxNavBar1_GHE3:focus, #ASPxNavBar1_GHC4:focus, #ASPxNavBar1_GHE4:focus, #ASPxNavBar1_GHC5:focus, #ASPxNavBar1_GHE5:focus, #ASPxNavBar1_GHC6:focus, #ASPxNavBar1_GHE6:focus, #ASPxNavBar1_GHC7:focus, #ASPxNavBar1_GHE7:focus, #ASPxNavBar1_GHC8:focus, #ASPxNavBar1_GHE8:focus, #ASPxNavBar1_GHC9:focus, #ASPxNavBar1_GHE9:focus, #ASPxNavBar1_GHC10:focus, #ASPxNavBar1_GHE10:focus, #ASPxNavBar1_GHC11:focus, #ASPxNavBar1_GHE11:focus, #ASPxNavBar1_GHC12:focus, #ASPxNavBar1_GHE12:focus {
	background: #4c598f;
	cursor: pointer;
	color: #000 !important;
}

.dxnbItemSelected_Office2003_Olive, .dxnbLargeItemSelected_Office2003_Olive, .dxnbBulletItemSelected_Office2003_Olive {
	xbackground: #3c4461;
	background: #4c598f;
	border-left: 1px solid #4c598f !important;
}


table.tblnavslast, #ASPxNavBar1_GHC13, #ASPxNavBar1_GHE13, #ASPxNavBar1_GC13, td.dxnbImgCellRight_Office2003_Olive img, #MyMiniCart {
	xdisplay: none;
}

.dxnbGroupHeaderCollapsed_Office2003_Olive td {
	xpadding-top: 3px;
	xpadding-bottom: 3px;
}

.dxnbGroupHeaderCollapsed_Office2003_Olive td:hover {
	color: #fff;
	cursor: pointer;
}


/* Nav Topper */

.leftCol .warning {
	padding: 10px;
	background: #ed6b5d;
	border-top: 1px dotted #f3ce85;
	border-bottom: 1px dotted #f3ce85;
	color: #333;
	xtext-shadow: 1px 1px #bbb;
}

.leftCol .warning a {
	color: #fff;
	xtext-decoration: underline;
}

.leftCol .warning a:hover, .leftCol .warning a:focus {
	color: #333
}

#AccountTopper {
	text-align: center;
	color: #697396;
	padding: 20px 10px 10px;
	letter-spacing: 0.025em;
	border-bottom: 1px solid #283047;
}

#AccountTopper a {
	color: #f5ce89;
}

#AccountTopper a:hover, #AccountTopper a:focus {
	color: #cfd4e9;
}

#AccountTopper hr {
	color: #3c4461;
	background: #3c4461;
	height: 1px;
	font-size: 1px;
	border: none;
	border-bottom: 1px solid #545e7d;
	margin: 0 0 5px 0;
	padding: 0;
}

#AccountTopper b {
	color: #ebeef9;
	display: block;
	margin: 7px 0;
	font-weight: normal;
	font-size: 1.2em;
}

#AccountTopper i {
	color: #fff;
}

#AccountTopper i.fa-user-circle-o {
	margin-right: 5px;
}

#AccountTopper .smBtn {
	width: 30px;
	display: inline-block;
	border: 1px solid #8a93b3;
	background: #6c779f;
	color: #fff;
	margin: 0;
	padding: 1px 0;
	border-radius: 10px;
}

#AccountTopper .smBtn:hover, #AccountTopper .smBtn:focus {
	border: 1px solid #2e3243;
	background: #363d54;
	cursor: pointer;
}

#AccountTopper .txtSearch {
	background: #8a94b6;
	color: #fff;
	border: 1px solid #aab1c8;
	border-top: 1px solid #2e3243;
	border-left: 1px solid #2e3243;
	border-radius: 5px;
	padding: 2px;
	text-align: center;
}

#AccountTopper .fa-search {
	display: inline-block;
	margin-right: -2px;
}

::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  	color: #e5e4fc;
}
::-moz-placeholder { /* Firefox 19+ */
  	color: #e5e4fc;
}
:-ms-input-placeholder { /* IE 10+ */
  	color: #e5e4fc;
}
:-moz-placeholder { /* Firefox 18- */
  	color: #e5e4fc;
}

/* Top Bar */

.topBar {
	background: #6d77a1;
	min-height: 23px;
	font-size: 1.5em;
	text-align: center;
	color: #dfdfdf;
}

.PageTitle {
	display: inline-block;
	margin-top: 1px;
	font-weight: normal;
	font-size: 0.9em;
}

.PageTitle img {
	position: relative;
	top: 2px;
}

.utilityIcons {
	background: #6d77a1;
	padding: 0 7px;
	vertical-align: middle;
	xmargin-top: 1px;
}

.utilityIcons i {
	display: inline-block;
	vertical-align: middle;
	margin: 0 5px;
}

.utilityIcons i.tiein-left {
	margin-right: 0;
}

.utilityIcons i.tiein-right {
	margin-left: 0;
	font-size: 0.9em;
	display: inline-block;
	margin-top: -3px;
}

.utilityIcons a {
	color: #dfdfdf;
	cursor: pointer;
}

.utilityIcons a:hover, .utilityIcons a:focus {
	color: #3d4462;	
}

/* Icon Bar */

.iconBar {
	background: #e0e4f2;
	font-size: 1em;
	color: #3d4462;
	border-top: 2px solid #6d77a1;
}

.welcomeIcon {
	float: left;
	margin-left: 15px;
	min-width: 150px;
	margin-top: 4px;
	white-space: nowrap;
}

.welcomeIcon a.profile {
	font-size: 0.7em;
	text-align: left;
	line-height: 1.3em;
	display: block;
	margin-top: 17px;
}

.welcomeIcon i {
	float: left;
	margin-right: 8px;
}

.welcomeIcon a.profile em {
	display: block;
	font-style: normal;
}

.welcomeIcon a {
	color: #373737;
}

.welcomeIcon a:hover, .welcomeIcon a:focus {
	color: #606d9f;
	text-decoration: none;
}

.cartIcon a:hover, .cartIcon a:focus {
	color: #606d9f;
	text-decoration: none;
}

.cartIcon {
	float: right;
	margin-right: 15px;
	margin-top: 4px;
	position: relative;
}

.cartIcon a {
	color: #373737;
}

.cartIcon a:hover, .cartIcon a:focus {
	color: #606d9f;
	text-decoration: none;
}

.cartIcon a em.circLink {
	font-style: normal;
	display: inline-block;
	background: #fa8473;
	border-radius: 10px;
	color: #fff;
	font-size: 0.8em;
	text-align: center;
	padding: 1px 6px;
	position: absolute;
	top: 2px;
	right: -5px;
}

.cartIcon a:hover em.circLink, .cartIcon a:focus em.circLink {
	background: #373737;
	color: #fff;
}

.imageBoxes {
	text-align: center;
}

.imageBox {
	display: inline-block;
	text-align: center;
	font-size: 0.6em;
	padding: 10px 15px;
}

.imageBox a {
	color: #606d9f;
}

.imageBox a:hover, .imageBox a:focus {
	color: #fa8473;
	text-decoration: none;
}

/* Favorites */

#favoritesBar {
	display: block;
	background-color: #49506c;
	background-image: url(/management/images/notch.png);
	background-repeat: no-repeat;
	background-position: bottom center;
	min-width: 15px;
	min-height: 140px;
	color: #dddddd;
	position: absolute;
	right: 0;
	xtop: 2px;
	top: 92px;
	z-index: 1000;
	text-align: center;
	padding: 5px 2px 5px 3px;
	line-height: 1em;
	z-index: 500;
	color: #dddddd;
	cursor: pointer;
}

#favoritesBar:hover, #favoritesBa:focus {
	color: #ffffff;
	background-color: #6d77a1;
}

#favoritesBar b {
	text-transform: uppercase;
	font-size: 0.9em;
}

#favoritesBar i {
	display: block;
	margin-bottom: 3px;
}

#showFavorites {
	display: none;
	min-width: 195px;
	position: absolute;
	right: 20px;
	top: 1px;
	z-index: 10000;
	border-top: 1px solid #fff;
}

#showFavorites a {
	background: #6d77a1;
	color: #fff;
	text-align: right;
	display: block;
	padding: 5px 7px;
	cursor: pointer;
	font-size: 1.1em;
}

#showFavorites a:after {
	content: " •";
}

#showFavorites a:hover, #showFavorites a:focus {
	background: #4f5981;
}

#showFavorites a.editFav {
	background: #49506c;
}

#showFavorites a.editFav:hover, #showFavorites a.editFav:focus {
	background: #2f3654;
}

/* Home - Center */ 

.midCol table.tabsstyledred {
	border: none;
	border-bottom: 1px solid #bbbabb;
}
.midCol table.tabsstyledred tr td {
	border: none;
	padding: 15px;
	font-size: 1.1em;
}
.midCol table.tabsstyledred tr.trTitle td {
	background: #ed6b5d;
	color: #fff;
	padding: 5px;
}
.midCol table.tabsstyledred tr.row {
	background: #fdebe9;
}
.midCol table.tabsstyledred tr.alt {
	background: #fff;
}
.midCol table.tabsstyledred tr.row:hover td, .midCol table.tabsstyledred tr.alt:hover td, .midCol table.tabsstyledred tr.row:focus td, .midCol table.tabsstyledred tr.alt:focus td {
	background: #d86457;
	color: #fff;
}
.midCol table.tabsstyledred tr.row:hover td a, .midCol table.tabsstyledred tr.alt:hover td:hover a, .midCol table.tabsstyledred tr.row:focus td:hover a, .midCol table.tabsstyledred tr.alt:focus td:hover a {
	background: #fff;
	color: #333;
}
.midCol table.tabsstyledred tr td a {
	display: inline-block;
	background: #ee5443;
	color: #fff;
	border-radius: 10px;
	padding: 5px 10px;
}
.midCol table.tabsstyledred tr td a:hover, .midCol table.tabsstyledred tr td a:focus {
	background: #fff;
	color: #333;
	cursor: pointer;
}

.midCol td.highlight {
	padding: 10px;
	border-top: 1px solid #fffafa;
	border-bottom: 1px solid #f1aca4;
	border-right: 1px solid #f1aca4;
	text-align: center;
	font-size: 1.25em;
}

#containerBox {
	position: relative;
}

#centerContent {
	vertical-align: top;
	margin-right: 265px;
	padding-bottom: 10px;
}

#dataBoxes {
	background: #ffffff;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	min-width: 150px;
	text-align: left;	
}

#dateBox {
	text-align: center;
	padding: 10px 0;
	margin-bottom: 10px;
	border-bottom: 2px solid #f2f3fc;
}

#dateBox em {
	margin: 0 10px;
	font-style: normal;
}

#dateBox em.doubleEm {
	margin-left: 50px;
}

#dateBox input {
	background: #bfc5e6;
	color: #49506c;
	border-top: 1px solid #505361;
	border-left: 1px solid #505361;
	border-bottom: 1px solid #dadef1;
	border-right: 1px solid #dadef1;
	padding: 4px;
	margin-right: 2px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#dateBox input[disabled] {
	background: #e2e5f7;
	background: #ccc;
}

#dateBox select {
	background: #bfc5e6;
	color: #49506c;
	border-bottom: 1px solid #505361;
	border-right: 1px solid #505361;
	border-top: 1px solid #dadef1;
	border-left: 1px solid #dadef1;
	padding: 4px;
	margin-right: 2px;
}

#dateBox .btnShow {
	background: #6d77a1;
	color: #fff;
	padding: 4px 10px;
	border-bottom: 1px solid #505361;
	border-right: 1px solid #505361;
	border-top: 1px solid #dadef1;
	border-left: 1px solid #dadef1;
	cursor: pointer;
}

#dateBox .btnShow:hover, #dateBox .btnShow:focus {
	background: #465487;
	color: #fff;
	padding: 4px 10px;
	border-top: 1px solid #505361;
	border-left: 1px solid #505361;
	border-bottom: 1px solid #dadef1;
	border-right: 1px solid #dadef1;
}

#dataBoxes .colHolder {
	width: 100%;
}
#dataBoxes .tabHolder {
	min-width: 390px;
}
#dataBoxes .tabs {
	position: relative;   
	min-height: 202px; 
	width: 100%;
	xdisplay: table-cell;
	padding-top: 10px;
	xmargin-right: 235px;
	background: #e0e4f2; 
}
#dataBoxes .tab {
	background: #bfc5e6;
	cursor: pointer;
	float: left;
	margin-top: -10px;
}
#dataBoxes .tab label {
	background: #bfc5e6; 
	color: #fff;
	padding: 15px 10px;
	font-size: 1.25em;
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	display: block;
}
#dataBoxes .tab [type=radio] {
	display: none;   
}
#dataBoxes .content {
	position: absolute;
	top: 49px;
	left: 0;
	background: #6bafbd;
	right: 0;
	bottom: 0;
	overflow: hidden;
	xword-break: break-all;
	xword-wrap: break-word;
}
#dataBoxes [type=radio]:checked ~ label {
	background: #6bafbd;
	z-index: 2;
	color: #bae1e9;
	border-bottom: 2px solid #6bafbd;
	font-size: 1.75em;
}
#dataBoxes [type=radio]:checked ~ label ~ .content {
	z-index: 1;
}

#dataBoxes .content div {
	display: inline-block;
	min-height: 121px;
	width: 49.3%;
	color: #fff;
	xfont-size: 2.5em;
	font-size: 2em;
	text-align: center;
	padding-top: 40px;
}

#dataBoxes .content div b {
	font-size: 1.5em;
	display: block;
	font-weight: normal;
}

#dataBoxes .content div a {
	color: #fff;
}

#dataBoxes .content div a:hover, .content div a:focus {
	color: #0e4d5a;
}

#regBox {
	border-right: 2px solid #fff;
	background-image: url(/management/images/person-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom; 
	-webkit-animation: backgroundScroll 1s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 1s linear 1;
    animation-fill-mode: forwards;
}

#incomeBox {
	background-image: url(/management/images/money-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-animation: backgroundScroll 1s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 1s linear 1;
    animation-fill-mode: forwards;
}

.transHolder {
	background-color: #6d77a1;
	background-image: url(/management/images/pie-bg.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	-webkit-animation: backgroundScroll 1s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll 1s linear 1;
    animation-fill-mode: forwards;
}

#transBox {
	xmax-width: 225px;
	min-width: 100px;
	color: #fff;
	padding: 5px 5px 15px 5px;
	text-align: center;
	font-size: 1.25em;
}

#transBox b {
	font-size: 1.75em;
	font-weight: normal;
	display: block;
	margin-bottom: 10px;
}

#transBox .transContent {
	margin: 0 auto;
	xwidth: 75%;
}

#transBox a {
	color: #dcdee5;
	display: block;
	xtext-align: right;
}

#transBox a strong {
	font-weight: normal;
	xtext-align: left;
	line-height: 1.5em;
}

#transBox a:hover, #transBox a:focus, #transBox a.refundText:hover strong, #transBox a.refundText:focus strong,  #transBox a.balText:hover strong, #transBox a.balText:focus strong {
	color: #4bbfc0;
}

#transBox a.refundText strong {
	color: #8dc0d1;
	font-weight: bold;
}

#transBox a.balText strong {
	color: #ecc1f1;
	font-weight: normal;
}

#updatesCol {
	vertical-align: top;
}

#buttonBoxes a {
	display: inline-block;
	xmin-height: 60px;
	xmin-width: 100px;
	border: 1px solid #d2d8e8;
	font-size: 1.25em;
	color: #49506c;
	text-align: center;
	xpadding: 5px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fcfbfc+0,e6e8f0+100 */
	background: #fcfbfc; /* Old browsers */
	background: -moz-linear-gradient(top, #fcfbfc 0%, #e6e8f0 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #fcfbfc 0%,#e6e8f0 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #fcfbfc 0%,#e6e8f0 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fcfbfc', endColorstr='#e6e8f0',GradientType=0 ); /* IE6-9 */
	font-size: 0.7em;
	margin: 5px;
	white-space: normal;
	word-wrap: break-word;
}

#buttonBoxes a:hover, #buttonBoxes a:focus {
	color: #58a1b0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,c1f0ff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #c1f0ff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#c1f0ff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#c1f0ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#c1f0ff',GradientType=0 ); /* IE6-9 */
}

#buttonBoxes a:hover i, #buttonBoxes a:focus i {
	color: #58a1b0;
}

#buttonBoxes i {
	color: #9779ae;
	float: right;
	font-size: 4em;
	xmargin-top: 15px;
	margin-right: 5px;
	margin-top: 5px;
}

@media all and (max-width: 1400px) {
    #buttonBoxes a {
		font-size: 0.65em;
	}
}
@media all and (max-width: 1200px) {
    #buttonBoxes a {
		font-size: 0.55em;
	}
}
@media all and (max-width: 1100px) {
    #buttonBoxes a {
		font-size: 0.45em;
	}
}

#buttonBoxes b {
	font-weight: normal;
	display: inline-block;
	text-align: center;
	xwidth: 100px;
	xmargin-top: 10px;
	padding: 0;
}

#updatesBox {
	xbackground-color: #6bafbd;
	background-image: url(/management/images/magic-wand.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	xmin-width: 315px;
	margin-top: 10px;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	color: #fff;
	padding: 20px;
	text-align: center;
	margin: 10px auto;
	width: 75%;
	background-color: #4f5c8c;
	border-right: 1px solid #3a4055;
	border-bottom: 1px solid #3a4055;
	border-top: 1px solid #c9cede;
	border-top: 1px solid #c9cede;
	-webkit-animation: backgroundScroll2 0.75s linear 1;
    -webkit-animation-fill-mode: forwards;
    animation: backgroundScroll2 0.75s linear 1;
    animation-fill-mode: forwards;
}

#updatesBox b {
	font-size: 1.5em !important;
	display: block;
	margin-bottom: 10px;
	font-weight: normal;
	color: #fff !important;
}

#updatesBox a {
	background: #36a2eb;
	color: #fff;
	display: inline-block;
	border-radius: 10px;
	padding: 5px 10px;
}

#updatesBox a:hover {
	color: #1a78b8;
	background: #fff;
}

#chartBox {
	background: #ffffff;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	xmin-width: 150px;
	margin-top: 10px;
	text-align: center;
}

.chartTD {
	vertical-align: top;
}

#chartBox b {
	color: #6d77a1;
	font-size: 2em;
	font-weight: normal;
	display: inline-block;
	padding: 10px;
}

canvas {
	width: 100% !important;
	min-width: 300px;
	max-height: 300px;
	xmargin: 0 auto;
}

/* Home - Right */ 

#rightContent {
	width: 255px;
	vertical-align: top;
	position: absolute;
	right: 0;
	top: 0;
	padding-bottom: 10px;
}

#alertBox {
	background: #ed6b5d;
	xborder-top: 6px solid #6d77a1;
	border-top: 6px solid #9c3429;
	border-radius: 0 0 10px 10px;
	xmin-height: 50px;
	background-image: url(/management/images/exclamation-fade.png);
	background-repeat: no-repeat;
	background-position: center left;
	background-size: 75px;
	color: #fff;
	font-size: 1.65em;
	padding: 15px;
	margin-top: -15px;
	margin-bottom: 10px;
}

#alertBox a {
	display: inline-block;
	background: #f98574;
	border-radius: 10px;
	color: #fff;
	padding: 1px 7px;
}

#alertBox a:hover, #alertBox a:focus {
	background: #fff;
	color: #f98574;
}

#attentionBox {
	background: #ffffff;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	min-width: 150px;
	margin-top: 10px;
	text-align: left;
	font-size: 1.25em;
}

#attentionBox b {
	display: block;
	background: #bedbf0;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
}

#attentionBox a {
	display: block;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px solid #f2f3fa;
	color: #3d4462;
	border-left: 5px solid #bfc6e0;
	margin-bottom: 1px;
}

#attentionBox a:hover, #attentionBox a:focus {
	background: #badaf1;
	color: #1e2338;
}

#attentionBox a i {
	float: right;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	padding: 1px 6px;
	text-align: center;
	margin-right: 5px;
	margin-top: -3px;
}

#attentionBox a:hover i, #attentionBox a:focus i {
	background: #fff;
	color: #3d4462;
}

#attentionBox a.invIssue {
	background: #f9e1e1;
}

#attentionBox a.invIssue:hover, #attentionBox a.invIssue:focus {
	background: #f47b7b;
}

#attentionBox a.invIssue:hover i, #attentionBox a.invIssue:focus i {
	background: #f47b7b;
	color: #fff;
}

#attentionBox a.invIssue i {
	color: #da3939;
	font-size: 1.5em;
	margin-right: 0;
}

#attentionBox a.payIssue {
	background: #fbebde;
}

#attentionBox a.payIssue:hover, #attentionBox a.payIssue:focus {
	background: #efa86f;
}

#attentionBox a.payIssue:hover i, #attentionBox a.payIssue:focus i {
	background: #efa86f;
	color: #fff;
}

#attentionBox a.payIssue i {
	color: #e37a24;
	font-size: 1.5em;
	margin-right: 0;
}

#attentionBox a.disbIssue {
	background: #fbdee8;
}

#attentionBox a.disbIssue:hover, #attentionBox a.disbIssue:focus {
	background: #e28aa9;
}

#attentionBox a.disbIssue:hover i, #attentionBox a.disbIssue:focus i {
	background: #e28aa9;
	color: #fff;
}

#attentionBox a.disbIssue i {
	color: #e22060;
	font-size: 1.5em;
	margin-right: 0;
}

i.blueBubble {
	background: #36a1eb;
}

i.lightPurpleBubble {
	background: #9779ae;
}

i.midPurpleBubble {
	background: #6d77a1;
}

i.darkPurpleBubble {
	background: #49506c;
}

i.tealBubble {
	background: #4bbfc0;
}

#gradeBox {
	background: #ffffff;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	min-width: 150px;
	margin-top: 10px;
	text-align: left;
	padding: 10px;
	text-align: center;
	xfont-weight: bold;
	color: #333;
	font-size: 1.15em;
}

#utilityBox {
	background: #ffffff;
	border-right: 1px solid #cecfd6;
	border-bottom: 1px solid #cecfd6;
	min-width: 150px;
	margin-top: 10px;
	text-align: left;
	font-size: 1.25em;
}

#utilityBox a i {
	float: right;
	display: inline-block;
	border-radius: 10px;
	color: #fff;
	font-weight: bold;
	font-size: 1em;
	font-style: normal;
	padding: 1px 6px;
	text-align: center;
	margin-right: 5px;
	margin-top: -3px;
}

#utilityBox b {
	display: block;
	background: #c5e0e6;
	padding: 5px 5px 5px 10px;
	border-top: 1px solid #fff;
}

#utilityBox span {
	display: block;
	padding: 4px 5px 4px 10px;
	border-bottom: 1px solid #f2f3fa;
	border-left: 5px solid #bfc6e0;
	margin-bottom: 1px;
}

#utilityBox a {
	color: #233c5f;
}


#utilityBox i {
	font-size: 0.7em;
	font-style: normal;
}

#utilityBox span:hover, #utilityBox span:focus {
	background: #c1e5ec;
}

#utilityBox a:hover, #utilityBox a:focus {
	color: #1e2338;
}

/* Forms */

.fieldList {
	padding-right: 10px;
	xxwidth: 200px;
	width: 115px;
	padding-top: 15px;
}
.fieldList div {
	xposition: -webkit-sticky;  // required for Safari
    xposition: sticky;
    xtop: 0; // required as well.
}

.fieldList a {
	display: block;
	xxbackground: #9779ae;
	border: 1px solid #ccc;
	padding: 10px;
	margin: 5px 0;
	border-radius: 10px;
	xxwidth: 150px;
	xtext-align: center;
	xfont-weight: normal;
	xxcolor: #fff;
	xxfont-size: 1.2em;
	width: 75px;
	background: #e3e8fa;
	color: #333;
	font-size: 0.9em;
	text-align: center;
	vertical-align: center;
	border: 1px solid #bbb;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e3e8fa+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 0%, #e3e8fa 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ffffff 0%,#e3e8fa 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ffffff 0%,#e3e8fa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e8fa',GradientType=0 ); /* IE6-9 */
	white-space: nowrap;
}

.fieldList a.aspNetDisabled {
	color: #cccccc;
}


.fieldList i {
	display: block;
	font-size: 2em;
	xmargin-bottom: 5px;
}
.fieldList a:hover, .fieldList a:focus {
	background: #fff;
	color: #9779ae;
}

.fieldData {
	xxbackground: #e3e8fa;
	xxborder: 1px solid #a6afd0;
	border-radius: 10px;
}
.titleData {
	background: #c4cff5;
	padding: 10px;
	border-bottom: 1px solid #a6afd0;
	border-radius: 10px;
}
.titleData input {
	width: 300px;
}
.editable {
	background: #fff;
	width: 300px;
	display: block;
	padding: 5px;
	border: 1px solid #a6afd0;
}
.fieldData li {
	background: #fff;
	border-radius: 10px;
	margin: 0;
	padding: 0;
	box-shadow: 5px 5px 5px #ccc;
	border: 1px solid #eee !important;
}
.fieldData input, .fieldData textarea {
	border: 1px solid #ccc;
}
.fieldData input.FieldDesc {
	xxwidth: 75%;
	width: 95%;
	padding: 5px;
	border: 1px solid #ddd !important;
}
.fieldData textarea {
	xxwidth: 50%;
	width: 95%;
	padding: 5px;
	border: 1px solid #ddd !important;
}
.fieldData b, .fieldData {
	color: #333;
}
.fieldData table td {
	padding: 5px;
}

#Content_rptFormFields_btnAddField_5, #Content_rptFormFields_btnAddField_2 {
	margin-top: 20px;
}

#Content_rptFormFields_btnAddField_5:before {
  xcontent: "Some text here";
}

b.descTitle {
	text-align: center;
	display: block;
	width: 97px;
	font-size: 0.9em;
	color: #404d82;
}

div.selectionData {
	border-radius: 10px;
	padding: 15px;
	background: #e1e7fa;
	text-align: center;
}

.optionDivider {
	 display: block; 
	 margin: 10px 0; 
	 background: #ccc; 
	 color: #ccc;
}

.miniTitle {
	color: #404d82; 
	font-size: 1.1em; 
	margin-bottom: 5px;
}

.formFields input[type="radio"], .formFields input[type="checkbox"] {
	width: auto !important;
	margin-left: 10px;
	margin-bottom: 10px;
	margin-top: 5px;
}

/** Page Tables **/

table.tableBasic {
	display: block;	
	width: auto;
}

table.tableBasic td {
	padding: 15px;
	text-align: center;
}

#helpjuice-widget {
	margin-top: 7px !important;
	display: none !important;
}

table.gvstyled { padding: 0px  !important; }
table.gvstyled tr td td { padding: 3px 6px 3px 6px !important;}
table.gvstyled tr.row td { padding: 3px 3px 3px 3px !important;}
table.gvstyled tr.alt td { padding: 3px 3px 3px 3px !important;}

.radio-toolbar input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar label {
	display: inline-block;
	background-color: #1da800;
	padding: 10px 20px;
	font-family: sans-serif, Arial;
	font-size: 16px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 4px;
	margin: 5px;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+51,a2daf5+83,bdf3fd+100;Blue+Gloss+%231 */
	background: #b8e1fc; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8e1fc 0%, #a9d2f3 10%, #90bae4 25%, #90bcea 37%, #90bff0 50%, #6ba8e5 51%, #a2daf5 83%, #bdf3fd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b8e1fc 0%,#a9d2f3 10%,#90bae4 25%,#90bcea 37%,#90bff0 50%,#6ba8e5 51%,#a2daf5 83%,#bdf3fd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8e1fc', endColorstr='#bdf3fd',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
}
.radio-toolbar input[type="radio"]:checked + label, .radio-toolbar input[type="radio"]:focus + label, .radio-toolbar label:hover {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8fcbd+0,a9f3b2+10,90e49e+25,90eaa0+37,90f0a2+50,6be57f+51,a3f5a3+83,c9fdbd+100 */
	background: #b8fcbd; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8fcbd 0%, #a9f3b2 10%, #90e49e 25%, #90eaa0 37%, #90f0a2 50%, #6be57f 51%, #a3f5a3 83%, #c9fdbd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b8fcbd 0%,#a9f3b2 10%,#90e49e 25%,#90eaa0 37%,#90f0a2 50%,#6be57f 51%,#a3f5a3 83%,#c9fdbd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b8fcbd 0%,#a9f3b2 10%,#90e49e 25%,#90eaa0 37%,#90f0a2 50%,#6be57f 51%,#a3f5a3 83%,#c9fdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8fcbd', endColorstr='#c9fdbd',GradientType=0 ); /* IE6-9 */
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}


.radio-toolbar-full input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar-full input[type="radio"] {
  opacity: 0;
  position: fixed;
  width: 0;
}
.radio-toolbar-full label {
	display: inline-block;
	background-color: #1da800;
	padding: 5px 5px;
	font-family: sans-serif, Arial;
	font-size: 16px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-radius: 4px;
	margin: 2px;
	width: 97%;

	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8e1fc+0,a9d2f3+10,90bae4+25,90bcea+37,90bff0+50,6ba8e5+51,a2daf5+83,bdf3fd+100;Blue+Gloss+%231 */
	xbackground: #f5f6f6; /* Old browsers */
	xbackground: -moz-linear-gradient(top,  #f5f6f6 0%, #dbdce2 21%, #b8bac6 49%, #dddfe3 80%, #f5f6f6 100%); /* FF3.6-15 */
	xbackground: -webkit-linear-gradient(top,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* Chrome10-25,Safari5.1-6 */
	xbackground: linear-gradient(to bottom,  #f5f6f6 0%,#dbdce2 21%,#b8bac6 49%,#dddfe3 80%,#f5f6f6 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	xfilter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f6f6', endColorstr='#f5f6f6',GradientType=0 ); /* IE6-9 */
	
	/* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#f6f8f9+0,e5ebee+50,d7dee3+51,f5f7f9+100;White+Gloss */
	background: #f6f8f9; /* Old browsers */
	background: -moz-linear-gradient(top,  #f6f8f9 0%, #e5ebee 50%, #d7dee3 51%, #f5f7f9 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #f6f8f9 0%,#e5ebee 50%,#d7dee3 51%,#f5f7f9 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#f5f7f9',GradientType=0 ); /* IE6-9 */

	color: black; /* Old browsers */
	cursor: pointer;
	text-align: left;
}
.radio-toolbar-full input[type="radio"]:checked + label, .radio-toolbar input[type="radio"]:focus + label, .radio-toolbar label:hover {
   /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#b8fcbd+0,a9f3b2+10,90e49e+25,90eaa0+37,90f0a2+50,6be57f+51,a3f5a3+83,c9fdbd+100 */
	background: #b8fcbd; /* Old browsers */
	background: -moz-linear-gradient(top,  #b8fcbd 0%, #a9f3b2 10%, #90e49e 25%, #90eaa0 37%, #90f0a2 50%, #6be57f 51%, #a3f5a3 83%, #c9fdbd 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #b8fcbd 0%,#a9f3b2 10%,#90e49e 25%,#90eaa0 37%,#90f0a2 50%,#6be57f 51%,#a3f5a3 83%,#c9fdbd 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #b8fcbd 0%,#a9f3b2 10%,#90e49e 25%,#90eaa0 37%,#90f0a2 50%,#6be57f 51%,#a3f5a3 83%,#c9fdbd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b8fcbd', endColorstr='#c9fdbd',GradientType=0 ); /* IE6-9 */
	color: black; /* Old browsers */
	cursor: pointer;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}