h1, h2, h3, h4, h5, h5, p, ul, ol, li, dl, dt, dd,
body,
input,
#navigation,
#search input,
#sidebar .sidebar-accordion-menu-header-text,
.card-description,
.dark-font,
.ext-ux-wiz-Header-title,
.info span,
.offer-price-text,
.tabs, .tabs > li > a .x-window-tl .x-window-header,
.x-tab-strip span.x-tab-strip-text,
.x-tab-strip-active span.x-tab-strip-text,
.x-btn, .x-btn button,
.x-tab,
.x-toolbar td, .x-toolbar span, .x-toolbar input, .x-toolbar div, .x-toolbar select, .x-toolbar label,
.x-grid-group-hd div,
.x-menu-list-item,
.x-form-item,
.x-form-field,
.x-fieldset-header-text,
.x-panel-tl .x-panel-header,
.x-window-mc,
.x-form-item {
	color: #666666 !important;
	text-shadow: none !important;
}


a:link {
	color: #009BD7;
}

a:visited {
	color: #009BD7;
	opacity: 0.8;
	filter: alpha(opacity=80);
	!important;
}

a:hover {
	color: #007dbc;
}

a:active {
	color: #009BD7;
}


#document,
#navigation .tabs, #navigation .tabs li,
.badge,
.contact,
.deal_flow, .deal_flow li.first, .deal_flow li.first a,
.dropdown,
.empty-text,
.has_sub_dropdown ul.sub_dropdown,
.info,
.masthead-badge, .masthead-badge a,
.message,
.search-middle,
.sub_dropdown,
.tabs, .tabs li, .tabs li a,
.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:first-child,
.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:nth-last-child(3),
.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active,
.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active .x-tab-strip-text,
.wizard .x-form-label-left,
.x-form-text, textarea.x-form-field,
.x-ghost,
.x-panel,
.x-panel-tl,
.x-panel-tbar .x-toolbar,
.x-tab-strip li:first-child,
.x-toolbar,
.x-window,
.x-window-tl,
.deal_flow li.last, .deal_flow li.last a,
input[type=text], input[type=password] {
	border-radius: 0 !important;
}

#navigation ul.tabs li.has_dropdown ul.dropdown {
	-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1), -2px 2px 3px rgba(0,0,0,0.1);
	-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1), -2px 2px 3px rgba(0,0,0,0.1);
	box-shadow: 2px 2px 3px rgba(0,0,0,0.1), -2px 2px 3px rgba(0,0,0,0.1);
}

	#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown ul.sub_dropdown {
		-moz-box-shadow: 2px 2px 3px rgba(0,0,0,0.1), 2px 2px 3px rgba(0,0,0,0.1);
		-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,0.1), 2px 2px 3px rgba(0,0,0,0.1);
		box-shadow: 2px 2px 3px rgba(0,0,0,0.1), 2px 2px 3px rgba(0,0,0,0.1);
	}



#loading .loading-indicator {
	background: white;
	color: #666666;
	font: bold 13px tahoma,arial,helvetica;
	padding: 15px;
	margin: 0;
	height: auto;
	border: solid 2px #009BD9 !important;
}

body {
	background-image: none !important;
	background-color: #F7F7F8 !important;
}

#header {
	background: #009BD9 url(//eu1-us1.ckcdnassets.com/1926/logos/background.jpg) left center !important;
	background-size: auto 68px;
	height: 53px;
}


/* Masthead Instance Name */
#company-name {
	color: #FFFFFF;
}


/* Buttons */
.masthead-badge,
.masthead-badge a,
.masthead-badge a:visited,
#member-actions span {
	color: #ECEFF2 !important;
}

.masthead-badge {
	background: #007dbc;
}

	.masthead-badge:hover {
		background: rgba(225, 225, 225, 0.3);
		color: rgba(255, 255, 255, 0.9) !important;
	}

		.masthead-badge:hover a {
			color: rgba(255, 255, 255, 0.9) !important;
		}


/*  that weird line between tasks & email */
#tasks {
	border-right: 1px solid transparent !important;
}
/* NEEDS to be converted border-left-color: #4B4F54 @ 50% opacity ; */
#welcome {
	border-left: 1px solid rgba(75, 79, 84, 0.5) !important;
	border-left: 1px solid rgba(#4B4F54, 0.5) !important;
}



#navigation {
	background: #4AB0E4;
	border-color: #4AB0E4 !important;
	max-height: 42px;
}


	/* -------------------------------
	SEARCH BOX
------------------------------- */
	#navigation .search-wrapper {
		border-color: #4AB0E4 !important;
		background: #4AB0E4 !important;
		-moz-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
		-webkit-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
		box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
	}

.search-left,
.search-middle,
.search-right {
	background-image: none;
}

#navigation .search-wrapper .search-left .search-right .search-middle {
	background-color: #ffffff;
}




/* -------------------------------
	PRIMARY NAV TABS - STATIC
------------------------------- */


#navigation ul.tabs {
	background: #4AB0E4;
	border-color: #4AB0E4 !important;
	-moz-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
}

	#navigation ul.tabs li {
		border-color: #4AB0E4 !important;
	}

		#navigation ul.tabs li.has_dropdown {
			border-color: #4AB0E4 !important;
		}

		#navigation ul.tabs li a.icon {
			border: #4AB0E4 !important;
			color: #F7F7F8 !important;
		}

.tabs > li > a {
	text-shadow: none !important;
}



#navigation ul.tabs li.current,
#navigation ul.tabs li.has_dropdown.current {
	border-color: #F7F7F8 !important;
	background-color: #F7F7F8 !important;
	-moz-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	-webkit-box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
	box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1);
}

	#navigation ul.tabs li.current a.icon {
		color: #4AB0E4 !important;
		border-color: #F7F7F8 !important;
		background-color: #F7F7F8 !important;
	}

#navigation .tabs > li.current > a,
#navigation .tabs > li.current:hover > a {
	color: #4AB0E4 !important;
}



/* -------------------------------
	PRIMARY NAV TABS - HOVER
------------------------------- */
#navigation ul.tabs li:hover,
#navigation ul.tabs li.current:hover {
	background: #F7F7F8 !important;
}

#navigation ul.tabs li.current:hover {
	border-left-color: #dee1e4 !important;
	border-right-color: #dee1e4 !important;
}

	#navigation ul.tabs li:hover a,
	#navigation ul.tabs li.current:hover a {
		color: #4AB0E4 !important;
	}



/* -------------------------------
	DROPDOWN - STATIC
------------------------------- */
#navigation ul.tabs li.has_dropdown ul.dropdown {
}
/*#navigation ul.tabs li.has_dropdown ul.dropdown li {}
#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown {}*/
#navigation .tabs ul.dropdown li.has_sub_dropdown {
	background: url('//cakecdn.com/portals/static/images/icons/new/darkred/sub_dropdown_arrow.png') no-repeat right !important;
}

#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown a {
}

#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown ul.sub_dropdown {
}

	#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown ul.sub_dropdown li {
	}

		#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown ul.sub_dropdown li a {
		}





/* -------------------------------
	DROPDOWN HOVER
------------------------------- */
#navigation ul.tabs li.has_dropdown:hover #navigation ul.tabs li.has_dropdown ul.dropdown:hover,
#navigation ul.tabs li.has_dropdown ul.dropdown li:hover,
#navigation ul.tabs li.has_dropdown ul.dropdown li:hover a:hover,
#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown:hover,
#navigation ul.tabs li.has_dropdown ul.dropdown li.has_sub_dropdown a:hover {
	background: #F7F7F8 !important;
	text-shadow: none !important;
}

#navigation ul.tabs li.current:hover #navigation ul.tabs li.current ul.dropdown:hover,
#navigation ul.tabs li.current ul.dropdown li:hover,
#navigation ul.tabs li.current ul.dropdown li.has_sub_dropdown:hover {
	background: #F7F7F8 !important;
	text-shadow: none !important;
}

	#navigation ul.tabs li.current ul.dropdown li:hover a:hover,
	#navigation ul.tabs li.current ul.dropdown li.has_sub_dropdown a:hover {
		background: #ECEFF2 !important;
		text-shadow: none !important;
	}

li.current .dropdown {
	background: #F7F7F8 !important;
	text-shadow: 0 1px 0 #F7F7F8;
	border-color: #dee1e4;
}

	li.current .dropdown li a {
		border-color: #F7F7F8 !important;
		text-decoration: none;
	}

#navigation .tabs li.current ul.sub_dropdown {
	background: #F7F7F8;
}


/* -------------------------------
	SIDEBAR
------------------------------- */
#sidebar {
	background-color: #01121B !important;
	height: 100%;
	margin-top: -1px; /*line up top of secondary nav with the top of the reports on the stats page, the better*/
	width: 170px; /* making it a little wider to accomidate some silly long items */
}


/* -------------------------------
	ACCORDIAN
------------------------------- */
li.has_sidebar_accordion {
	margin-bottom: 5px; /* so that there's a visual break betwen items */
	/* the below is to hide that stupid 1px overflow on the left */
	width: 170px;
	overflow: hidden;
}

#sidebar .sidebar-accordion-menu {
	border-left: 5px solid #009bd7;
}

#sidebar .sidebar-accordion-submenu {
	border-left: 5px solid #007dbc;
	margin-left: -5px;
}

#sidebar .sidebar-accordion-menu-header {
	background: #01121B;
	opacity: 1;
	/* overwrite gradient */
	background-color: #01121B;
	border-color: #color_nav_secondary;
}

#sidebar .sidebar-accordion-menu-header-text {
	color: #fff !important;
}

#sidebar .sidebar-accordion-menu-header {
	border-right-color: #01121B !important;
}



/* -------------------------------
	TOP LEVEL TABS
------------------------------- */
.major li,
.major a {
	border-bottom: none !important;
	color: #F7F7F8 !important;
	text-shadow: none !important;
}

	.major li a:hover span:first-child {
		text-decoration: none;
		color: #009BD7 !important;
	}

	.major li.current {
		margin: 0;
	}

/* opacity: 0.6; */

/* 
#sidebar .sidebar-accordion-submenu:hover {
	opacity: 0.6;
}
*/

opacity: 0.6;
}

*/ .major li:hover > a, {
	color: #007dbc !important;
}



/* ACTIVE TAB */
#sidebar li.current {
	background: #009bd7;
	/* overwrite gradient */
	background-color: #009bd7;
	border: none !important;
	/* color: #F7F7F8 !important; */
	text-shadow: none !important;
}


.major li.current a span:first-child {
	/* color: #007dbc !important; */
	color: #F7F7F8 !important;
}

#sidebar li.current:hover a span {
	color: #F7F7F8 !important;
}







#sidebar .badge,
#sidebar .sidebar-accordion-menu-badge {
	background-color: #009BD9;
	border-radius: 10px !important;
}

#sidebar .sidebar-accordion-submenu {
	border-right: none !important;
	background: #01121B;
}

	#sidebar .sidebar-accordion-submenu:hover {
		color: #009BD7 !important;
	}

	#sidebar .sidebar-accordion-submenu a {
		padding-left: 10px;
	}


/* border */
/* border */
.panel_outline {
	border-color: #dddfe2 !important;
}


/* trying to get the header in the reports tab */
.x-panel-tc {
	background-color: #009BD9 !important;
	color: #ECEFF2 !important;
}

	.x-panel-tc span {
		color: #FFFFFF !important;
		text-shadow: none !important;
	}

/* but not the title for "Reports" */
.pie-chart-reports-first-level-container .x-panel-header.x-unselectable {
	background-color: #4B4F54 !important;
}



.pie-chart-reports-filters-container .x-panel-bwrap {
	background-color: #ECEFF2 !important;
	overflow: visible;
}

.pie-chart-reports-first-level-container, .pie-chart-reports-second-level-container, .pie-chart-reports-filler-container {
	background-color: #4B4F54;
	height: 100%;
	border-right: 1px solid #F7F7F8;
}

	.pie-chart-reports-first-level-container div.x-panel-header {
		background-color: #4B4F54;
		color: #fff;
		font-size: 13px;
		padding: 5px 15px;
		text-align: left;
		font-family: Tahoma, Arial, helvetica, sans-serif;
		line-height: normal;
		text-shadow: none;
		border-bottom: 1px solid #4B4F54;
	}

.pie-chart-reports-first-level-label {
	color: #fff;
	border-bottom: 1px solid #4B4F54;
}

.pie-chart-reports-first-level-label-active, .pie-chart-reports-first-level-label-hover {
	cursor: pointer;
	color: #009BD9;
	background-color: #ECEFF2 !important;
	border-right: 1px solid #ECEFF2 !important;
}

.pie-chart-reports-second-level-panel .x-panel-body {
	background-color: #4B4F54;
	height: 100%;
	overflow: visible;
}

.pie-chart-reports-second-level-label {
	color: #fff;
	border-bottom: 1px solid #4B4F54;
}

	.pie-chart-reports-first-level-label:not(:last-child):hover,
	.pie-chart-reports-second-level-label:not(:last-child):hover {
		color: #fff;
		background: rgba(255, 255, 255, .14) !important;
		border-right: 1px solid #F7F7F8 !important;
	}

label.pie-chart-reports-first-level-label.pie-chart-reports-all-level-label.pie-chart-reports-first-level-label-dropdown:hover {
	color: #fff;
	background: url('//cakecdn.com/portals/static/images/icons/new/blue/sub_dropdown_arrow.png') no-repeat 90% rgba(255, 255, 255, .14) !important;
	border-right: 1px solid #F7F7F8 !important;
}

.pie-chart-reports-second-level-label-active {
	cursor: pointer;
	color: #009BD9;
	background-color: #ECEFF2 !important;
	border-right: 1px solid #ECEFF2 !important;
}

.pie-chart-reports-second-level-label-back {
	background: #4B4F54 url('//cakecdn.com/portals/static/images/icons/new/blue/sub_dropdown_arrow_left.png') no-repeat 5%;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
}

label.pie-chart-reports-second-level-label.pie-chart-reports-all-level-label.pie-chart-reports-second-level-label-back:hover {
	background: url('//cakecdn.com/portals/static/images/icons/new/blue/sub_dropdown_arrow_left.png') no-repeat rgba(255, 255, 255, .14) 5% !important;
	color: #FFFFFF;
	font-weight: bold;
	padding: 5px 5px 5px 25px;
}

.pie-chart-reports-first-level, .pie-chart-reports-second-level, .pie-chart-reports-filler, .pie-chart-reports-first-level-container .x-panel-nofooter, .pie-chart-reports-second-level-panel-filler .x-panel-bwrap {
	background-color: #4B4F54;
}

.pie-chart-reports-first-level-label-dropdown {
	background: url('//cakecdn.com/portals/static/images/icons/new/blue/sub_dropdown_arrow.png') no-repeat 90%;
}

.toolbar_pie_chart_report_filters .x-panel-bwrap {
	background-color: #ECEFF2 !important;
}

.toolbar_pie_chart_report_filters .x-toolbar table label {
	font-weight: bold;
	font-size: 13px;
	color: #595959;
}

.toolbar_pie_chart_report_filters_add_new_filter_button {
	background-color: #009BD7 !important;
	float: right;
}

	.toolbar_pie_chart_report_filters_add_new_filter_button button {
		color: #fff !important;
		font-weight: bold;
	}

.report_with_pie_border_container .x-layout-split-north .x-layout-mini {
	background: url("//cakecdn.com/portals/static/images/icons/new/blue/pie-chart-report-collapse.png") no-repeat;
}

.report_with_pie_border_container .x-layout-cmini-north .x-layout-mini {
	background: url("//cakecdn.com/portals/static/images/icons/new/blue/pie-chart-report-expand.png") no-repeat;
}

.report_with_pie_border_container .x-layout-split-east .x-layout-mini {
	background-image: url("//cakecdn.com/portals/static/images/split_mini_east.png");
}

.report_with_pie_border_container .x-layout-cmini-east .x-layout-mini {
	background-image: url("//cakecdn.com/portals/static/images/split_mini_east_collapsed.png");
}

.pie-chart-reports-first-level-container div.x-panel-header .x-panel-header-text {
	/* color: #fff; */
	font-weight: bold;
}

.x-btn {
	background: #009BD7 url(//cakecdn.com/portals/static/images/alert-overlay.png) repeat-x !important;
	background-image: none !important;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	text-shadow: none;
	border-radius: 20px;
	color: #F7F7F8 !important;
}

.x-btn-noicon .x-btn-small .x-btn-text {
	font-weight: normal !important;
}

.cardbadge {
	background-color: #fff;
	border: 1px solid #009BD9;
	color: #009BD9;
	font-weight: normal;
}

.tab-toggle-panel > .x-tab-panel-bwrap > .x-tab-panel-body {
	border: 0 !important;
	background-color: #fff !important;
}

.tab-toggle-panel > .x-tab-panel-header .x-tab-strip {
	margin: 10px 0px 0px 15px;
}

.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li {
	border: 1px solid #c8c9cc;
	border-bottom-color: #c8c9cc !important;
	padding: 3px 8px;
}

	.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li .x-tab-strip-text {
		color: #64788c !important;
		text-shadow: none !important;
	}

	.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active {
		border-color: #c8c9cc;
		border-bottom-color: #c8c9cc !important;
		background: #ECEFF2 url(//cakecdn.com/portals/static/images/alert-overlay.png) repeat-x !important;
	}

		.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active .x-tab-strip-text {
			text-shadow: none;
			color: #009BD9 !important;
		}

	.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:first-child {
	}

	.tab-toggle-panel > .x-tab-panel-header ul.x-tab-strip li:nth-last-child(3) {
	}

.tab-toggle-panel > .x-tab-panel-body {
	background-color: #fff !important;
}


/* -------------------------------
	GRID TABS
------------------------------- */

/* report tab and search result tab */
.x-tab-panel-header .x-tab-strip li {
	background-color: #ffffff !important;
}

	.x-tab-panel-header .x-tab-strip li:hover {
		background-color: #ECEFF2 !important;
	}

/* active tab */
#cards .x-tab-panel-header .x-tab-strip li.x-tab-strip-active,
#cards .x-tab-panel-header .x-tab-strip li.x-tab-strip-active .master-report,
#cards .x-tab-panel-header .x-tab-strip li.x-tab-strip-active .x-tab-strip-text {
	/* background: #ECEFF2 !important; ----- according to the excel sheet, this is correct, but it's not strong enough in my mind -- */
	background: #4B4F54 !important;
	color: #ECEFF2 !important;
}

.contact-tbar .x-toolbar {
	background-color: #fff !important;
	background-image: none !important;
}

.x-panel-tbar .x-toolbar {
	background-color: #4B4F54;
	background-image: none !important;
}

/* border around grid */
.x-panel-ml {
	border-color: #dddfe2 !important;
}

#cards .x-tab-panel-body-top {
	border-top: none !important;
}

/* controls the color of the text (free floating) in the head of the grids, that have checkboxes next to them */
/*.x-grid-panel .x-panel-mc .x-panel-body { 
	border: none !important; 
}*/


/* controls the color of the text (free floating) in the head of the grids, that have checkboxes next to them */
.x-panel-tbar table.x-toolbar-ct label {
	color: #ECEFF2 !important;
}

.xtb-text span.badge-toolbar {
	color: #ECEFF2 !important;
}


/* header rows */

/* -------------------------------
	HEADER ROWS
------------------------------- */

/* header rows */
.x-grid3-hd-row,
td.x-grid3-hd-over .x-grid3-hd-inner,
td.sort-desc .x-grid3-hd-inner,
td.sort-asc .x-grid3-hd-inner,
td.x-grid3-hd-menu-open .x-grid3-hd-inner {
	background: #ECEFF2;
	/* overwrite gradient */
	background-color: #ECEFF2;
	border-color: #ECEFF2;
}

.x-grid3-header {
	background-color: #ECEFF2 !important;
	background-image: none !important;
	border-top-color: #ECEFF2 !important;
	/* dropshadow under the column head */
	-webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
	box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1) !important;
}

tr.x-grid3-hd-row {
	-moz-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
	box-shadow: inset 0 -2px 1px rgba(0,0,0,0.1);
}

/* controls the borders of the column headings */
.x-grid3-hd-row td {
	border-right-color: #CACBCC;
	border-bottom: 1px solid #CACBCC;
	border-left: none;
}



/* footer rows */
.x-grid3-gridsummary-row-inner {
	background-color: #eceff2;
	border-top: 1px solid #cacbcc;
}

.x-grid3-scroller {
	/* dropshadow at bottom of grid */
	-webkit-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1) !important;
	-moz-box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1) !important;
	box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.1) !important;
}

.x-panel-bbar {
	border-top: 1px solid #dee1e4 !important;
}


.x-panel-noborder.x-panel-bbar-noborder.x-toolbar {
	border-top: 1px solid #dee1e4 !important;
}



.badge-toolbar {
	background: #009BD9;
	color: #fff !important;
}

.x-panel-bbar {
	background: #ECEFF2;
}

.x-grid3-summary-row {
	background: #ECEFF2 !important;
}

.x-grid3-row-alt {
	background-color: rgba(83, 83, 83, .05);
}

/* That extra checkbox descriptive text that is sometimes in the head of a gride */
.badge-toolbar {
	background-color: transparent !important;
	color: #FFFFFF;
}



.x-grid3-row-over {
	background-color: #EBEBEB !important;
}
/* typography of grids */

/* typography of grids */
.x-grid3 {
	color: #666666;
}

	.x-grid3 a:link {
		color: #009BD7;
	}

	.x-grid3 a:visited {
		color: #009BD7;
		opacity: 0.25;
		filter: alpha(opacity=25);
	}

	.x-grid3 a:hover {
		color: #007dbc;
	}

	.x-grid3 a:active {
		color: #009BD7;
	}



/* -------------------------------
	TITLE BAR
------------------------------- */
.x-window-tl .x-window-header, .x-panel-tl .x-panel-header {
	background: #009BD9 !important;
	color: #FFFFFF !important;
}

	.x-panel-tl .x-panel-header .empty-title-header {
		background: #4B4F54 !important;
		height: 10px;
	}
                                            
/* -------------------------------
	CARD BACKGROUND
------------------------------- */
.x-window-bwrap,
.cards_color_nav_primary_accent,
body.x-body-masked .x-window-plain .x-window-mc {
	background: #F7F7F8 !important;
}

/* -------------------------------
	TAB PANEL
------------------------------- */

ul.x-tab-strip li {
	background: #ECEFF2 !important;
	text-shadow: none;
}

	ul.x-tab-strip li:hover {
		background: #ECEFF2;
		border: 1px solid #c8c9cc;
	}

	ul.x-tab-strip li.x-tab-strip-active:hover {
		background: #fff;
		opacity: 1;
	}



/* -------------------------------
	PRIMARY TABS & SUBTAB BACKGROUNDS
------------------------------- */

/* normal state */
.x-window-body .x-tab-panel-header .x-tab-strip li,
.x-tab-panel-body .x-tab-panel-header ul.x-tab-strip li {
	background-color: #ECEFF2 !important;
	text-shadow: none;
}

	/* hover */
	.x-window-body .x-tab-panel-header .x-tab-strip li:hover,
	.x-tab-panel-body .x-tab-panel-header ul.x-tab-strip li:hover {
		opacity: 0.8;
	}

	/* active subtabs (and active hovers) */
	.x-window-body .x-tab-panel-header .x-tab-strip li.x-tab-strip-active,
	.x-window-body .x-tab-panel-header .x-tab-strip li.x-tab-strip-active:hover,
	.x-window-body .x-tab-panel-header .x-tab-strip li.x-tab-strip-active .master-report,
	.x-window-body .x-tab-panel-header .x-tab-strip li.x-tab-strip-active .master-report:hover,
	.x-tab-panel-body .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active,
	.x-tab-panel-body .x-tab-panel-header ul.x-tab-strip li.x-tab-strip-active:hover {
		background: #FFFFFF !important;
		opacity: 1.0 !important;
	}


.x-tab-panel-body .x-tab-panel-body {
	background: #ffffff !important;
	border-bottom-color: #fafcff;
}


/* -------------------------------
	INFO MESSAGE AREA
------------------------------- */
.message {
	background-color: #FFFFFF !important;
}



/* -------------------------------
	CONTACT TOUTS
------------------------------- */
.contact {
	background-color: #FFFFFF !important;
	background: #FFFFFF !important;
}



/* -------------------------------
	CAMPAIGN CARD > DEAL FLOW STEP CHART
------------------------------- */
.deal_flow {
	background-image: none !important;
	background-color: #FFFFFF !important;
}

	.deal_flow li {
		border-top: 1px solid #C2CCD8;
		border-bottom: 1px solid #C2CCD8;
	}

		.deal_flow li a {
		}

		.deal_flow li.current {
			background-image: none !important;
			background-color: #ECEFF2 !important;
		}

			.deal_flow li.current a {
				background-image: none !important;
				text-shadow: none;
			}

		.deal_flow li.complete,
		.deal_flow li.complete.first,
		.deal_flow li.complete a {
			background-image: none !important;
			background-color: #4B4F54 !important;
			color: #ECEFF2 !important;
		}


*/ #tree-box {
	background-color: white;
	height: 270px;
	padding: 10px 10px 10px 10px;
	overflow: auto;
	border: 1px solid rgb(222, 225, 228);
}

#tree-box span:not(.selectedCategoryName):hover {
	background-color: #color_nav_hover#;
	color: black !important;
}

.cat_name {
	margin: 2px;
	list-style: none;
	padding: 5px;
	font-size: 13px;
	border: 1px solid rgb(222, 225, 228);
	display: block;
	background-color: rgb(245, 247, 250);
}

	.cat_name a {
		text-decoration: none;
	}

		.cat_name a:visited {
			text-decoration: none;
		}

		.cat_name a:hover {
			text-decoration: underline;
		}

.hideBranch {
	display: none;
}

.hideCateogry {
	display: none;
}

.child_node li span a {
	padding-left: 40px;
}

.child_node li ul ul li span a {
	padding-left: 80px;
}

.child_node li ul ul li ul ul li span a {
	padding-left: 120px;
}

.child_node li ul ul li ul ul li ul ul li span a {
	padding-left: 160px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 200px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 240px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 280px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 320px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 360px;
}

.child_node li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li ul ul li span a {
	padding-left: 400px;
}

.flipBranchImage {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.selectedCategoryName {
	background-color: #color_nav_shadow_border_dark#;
}

	.selectedCategoryName a, .selectedCategoryName a:visited {
		color: white;
	}

.trunk_arrow {
	background-image: url(//cakecdn.com/portals/static/images/icons/new/blue/sub_dropdown_arrow.png);
	background-repeat: no-repeat;
	background-position-x: -1px;
	background-position-y: -4px;
	width: 13px;
	height: 13px;
	cursor: pointer;
}

.custom-view-tab-panel-hide-report {
	background-color: #CCCCCC !important;
}

.custom-view-tab-panel-show-report {
	background-color: #FFFFFF !important;
}

.search-result {
	background: #FFFFFF !important;
}

ul.x-tot2ivn-vr-tab-strip .x-tab-strip-active {
	background: #FFFFFF !important;
}
/* AffPortal/left navigation || AffPortal/Performance report (top right of the page) */
.dark-gradient {
	background: #009BD9; /* temp */
	width: 150px;
	/*background:#31639a;
	background:-webkit-gradient(linear, left top, left bottom, from(#3b78ac), to(#31629a));
	background:-moz-linear-gradient(top,#3b78ac,#31629a);*/
}

	.dark-gradient img {
		width: 140px;
	}

.lighter-gradient {
	background: #009BD9; /* temp */
	/*
	background-color:#3e86cc;
	background:-webkit-gradient(linear, left top, left bottom, from(#6da3d9), to(#3e85cc));
	background:-moz-linear-gradient(top,#6da3d9,#3e85cc); */
}

.dark-font {
	color: #009BD9; /* temp (however gets overriden by the class 'dark-font' in line 25.. this is just a place holder)*/
}

/* Admin Portal - Conversion Card
	---------------------------------------------------------------------------------------- */
.invoca_field {
	height: 100%;
	padding-bottom: 5px;
	padding-top: 5px;
	word-wrap: break-word;
}




.offer-text,
td.x-date-mp-month a, td.x-date-mp-year a {
	color: #4B4F54 !important;
}


.empty-text {
	background-color: #009BD9 !important;
	background-image: none !important;
	text-shadow: none !important;
	padding-left: 10px;
	padding-right: 10px;
	border-bottom-color: #009BD9 !important;
}

/* This is used by cupCAKE instances, will add the "powered by CAKE" image at the bottom of the sidebar navigation. */

#sidebar.powered {
	padding-bottom: 40px;
}

#sidebar #powered_link {
	display: block;
	position: relative;
	width: 100%;
	height: 37px;
	margin: 20px 0px;
}

.get-started-btn {
	background-color: #009BD7 !important;
	border: none;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #FFF;
	display: inline-block;
	font: normal 700 15px/24px "ff-dagny-web-pro", sans-serif;
	font-size: 16px;
	margin-top: 10px;
	padding: 6px 27px;
	text-decoration: none;
	cursor: pointer;
}

#tasks {
	border-right: 1px solid #4AB0E4 !important;
}

.custom-view-edit-panel {
	border: #dddfe2 1px solid !important;
}

	.custom-view-edit-panel .x-grid-panel {
		border: #dddfe2 1px solid !important;
	}

	.custom-view-edit-panel .x-grid3-row-alt {
		background-color: #fff !important;
	}

#main_panel .x-panel-bwrap {
	background-color: #ffffff !important;
}

.vertical-tabs .vertical-tabs-panel-header .vertical-tabs-strip-wrap ul li.x-tab-strip-active {
	background-color: #fff !important;
}

#sidebar .sidebar-accordion-menu .sidebar-accordion-menu-header-text,
#sidebar .sidebar-accordion-menu-collapsed .sidebar-accordion-menu-header-text {
	background-image: none !important;
}

.offer-preview {
	border-top: 8px solid #4AB0E4 !important;
	border-left: 1px solid #dddfe2;
	border-right: 1px solid #dddfe2;
	border-bottom: 1px solid #dddfe2;
}

.x-grid-group-hd {
	border-bottom-color: #dddfe2 !important;
}

.body_theme_v2 .account_manager_sidebar {
	color: #F7F7F8;
}


#switch-to-new-nav {
	height: 20px;
	background-color: #51b06d;
}

	#switch-to-new-nav span {
		font-size: 13px;
		font-family: Helvetica;
		font-weight: bold;
		margin-top: 2px;
		display: inline-block;
	}

	#switch-to-new-nav a, u {
		text-decoration: none;
	}