/*
	-------------------------
	DOCUMENT INFORMATION
		- Document: ING DEP Portal
		- Version : 1.0
	-------------------------
*/


/*
	-------------------------
	DEFAULT IMPORT
	-------------------------
*/
@import url('fonts.css');

img {
	border-radius: 5px;
}

* {
	outline: medium none;
}

.btn,
.btn *,
.iefix .btn,
.iefix .btn * {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	line-height: normal;
	background: none;
	right: 0;
	left: 0;
	top: 0;
	bottom: 0;
	position: static;
	overflow: visible;
	height: auto;
	background-position: 0 0;
	border-radius: 0;
	border: none;
}

.btn:active {
	background: inherit;
}

.showretail {
	display: block;
}


/*
	-------------------------
	TEXT
	-------------------------
*/
body {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}

.robotobold,
ul.topList li,
nav ul li a,
#introBox .btn,
#newsBox #newsEffeniciey strong,
#newsBox #newsEffeniciey span,
#newsBox #newsFeed .newsItem h2 a,
#fundBox #fundFilter label,
.fundBox .fundFilter label,
#fundBox #fundPopular .fundItem h2,
#fundBox #fundPopular .fundItem ul li,
#fundBox #fundList .fundName a,
.fundBox .fundList .fundName a,
.fundBox .fundList .fundName span,
#fundChoise .fundLevel ul li,
.fundLevel ul.list li,
ul.detail li span:first-child,
ul.detail li span.visible-tablet,
#menuBox ul>li:first-child>a,
#menuBox ul li a.no-link,
#fundDetail .downloads a,
#fundBox #fundFilter #fundCat div span,
#fundBox #fundPopular .btn,
.step-indicator li,
#accountOpen h2,
#accountOpen .list ul li,
#accountSettings h2,
.warning,
#firstTime h2,
#firstTime h3,
#accountOpen .tip b,
.faq li li .subject,
.tabs .tab h2,
.tabs .tab h3,
.shadowBox h3,
.marketing #marketingFund h2,
#switchCategory .btn span,
#accountOpen .accountOpen-abbreviated-sidebar ul li {
	font-family: robotobold, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}

h1,
h2,
h3,
h4,
h5,
h6,
p.intro {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
	line-height: normal;
	color: #ff6600;
}

h1 {
	font-size: 22pt;
}

h2 {
	font-size: 20pt;
}

h3 {
	font-size: 18pt;
}

h4 {
	font-size: 16pt;
}

h5 {
	font-family: robotobold, Arial, Sans-serif;
	font-size: 13.5pt;
	color: #000;
}

h6 {
	font-family: robotobold, Arial, Sans-serif;
	font-size: 12pt;
	color: #000;
}

ul,
ol {
	list-style-position: outside;
	margin-left: 15px;
}

p,
li {
	font-family: Arial, Sans-serif;
	font-size: 10.5pt;
	line-height: 150%;
}

p.intro {
	font-size: 13.5pt;
	color: #000;
}

a,
a:hover,
p a,
p a:active,
p a:visited,
p a:hover {
	color: #4598CC;
}

span.strong {
	font-weight: bold;
}

.example {
	font-style: italic;
	color: grey;
}

/*
	-------------------------
	FIX VOOR DESIGN
	-------------------------
*/
.paddingLeft10 {
	padding-left: 10px;
}

.paddingLeft5 {
	padding-left: 5px;
}

.paddingRight10 {
	padding-right: 10px;
}

.paddingRight5 {
	padding-right: 5px;
}

.ie7 .paddingLeft10,
.ie7 .paddingRight10,
.ie7 .paddingLeft5,
.ie7 .paddingRight5 {
	padding: 0;
}


/*
	-------------------------
	LANQUAGES
	-------------------------
*/
div.languages {
	float: right;
	margin: -40px 20px;
	font-size: 10pt;
}

#loginModal div.languages {
	margin: -46px 20px;
}

header div.languages {
	position: absolute;
	top: 62px;
	right: 5px;
	/*
	top: 28px;
	right: 138px;
	*/
	margin: 0;
}

#accountOpen div.languages {
	margin: -50px 0 0 80px;
}

#accountOpen.accountOpen-abbreviated div.languages {
	margin: 0 0 0 80px;
}

#loginForm div.languages {
	margin: 3px 0 10px 0;
}

div.languages a,
div.languages a:active,
div.languages a:focus,
#accountOpen div.languages a,
#accountOpen div.languages a:active,
#accountOpen div.languages a:focus {
	color: #002e6b;
	text-decoration: none;
	float: left;
}

div.languages a:first-child:after {
	content: '|';
	font-size: 9pt;
	color: #e0dfde;
	margin: 0 5px 0 4px;
	float: right;
}

div.languages a.selected,
#accountOpen div.languages a.selected {
	color: #FF6600;
	text-decoration: none;
}


/*
	-------------------------
	WARNING
	-------------------------
*/
form.default .item {
	overflow: visible;
}

.warning,
.item label.warning {
	background-color: #ffdada;
	clear: none;
	display: none;
	font-weight: normal;
	float: none;
	color: #be0000;
	padding: 1px 5px;
}

form.default .item label.warning {
	padding: 1px 5px;
	width: auto;
	margin-bottom: 11px;
}


.show-warning,
form.default .item label.show-warning {
	display: inline-block;
	font-weight: normal;
}

label.show-nonblocking-warning {
	display: inline-block;
	font-weight: normal;
}

.ltie8 p.show-warning {
	float: left;
}

.ie6 .show-warning,
.ie6 form.default .item label.show-warning {
	clear: none;
	display: inline;
}

.content-fixed .warning,
.content-fixed form.default .item>label.warning {
	width: auto;
	max-width: 300px;
}

dd .warning {
	margin: -1px 0;
}

/*
	-------------------------
	DEP DESIGN - FOOTER
	-------------------------
*/
footer.primary {
	border: none;
	padding: 0;
	margin: 30px 0 0 0;
}

footer.primary #footerBox {
	border-top: 1px solid #e6dfda;
	background-color: #f1edeb;
	padding: 20px;
	margin: 20px 0 0 0;
	border-bottom: none;
}

footer #footerBox .logo {
	text-align: center;
	margin: 0 0 20px;
}

footer #footerBox .logo a {
	background-repeat: no-repeat;
	background-position: center;
	height: 90px;
	border: none;
	display: inline-block;
	text-indent: -9999px;
	white-space: nowrap;
	opacity: .3;
}

footer #footerBox .logo a:hover {
	opacity: 1;
}

footer #footerBox .logo a.logo-nn {
	width: 120px;
	background-size: 120px;
	background-image: url(/static/RETAIL/img/logo_nn_grey.png);
}

footer #footerBox .logo a.logo-nn:hover {
	background-image: url(/static/RETAIL/img/logo_nn.png);
}

footer #footerBox .logo a.logo-nnip {
	width: 200px;
	background-size: 200px;
	background-image: url(/static/RETAIL/img/logo_nnip_grey.png);
}

footer #footerBox .logo a.logo-nnip:hover {
	background-image: url(/static/RETAIL/img/logo_nnip.png);
}

@media (min-width: 768px) {
	footer #footerBox .logo {
		float: right;
	}
}

footer.primary .hidden-phone {
	color: #cac7c7;
}

footer.primary p {
	font-family: robotobold, Arial, Sans-serif;
	font-size: 16px;
	line-height: 18px;
	margin: 0 0 10px 0;
	padding: 0;
}

footer.primary p a,
footer.primary p a:focus {
	font-family: robotobold, Arial, Sans-serif;
	color: #414141;
	text-decoration: none;
}

footer.primary p a:hover {
	text-decoration: underline;
}

footer.primary .copyright {
	font-family: robotolight, Arial, Sans-serif;
	color: #999;
	font-size: 14px;
	line-height: 18px;
	margin: 0;
	float: none;
}


/*
	-------------------------
	FAQ
	-------------------------
*/
.faq h2 {
	clear: both;
	font-size: 1.545em;
	line-height: 1.412em;
	font-weight: bold;
	color: #006;
	padding-left: 22px;
	margin: 0;
}

.faq ul {
	list-style-position: outside;
}

.faq li,
.result-overview li {
	display: block;
	list-style: none;
}

.faq .outerwrapper>ul {
	margin-bottom: 0;
}

.faq li a.toggle {
	background-position: 10px 8px;
	color: #303030;
	display: inline-block;
	text-decoration: underline;
	padding: 3px 0 3px 22px;
}

.result-overview ul {
	list-style-position: outside;
}

.result-overview>ul>li {
	background-position: 0 8px;
	padding: 0 0 0 12px;
	zoom: 1;
}

.result-overview li>span {
	display: block;
	padding: 3px 10px;
}

.faq .outerwrapper {
	margin: 0 0 0 20px;
	padding: 0;
}

.faq .outerwrapper .innerwrapper {
	padding: 10px 0;
}

.faq .outerwrapper .innerwrapper.answer ul {
	margin: 0 0 0 15px;
	border: none;
}

.faq .outerwrapper .innerwrapper.answer ul li {
	margin: 0;
	border: none;
	padding: 0;
	list-style: disc outside none;
}

.faq li a.toggle {
	background: none !important;
	/* color:#4598CC; */
	display: inline-block;
	text-decoration: none;
	padding: 0;
}

.faq li.open a.toggle {
	background: none !important;
}

.faq li a.toggle h2 {
	background: url(../img/arrow_orange_large.png) no-repeat center left;
	padding: 0 0 0 20px;
	color: #4598CC;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}

.faq li.open a.toggle h2 {
	background: url(../img/arrow_orange_large_bottom.png) no-repeat center left;
}

.faq li ul ul {
	margin: 0 0 0 20px;
}

.faq li li {
	margin: 0;
	padding: 10px 0;
	line-height: 150%;
	border-bottom: 1px solid #EEE;
}

.faq li li a.toggle {
	padding: 0 0 0 20px;
}

.faq li.open li h2 {
	background: url(../img/arrow_orange_large.png) no-repeat center left;
}

.faq li.open li.open h2 {
	background: url(../img/arrow_orange_large_bottom.png) no-repeat center left;
}

.faq li li .subject .toggle,
.faq li.open li li .subject .toggle {
	background: url(../img/arrow_orange_small.png) no-repeat center left !important;
	padding: 0 0 0 20px;
	color: #002F6B;
}

.faq li li.open .subject .toggle,
.faq li.open li li.open .subject .toggle {
	background: url(../img/arrow_small_bottom.png) no-repeat center left !important;
}

.faq li.open li li:last-child {
	border-bottom: none;
	padding: 10px 0 0 0;
}

/*
	-------------------------
	QUICK SEARCH
	-------------------------
*/
.quick-search {
	background-color: #f9f9f9;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-radius: 5px;
	-o-border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	padding: 8px 8px 8px 15px;
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	zoom: 1;
}

.quick-search label {
	color: #626262;
	float: left;
	font-size: 1.182em;
	line-height: 1.538em;
	display: none;
}

.quick-search .span4 {
	display: none;
}

.quick-search .span8 {
	width: 100%;
	margin: 0;
	padding: 0 5px 0 0;
}

.quick-search .pull-right {
	float: none;
}

.quick-search .pull-right #faq-search {
	width: 75%;
	margin: 5px 0;
}

.quick-search .btn

/* ,
.label-fix .btn * */
	{
	height: 40px;
	line-height: 40px;
	margin: 5px 0;
}

.quick-search .btn input[type="submit"] {
	height: 32px;
	font-size: 12pt;
}

.quick-search div {
	overflow: hidden;
}


/*
	-------------------------
	LOGIN FORM
	-------------------------
*/
form.login .item {
	margin-bottom: 12px;
}

.ltie8 form.login .item {
	margin-bottom: 0;
}

form.login label {
	font-weight: bold;
	font-size: 10.5pt;
	font-weight: normal;
	font-weight: bold;
	color: #303030;
}

.login .span9 span {
	line-height: 40px;
	font-size: 10.5pt;
}

/*
	-------------------------
	DEP DESIGN - HEADER
	-------------------------
*/
header.primary {
	padding-top: 15px;
}

header.primary>.container>.row-fluid {
	position: relative;
}

header.primary #logo {
	float: left;
	padding: 4px 8px;
}

#logo a {
	display: block;
}

ul.topList {
	list-style-type: none;
	margin: 20px 0 0 -10px;
	padding: 0;
	float: left;
	/*
	padding:0 40px;
	display: flex;
	width: 100%;
	*/
}

ul.topList li {
	background: url(../img/header_accept.png) no-repeat left center;
	display: block;
	padding: 0 0 0 40px;
	margin: 0 0 0 20px;
	line-height: 30px;
	font-size: 10.5pt;
	color: #000;
	float: left;
	/*
		flex:1;
		*/
}

ul.topList li:first-child {
	margin: 0;
}

#userLoggedIn {
	margin: 4px 0 0 0;
	float: right;
}

#phone {
	position: absolute;
	top: 22px;
	right: 0;
	background: url(../img/icon_phone.png) no-repeat left center;
	padding: 0 0 0 25px;
	font-size: 16pt;
	line-height: 19px;
	color: #ff6600;
	float: right;
}

#phone.userLoggedIn {
	margin: 17px 0 0 0;
	position: relative;
	top: 0;
	float: left;
}

header.primary #login {
	position: absolute;
	top: 75px;
	/*
	top:20px;
	*/
	right: 0;
}

header.primary #login.userLoggedIn {
	margin: 12px 0 0 20px;
	position: relative;
	top: 0;
	float: left;
}

#login a {
	display: block;
	font-family: robotobold, Arial, Sans-serif;
	text-decoration: none;
	font-size: 12pt;
	line-height: 21px;
	float: left;
}

#login a:hover {
	color: #ff6600;
}

#login a span.loginText {
	float: left;
}

#login a span.loginIcon {
	background: url(../img/icon_safe.png) no-repeat right center;
	height: 29px;
	width: 22px;
	margin: -5px 0 -5px 10px;
	border-left: 1px solid #ccc;
	float: right;
}

#login a span.loginIcon:after {
	background: #fff;
	content: "";
	height: 29px;
	width: 1px;
	float: left;
}


/*
	-------------------------
	DEP DESIGN - MENU
	-------------------------
*/
nav {
	height: 50px;
	background: #ebebeb;
	margin: 35px 0 0 0;
	border-bottom: 1px solid #fff;
}

nav ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

nav ul li {
	position: relative;
	float: left;
}

nav ul li:before {
	background: #cecbc6;
	content: " ";
	height: 20px;
	width: 1px;
	margin: 15px 0;
	float: left;
}

nav ul li:first-child:before,
nav ul li.last:before {
	display: none;
}

nav ul li.first a {
	background-image: url(../img/iconHome.png) !important;
	background-repeat: no-repeat !important;
	background-position: center center !important;
	display: inline-block;
	width: 50px;
}

nav ul li.first a.selected {
	background-color: #fff !important;
}

nav ul li a {
	padding: 0 20px;
	line-height: 50px;
	font-size: 12pt;
	display: block;
	text-decoration: none;
	color: #333;
	float: left;
}

nav ul li a.no-link,
nav ul li a.no-link span {
	cursor: default;
}


nav ul li.current a {
	background: linear-gradient(to bottom, #ffffff, #f9f9f9);
	position: relative;
	z-index: 10;
	margin: 0 -1px -1px;
}

nav ul li a:hover,
nav ul li:hover a,
nav ul li.last {
	color: #fff;
	background-color: #ff6600;
	text-decoration: none;
	box-shadow: none;
}

nav ul li a.selected:hover,
nav ul li:hover a.selected {
	color: #ff6600;
	background: #fff;
}

nav ul li.last {
	float: right;
	box-shadow: none;
}

nav ul li.last a {
	color: #fff;
}

nav ul li.last a span {
	background: url(../img/arrow_white.png) no-repeat right center;
	padding: 0 15px 0 0;
}

nav ul li ul {
	background: #fff;
	position: absolute;
	top: 49px;
	left: 1px;
	display: none;
	z-index: 5000;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	width: 220px;
	box-shadow: 2px 3px 3px 1px rgba(0, 0, 0, 0.25);
}

nav ul li:hover ul {
	display: block;
}

nav ul li ul li {
	display: block;
	width: 100%;
}

nav ul li ul li:before,
nav ul li ul li:after {
	display: none;
}

nav ul li:hover ul li a {
	background: #fff;
	font-family: robotolight, Arial, Sans-serif;
	line-height: 200%;
	font-size: 11pt;
	padding: 5px 15px;
	color: #002F6B;
	float: none;
}

nav ul li ul li a:hover {
	background: #E5E6EA;
	color: #333;
}

ul#breadcrumb {
	margin: 0;
	padding: 5px 0;
	list-style-type: none;
	list-style-position: outside;
}

ul#breadcrumb li {
	margin: 0 5px 0 0;
	padding: 0;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
	font-size: 10pt;
	float: left;
}

ul#breadcrumb li:not(:first-child):before {
	content: ' > ';
}

ul#breadcrumb li a {
	color: #8c8c8c;
	text-decoration: none;
}

ul#breadcrumb li a:hover {
	text-decoration: underline;
}

header .btn.btn-navbar {
	display: none;
}

#main {
	position: relative;
	overflow: hidden;
}

#main #contentBox {
	position: relative;
	width: 100%;
}

#main #menuBox {
	background: #FF6600;
	position: fixed;
	width: 250px;
	height: 100%;
	top: 0;
	right: -250px;
	z-index: 9999;
	overflow: auto;
	display: block;
}


/*
	-------------------------
	DEP DESIGN - SLIDER HOME
	-------------------------
*/
#sliderHome {
	position: relative;
	width: 100%;
	height: 300px;
	overflow: hidden;
}

#sliderHome #sliderContainer {
	position: absolute;
	top: 0;
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 300px;
	float: left;
}

#sliderHome #sliderContainer .slideItem {
	height: 300px;
	float: left;
}

#sliderHome #sliderContainer .slideItem>a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
	font-size: 0pt;
}

#sliderHome #sliderContainer .slideItem .container {
	display: none;
}

#sliderHome #sliderContainer .sliderInside.option1 {
	background: url(../img/transparant_white.png) repeat;
	padding: 20px 0;
	margin-top: 50px;
}

#sliderHome #sliderContainer .sliderInside.option1 h1,
#sliderHome #sliderContainer .sliderInside.option1 h2,
#sliderHome #sliderContainer .sliderInside.option2 h2 {
	color: #ff6600;
	font-size: 34pt;
	line-height: normal;
	margin: 0;
}

#sliderHome #sliderContainer .sliderInside.option2 h2 {
	margin: 50px 0 20px 0;
}

#sliderHome #sliderContainer .sliderInside.option1 p.intro {
	color: #000;
	font-size: 20pt;
	line-height: normal;
	margin: 10px 0;
}

#sliderHome #sliderContainer .sliderInside.option1 p.buttons a,
#sliderHome #sliderContainer .sliderInside.option2 p.buttons a {
	color: #fff;
	text-shadow: none;
	padding: 10px;
	margin: 0 10px;
	font-size: 11pt;
}

#sliderHome #sliderContainer .sliderInside.option2 p.buttons a {
	margin: 0;
}


#sliderHome #sliderControls .span12 {
	position: relative;
}

#sliderHome #sliderControls a {
	position: absolute;
	top: 115px;
	text-decoration: none;
	text-indent: -9999px;
	width: 52px;
	height: 52px;
	display: block;
}

#sliderHome #sliderControls a.prev {
	background: url(../img/slider_attr.png) -209px -70px no-repeat;
	left: -62px;
}

#sliderHome #sliderControls a.prev:hover {
	background: url(../img/slider_attr.png) -115px -5px no-repeat;
}

#sliderHome #sliderControls a.next {
	background: url(../img/slider_attr.png) -205px 8px no-repeat;
	right: -62px;
}

#sliderHome #sliderControls a.next:hover {
	background: url(../img/slider_attr.png) -5px -5px no-repeat;
}

#sliderHome #sliderBullets {
	position: absolute;
	bottom: 10px;
	left: 0;
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
	width: 100%;
}

#sliderHome #sliderBullets li {
	display: inline;
	margin: 0 2px;
	line-height: normal
}

#sliderHome #sliderBullets li a {
	background: url(../img/slider_attr.png) -5px -107px no-repeat;
	width: 14px;
	height: 14px;
	display: inline-block;
	text-indent: -9999px;
}

#sliderHome #sliderBullets li.current a {
	background: url(../img/slider_attr.png) -75px -107px no-repeat;
}


/*
	-------------------------
	DEP DESIGN - INTRO BOX
	-------------------------
*/
#contentBox>div.container {
	margin-top: 20px;
}

#introBox h2 {
	font-size: 19pt;
	color: #000;
}

c #introBox .current h2 {
	color: #ff6600;
}

#introBox h2:after {
	background: #aba195;
	content: "";
	width: 100%;
	height: 3px;
	float: left;
}

#introBox .current h2:after {
	background: #ff6600;
}

#introBox p {
	margin: 0 0 10px 0;
}

#introBox p.pHeight {
	height: 65px;
}

#introBox .btn {
	display: block;
	text-align: left;
	height: 50px;
	line-height: 50px;
	padding: 0 12px;
	width: 100%;
}

#introBox .btn-orange-light span {
	background: url(../img/arrow_white.png) no-repeat right center;
	color: #fff;
}

#introBox .btn img {
	width: auto;
	height: auto;
	display: inline-block;
	margin: -5px 10px 0 0;
	float: none;
}

#introBox .btn span {
	background: url(../img/arrow_orange_large.png) no-repeat right center;
	height: 50px;
	line-height: 50px;
	padding: 0 30px 0 0;
	display: block;
	width: 100%;
	color: #002f6b;
	float: left;
}

#introBox ul.news {
	list-style-type: none;
	margin: 0 0 10px 0;
	padding: 0;
}

#introBox ul.news li {
	padding: 5px 0;
	border-bottom: 1px solid #EEE;
}

#introBox ul.news li span {
	display: block;
	color: #cbc8c4;
}

#introBox ul.news li a {
	font-weight: bold;
	text-decoration: none;
	color: #002f6b;
}

#introBox ul.news li a:hover {
	text-decoration: underline;
}

#introBox p.more a {
	color: #4598CC;
}


/*
	-------------------------
	DEP DESIGN - BANNER
	-------------------------
*/
#bannerBox {
	margin-top: 40px;
}

#bannerBox .flash,
#bannerBox .gif {
	display: none;
}

/*
	-------------------------
	DEP DESIGN - NEWSFEED
	-------------------------
*/
#newsBox #newsEffeniciey {
	background: #f2f2f2;
	height: 50px;
	line-height: 50px;
	margin: 5px 0 15px 0;
	font-size: 12pt;
	border-radius: 3px;
}

#newsBox #newsEffeniciey span.up {
	color: #7fab00;
}

#newsBox #newsEffeniciey span.down {
	color: #ff0000;
}

#newsBox #newsFeed .newsItem {
	border-bottom: 1px solid #EEE;
	padding: 20px 0;
	width: 100%;
	float: left;
}

#newsBox #newsFeed .newsItem img {
	border-radius: 5px;
}

#newsBox #newsFeed .newsItem:first-child {
	padding: 0 0 20px 0;
}

#newsBox #newsFeed .newsItem .date {
	background: url(../img/news_1.png) no-repeat center left;
	padding: 0 0 0 35px;
	display: block;
	color: #867E75;
	font-size: 10.5pt;
}

#newsBox #newsFeed .newsItem .news {
	background: url(../img/news_1.png) no-repeat center left;
}

#newsBox #newsFeed .newsItem .juridical {
	background: url(../img/news_2.png) no-repeat center left;
}

#newsBox #newsFeed .newsItem .exchange {
	background: url(../img/news_3.png) no-repeat center left;
}

#newsBox #newsFeed .newsItem h2 {
	font-weight: normal;
	margin: 0;
	line-height: 20px;
}

#newsBox #newsFeed .newsItem h2 a {
	font-size: 13.5pt;
	color: #002D6B;
}

#newsBox #newsFeed .newsItem p {
	color: #333;
	font-size: 12pt;
	margin: 0;
}

#newsBox #newsMostRead {
	float: right;
}

#newsBox #newsMostRead h3,
#newsBox #newsVideoBox .inside h3 {
	color: #FF6600;
	font-size: 15pt;
	margin: 0 0 10px 0;
}

#newsBox #newsMostRead .newsItem {
	position: relative;
	display: block;
	margin: 0 0 25px 0;
}

#newsBox #newsMostRead .newsItem img {
	width: 100%;
	min-height: 100px;
	display: block;
}

#newsBox #newsMostRead .newsItem p {
	position: absolute;
	bottom: 0;
	left: 0;
	background: url(../img/transparant_black.png) repeat;
	width: 100%;
	padding: 15px;
	color: #fff;
	font-size: 13.5pt;
	margin: 0;
	font-family: robotolight, Arial, Sans-serif;
}

#newsBox #newsPaging ul,
.pagingBox ul {
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
	width: 100%;
	text-align: center;
	display: block;
	float: left;
}

#newsBox #newsPaging ul li,
.pagingBox ul li {
	display: inline;
}

#newsBox #newsPaging ul li .btn,
.pagingBox ul li .btn {
	height: 26px;
	line-height: normal;
}

#newsBox #newsPaging ul li .btn.current,
.pagingBox ul li .btn.current {
	color: #FF6600;
}

#newsBox #newsArticle img {
	width: 100%;
	display: block;
	border-left: 10px solid #FF6600;
}

#newsBox #newsArticle .info {
	color: #867E75;
	font-size: 10.5pt;
	margin: 20px 0 10px 0;
	display: block;
}

#newsBox #newsArticle .info .author {
	margin: 0 0 0 20px;
}

#newsBox #newsArticle p.intro {
	font-size: 12pt;
	font-weight: bold;
	margin: 0 0 10px 0;
}

#newsBox #newsArticle .newsText {
	font-family: Arial, Sans-serif;
	font-size: 11pt;
	font-weight: normal;
	line-height: 150%;
	padding: 0 0 10px 0;
}

#newsBox #newsArticle .newsText h6 {
	font-family: Arial, Sans-serif;
	font-size: 8pt;
	font-weight: normal;
	line-height: 150%;
}

#newsVideos {
	margin: 50px 0 20px 0;
}

#newsVideos h3 {
	color: #FF6600;
	margin: 0;
}

#newsVideos .insideBox {
	overflow: hidden;
	padding: 20px 48px;
	margin-top: 20px;
	background: #f9f9f9;
	border-radius: 5px;
}

#newsVideos .inside {
	position: relative;
	overflow: hidden;
	height: 370px;
	width: 100%;
	float: left;
}

#newsVideos .inside ul {
	position: absolute;
	top: 0;
	left: 0;
	list-style-type: none;
	list-style-position: outside;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

#newsVideos .inside ul li,
#newsBox #newsVideoBox .inside ul li {
	background: #fff;
	width: 260px;
	height: 370px;
	padding: 10px;
	margin: 0 30px 0 0;
	cursor: pointer;
	float: left;
	border-radius: 5px;
}

#newsVideos .inside ul li a,
#newsBox #newsVideoBox .inside ul li a {
	position: relative;
	text-decoration: none;
	display: block;
}

#newsVideos .inside ul li a img,
#newsBox #newsVideoBox .inside ul li a img {
	width: 240px;
	height: 140px;
	border-radius: 5px;
	box-shadow: 1px 1px 4px rgba(0, 0, 0, .4);
}

#newsVideos .inside ul li p,
#newsBox #newsVideoBox .inside ul li p {
	margin: 30px 0 10px 0;
}

#newsVideos .inside ul li p+p,
#newsBox #newsVideoBox .inside ul li p+p {
	margin: 10px 0 0 0;
}

#newsVideos .inside ul li p strong,
#newsBox #newsVideoBox .inside ul li p strong {
	font-family: robotolight, Arial, Sans-serif;
	color: #ff6600;
	font-size: 14pt;
	margin: 0;
	display: block;
}

#newsVideos .inside ul li a .videoPlay {
	background: url(../img/video_play.png) no-repeat;
	position: absolute;
	top: 50px;
	left: 100px;
	width: 40px;
	height: 40px;
	z-index: 10;
}

#newsVideos #videoControls {
	position: relative;
	display: none;
}

#newsVideos #videoControls a {
	position: absolute;
	top: 160px;
	text-decoration: none;
	text-indent: -9999px;
	width: 28px;
	height: 44px;
	display: block;
}

#newsVideos #videoControls a.prev {
	background: url(../img/carousel_arrow_left.png) no-repeat;
	left: -48px;
}

#newsVideos #videoControls a.next {
	background: url(../img/carousel_arrow_right.png) no-repeat;
	right: -48px;
}


#newsBox #newsVideoBox .inside {
	background: #f9f9f9;
	padding: 20px 10px;
	border-radius: 5px;
	width: 100%;
	margin: 0 0 30px 0;
	float: left;
}

#newsBox #newsVideoBox .inside p {
	font-size: 11pt;
	margin: 0;
	font-family: robotolight, Arial, Sans-serif;
}

#newsBox #newsVideoBox .inside ul {
	background: #fff;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 15px;
	border-radius: 5px;
	width: 100%;
	float: left;
}

#newsBox #newsVideoBox .inside ul li {
	margin: 0;
	padding: 0;
	width: auto;
	height: auto;
	cursor: default;
}

#newsBox #newsVideoBox .inside ul li img {
	width: 100%;
	height: auto;
}

#newsBox #newsVideoBox .inside ul li a.more {
	margin: 10px 0 0 0;
	float: left;
}


/*
	-------------------------
	DEP DESIGN - FUND BOX
	-------------------------
*/
.fundLevel,
.shadowBox {
	background: #fff;
	position: relative;
	display: block;
	border-radius: 5px;
	-moz-box-shadow: 0 0 10px 2px #E4E3E1;
	-webkit-box-shadow: 0 0 10px 2px #E4E3E1;
	box-shadow: 0 0 10px 2px #E4E3E1;
	padding: 15px;
	width: 100%;
	margin: 0 0 20px 0;
	float: left;
}

.fundLevel.next-row-col {
	margin: 40px 0 20px 0;
}

.fundLevel:before,
.fundLevel:after,
.shadowBox:before,
.shadowBox:after {
	z-index: -1;
	position: absolute;
	content: '';
	bottom: 15px;
	left: 5px;
	width: 50%;
	top: 80%;
	max-width: 300px;
	background: #867E75;
	-moz-box-shadow: 0 15px 10px #867E75;
	-webkit-box-shadow: 0 15px 10px #867E75;
	box-shadow: 0 15px 10px #867E75;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

.fundLevel:after,
.shadowBox:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 5px;
	left: auto;
}

.fundLevel h2 {
	margin: 0;
	text-align: center;
	color: #ff6600;
	border-bottom: 1px solid #EEE;
}

.fundLevel h2.fundRisk1 {
	background: url(../img/fundRisk1.png) no-repeat top center;
	padding: 40px 0 10px 0;
}

.fundLevel h2.fundRisk2 {
	background: url(../img/fundRisk2.png) no-repeat top center;
	padding: 40px 0 10px 0;
}

.fundLevel h2.fundRisk3 {
	background: url(../img/fundRisk3.png) no-repeat top center;
	padding: 40px 0 10px 0;
}

#fundChoise .fundLevel h2 {
	width: 100%;
	height: 69px;
	display: block;
	text-indent: -9999px;
	background-position: center top;
	background-repeat: no-repeat;
	padding: 0 0 10px 0;
	border-bottom: none;
	text-align: left;
}

.language_1 #fundChoise .fundLevel h2.fundRisk1 {
	background-image: url(../img/productlogo_nl_voorzichtig_desktop.png);
}

.language_1 #fundChoise .fundLevel h2.fundRisk2 {
	background-image: url(../img/productlogo_nl_neutraal_desktop.png);
}

.language_1 #fundChoise .fundLevel h2.fundRisk3 {
	background-image: url(../img/productlogo_nl_avontuurlijk_desktop.png);
}

.language_2 #fundChoise .fundLevel h2.fundRisk1 {
	background-image: url(../img/productlogo_en_careful_desktop.png);
}

.language_2 #fundChoise .fundLevel h2.fundRisk2 {
	background-image: url(../img/productlogo_en_neutral_desktop.png);
}

.language_2 #fundChoise .fundLevel h2.fundRisk3 {
	background-image: url(../img/productlogo_en_adventurous_desktop.png);
}

#fundTotalSolution .fundLevel .fundHorizion {
	margin: -44px 0 0;
	padding: 0 0 14px;
	text-align: center;
	width: 100%;
	position: relative;
	z-index: 1;
}

#fundTotalSolution .fundLevel .fundHorizion span {
	display: inline-block;
	color: #fff;
	padding: 5px 10px;
	font-size: 12pt;
	border-radius: 5px 5px 0 0;
}

#fundTotalSolution .fundLevel h2 {
	background: none;
	padding: 0 0 10px 0;
	font-size: 18pt;
}

#fundTotalSolution .fundLevel h2:before {
	content: '';
	display: inline-block;
	margin: -5px 10px 0 0;
	vertical-align: middle;
}

#fundTotalSolution .fundLevel h2.fundRisk1:before {
	background: url(../img/fundRisk1.png) no-repeat top center;
	width: 46px;
	height: 38px;
}

#fundTotalSolution .fundLevel h2.fundRisk2:before {
	background: url(../img/fundRisk2.png) no-repeat top center;
	width: 40px;
	height: 31px;
}

#fundTotalSolution .fundLevel h2.fundRisk3:before {
	background: url(../img/fundRisk3.png) no-repeat top center;
	width: 45px;
	height: 30px;
}

.chart {
	width: 100%;
	max-width: 100%;
	/* height:225px; */
	margin: 0;
	display: inline-block;
}

#fundTotalSolution .fundLevel {
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 50%, #f2f1ef 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(100%, #f2f1ef));
	background: -webkit-linear-gradient(top, #ffffff 50%, #f2f1ef 100%);
	background: -o-linear-gradient(top, #ffffff 50%, #f2f1ef 100%);
	background: -ms-linear-gradient(top, #ffffff 50%, #f2f1ef 100%);
	background: linear-gradient(to bottom, #ffffff 50%, #f2f1ef 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#f2f1ef', GradientType=0);
}

#contentBox>#fundChoise {
	margin-top: 90px;
}

#fundChoise h1 {
	margin: 0 0 30px 0;
}

#fundTotalSolution h1 {
	margin: 0 0 60px 0;
}

#fundChoise #fundChoiseAnimation {
	background: #f8f8f8;
	padding: 20px;
	margin: 0 0 30px 0;
	border-radius: 5px;
}

#fundChoise #fundChoiseAnimation h2 {
	margin: 0;
	font-size: 16pt;
}

#fundChoise #fundChoiseAnimation p {
	margin: 5px 0 0 0;
	font-family: robotolight, Arial, Sans-serif;
	font-size: 11pt;
}

#fundChoise #fundChoiseAnimation .placeHolder {
	position: relative;
	display: block;
	-moz-box-shadow: 0 90px 10px -90px #867E75;
	-webkit-box-shadow: 0 90px 10px -90px #867E75;
	box-shadow: 0 90px 10px -90px #867E75;
	width: 275px;
	height: 137px;
	margin: -50px 0 0 5px;
	z-index: 10;
}

#fundChoise #fundChoiseAnimation .placeHolder:before,
#fundChoise #fundChoiseAnimation .placeHolder:after {
	position: absolute;
	content: '';
	bottom: 15px;
	left: 5px;
	width: 50%;
	top: 80%;
	max-width: 275px;
	background: #867E75;
	-moz-box-shadow: 0 15px 10px #867E75;
	-webkit-box-shadow: 0 15px 10px #867E75;
	box-shadow: 0 15px 10px #867E75;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#fundChoise #fundChoiseAnimation .placeHolder:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 5px;
	left: auto;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside {
	background: #ccc;
	display: block;
	width: 100%;
	height: 100%;
	position: relative;
	z-index: 15;
	border: 5px solid #fff;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside a {
	display: block;
	width: 100%;
	height: 100%;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside a .play {
	background-color: rgba(0, 0, 0, 0.4);
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside a .play span {
	width: 100%;
	color: #fff;
	display: block;
	font-size: 14pt;
	text-align: center;
	font-family: robotobold, Arial, Sans-serif;
	margin: 15px 0 0 0;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside a .play span+span {
	font-family: robotolight, Arial, Sans-serif;
	margin: 5px 0 0 0;
}

#fundChoise #fundChoiseAnimation .placeHolder .inside a .play .videoPlay {
	background: url(../img/video_play.png) no-repeat center;
	position: absolute;
	bottom: 20px;
	left: 0;
	width: 100%;
	height: 40px;
	z-index: 10;
}

#fundChoise .fundLevel ul,
.fundLevel ul.list,
.marketing ul.list {
	list-style-type: none;
	margin: 10px 0;
	padding: 0;
}

#fundChoise .fundLevel ul li,
.fundLevel ul.list li,
.marketing ul.list li {
	background: url(../img/header_accept.png) no-repeat left center;
	width: 100%;
	padding: 0 0 0 40px;
	margin: 0 0 0 -10px;
	line-height: 30px;
	font-size: 10pt;
}

#fundPopularList ul.list {
	margin: 15px 0 20px -10px;
}

#fundPopularList ul.list li {
	line-height: 20px;
	background: url(../img/header_accept.png) no-repeat left top;
	margin: 5px 0;
}

#fundChoise .fundLevel p {
	font-size: 16pt;
	margin: 20px 0 0 0;
	font-family: robotolight, Arial, Sans-serif;
}

#fundChoise .fundLevel p .btn {
	font-family: robotolight, Arial, Sans-serif;
	color: #fff;
	font-size: 14pt;
	padding: 10px 40px;
	margin: 0 0 20px 0;
}

.fundLevel div.text-center {
	margin-bottom: 1.636em;
	display: block;
}

.fundLevel div.inlineBlock {
	display: inline-block;
}

.fundLevel p .btn,
.fundLevel div .btn {
	font-family: robotolight, Arial, Sans-serif;
	color: #fff;
	font-size: 11pt;
	padding: 10px 20px;
	margin: 0 5px 0;
}

.fundLevel p .btn.btn-grey-light {
	color: #002F6B;
}

.fundLevel p span {
	display: inline-block;
}

.fundLevel .risk,
#fundList .risk,
.fundList .risk {
	background: #dadada;
	width: 9px;
	height: 15px;
	border-radius: 3px;
	overflow: hidden;
	display: inline-block;
	margin: 0 0 0 3px;
}

.fundLevel .risk.active,
#fundList .risk.active,
.fundList .risk.active {
	background: #0099cc;
}

#fundList .risk,
.fundList .risk {
	border-radius: 0;
	height: 14px;
	width: 3px;
	margin: 3px 0 0 3px;
	float: left;
}

#fundPopularChoise {
	margin: 0 0 20px 0;
	display: block;
	float: left;
}

#fundPopularChoise label {
	position: relative;
	font-size: 10.5pt;
	margin: 0 10px 0 0;
	padding: 0 0 0 30px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	line-height: 1.818em;
	float: left;
}

#fundPopularChoise label input.adv {
	background: none;
	position: absolute;
	overflow: hidden;
	clip: rect (0 0 0 0);
	height: 1px;
	border: none;
	margin: 0 0 0 0;
	padding: 0;
	margin: 0;
	z-index: 1;
	top: 5px;
	left: 2px;
	cursor: pointer;
}

#fundPopularChoise label .labelAdv {
	background: #fff;
	-webkit-box-shadow: inset 0px 3px 0px 0px #d9d9d9;
	box-shadow: inset 0px 0px 3px 0px #d9d9d9;
	padding-left: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 100;
	border: 1px solid #ccc;
	border-radius: 100px;
	outline: 0 none;
	overflow: hidden;
}

#fundPopularChoise label input.adv:checked+.labelAdv:after {
	content: '';
	border: none;
	box-shadow: none;
	height: 12px;
	width: 12px;
	background: #ff6600;
	position: absolute;
	top: 3px;
	left: 4px;
	border-radius: 100px;
}

#fundPopularList .fundLevel {
	margin: 0 0 40px 0;
}

#fundPopularList h2 {
	color: #ff6600;
	padding: 0 0 10px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
	font-size: 13pt;
	line-height: 50px;
	height: 60px;
	text-align: left;
}

#fundPopularList h2.multiLine {
	line-height: 25px;
}

#fundPopularList h2 div {
	position: relative;
	height: 50px;
	display: inline-block;
	text-align: left;
	padding: 0 0px 0 40px;
}

#fundPopularList h2 span {
	display: block;
	width: 29px;
	height: 29px;
	margin: 0 0 0 -40px;
	float: left;
}

#fundPopularList h2.multiLine div span {
	margin: 12px 0 0 -40px;
}

ul.detail {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
	clear: both;
}

ul.detail li {
	background: #F2F2F2;
	margin: 0 0 5px 0;
	padding: 3px 10px;
	font-size: 10.5pt;
	position: relative;
	width: 100%;
	float: left;
}

ul.detail li span {
	width: 50%;
	float: left;
	padding-top: 1px;
}

ul.detail li span:first-child,
ul.detail li span>span {
	padding-top: 0px;
}

ul.detail li span:first-child {
	padding-right: 5px;
}

#fundPopularList ul.detail li span:first-child,
#fundPopularList ul.detail li span.example {
	width: 57%;
}

#fundPopularList ul.detail li span+span:not(.star) {
	width: 43%;
}

ul.detail li .iconInfo {
	position: absolute;
	top: 3px;
	right: 10px;
}

ul.detail li span.star,
#fundList .star,
.fundList .star {
	background: url(../img/star_grey.png) no-repeat center;
	width: 14px;
	height: 13px;
	display: inline-block;
	float: none;
}

ul.detail li span.star.active,
#fundList .star.active,
.fundList .star.active {
	background: url(../img/star_orange.png) no-repeat;
	width: 14px;
	height: 13px;
}

#fundList .star {
	margin: 3px 0 0 1px;
	float: left;
}

#fundPopularList #fundBox1 {
	display: block;
}

#fundPopularList #fundBox2 {
	display: none;
}

#fundTotalSolution .fundLevel .btn {
	margin: 0 5px 20px 5px;
	padding: 10px 40px;
}

#fundTotalSolution .iconInfo {
	margin: 0 -5px 0 0;
}

#fundTotalSolution .fundLevel div.text-center,
#fundTotalSolution .fundLevel p {
	font-family: robotolight, Arial, Sans-serif;
	margin: 10px 0;
	font-size: 12pt;
	width: 100%;
	float: left;
}

#fundTotalSolution .fundLevel h3 {
	color: #ff6600;
	margin: 20px 0 0 0;
	width: 100%;
	font-size: 16pt;
	float: left;
}

#fundDetail h2,
#fundDetail h3 {
	color: #ff6600;
	font-size: 16pt;
}

#fundDetail .return-table-header {
	width: 100%;
	padding: 5px 0;
	color: #000;
	font-weight: bold;
	font-size: 10.5pt;
	float: left;
}

#fundDetail #lineChart {
	width: 100%;
	float: left;
}

#fundDetail table {
	margin: 0 0 20px 0;
}

#fundDetail table thead tr th {
	color: #bab1a7;
	font-weight: normal;
}

#fundDetail table tbody {
	border-bottom: none;
}

#fundDetail .tab-content {
	overflow: hidden;
}

#fundDetail .video {
	background: #f0f0f0;
	display: block;
	padding: 10px;
	margin: 0 0 20px 0;
}

#fundDetail .downloads a {
	display: block;
	width: 100%;
	text-decoration: none;
	color: #002E6B;
}

#fundDetail .downloads a:hover {
	color: #ff6600;
}

#fundDetail .downloads a .btn {
	margin: -4px 0 -2px 0;
	float: right;
}

#fundDetail .btn.buy {
	color: #fff;
	padding: 10px 40px;
	font-size: 12pt;
	margin: 0 0 15px 0;
	float: left;
}

#fundDetail .btn.buy.right {
	float: right;
}

/*
	-------------------------
	DEP DESIGN - TABS
	-------------------------
*/
.tabs-top {
	margin: 0;
	list-style: none;
	padding: 0;
}

.tabs-top>li>a {
	display: block;
}

.tabs-top>li>a:hover,
.tabs-top>li>a:focus {
	text-decoration: none;
	background-color: #eeeeee;
}

.tabs-top {
	margin-bottom: 0;
}

.tabs-top>li,
.tabs-top>.current {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	background: none;
	box-shadow: none;
	margin: 0;
	padding: 0;
	text-shadow: none;
	width: auto;
}

.tabs-top>.current>a,
.tabs-top>.current>a:hover,
.tabs-top>.current>a:focus {
	color: #ffffff;
	text-shadow: none;
	background-color: #0088cc;
}

.tabs-top {
	*zoom: 1;
}

.tabs-top:before,
.tabs-top:after {
	display: table;
	line-height: 0;
	content: "";
}

.tabs-top:after {
	clear: both;
}

.tabs-top>li {
	float: left;
}

.tabs-top {
	border-bottom: 1px solid #ddd;
}

.tabs-top>li {
	margin-bottom: -1px;
}

.tabs-top>li>a {
	padding-right: 12px;
	padding-left: 12px;
	margin-right: 2px;
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
	border: 1px solid transparent;
	-webkit-border-radius: 4px 4px 0 0;
	-moz-border-radius: 4px 4px 0 0;
	border-radius: 4px 4px 0 0;
	background: #e9e9e9;
	color: #002C6B;
	font-size: 12pt;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	line-height: normal;
	min-height: auto;
}

.tabs-top>li>a:hover,
.tabs-top>li>a:focus {
	border-color: #eeeeee #eeeeee #dddddd;
}

.tabs-top>.current>a,
.tabs-top>.current>a:hover,
.tabs-top>.current>a:focus {
	color: #555555;
	cursor: default;
	background-color: #ffffff;
	border: 1px solid #ddd;
	border-bottom-color: transparent;
}

.nav-tabs,
.tabs-top {
	margin: 20px 0;
}

.nav-tabs>li,
.tabs-top>li {
	margin-right: 5px;
}

.nav-tabs>li>a,
.tabs-top>li>a {
	background: #e9e9e9;
	color: #002C6B;
	font-size: 12pt;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	line-height: normal;
}

.nav-tabs>li>a:hover,
.nav-tabs>li>a:focus,
.tabs-top>li>a:hover,
.tabs-top>li>a:focus {
	background: #dbdbdb;
	color: #000;
}

#documentsTab .tabs-top {
	margin: 0 0 10px 0;
}

#documentsTab.tabs .tab {
	padding: 0;
}

#documentsTab.tabs .tab .wide {
	margin: 0;
}

#documentsTab .tab h2 {
	font-size: 10.5pt;
	font-family: robotolight, Arial, Sans-serif;
	font-style: normal;
	font-weight: normal;
}

#documentsTab .accountnr td img {
	margin: 1px 5px 0 0;
	margin: 3px 5px 0 0\9;
	width: 15px;
	height: 15px;
	float: left;
}


/*
	-------------------------
	DEP DESIGN - ALL FUNDS
	-------------------------
*/
#fundBox {
	display: none;
	overflow: visible !important;
}

#fundBox.switchFunds {
	display: block;
}

#fundBox #fundButtons ul {
	background: #000;
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 50px;
	float: left;
}

#fundBox #fundButtons ul li {
	width: 50%;
	text-align: center;
	float: left;
}

#fundBox #fundButtons ul li a {
	display: block;
	line-height: 50px;
	color: #fff;
	font-size: 18pt;
	text-decoration: none;
}

#fundBox #fundButtons ul li.current a {
	background: #cc0000;
}

#fundBox select#accountname {
	margin: 0 0 20px;
}

@media (min-width: 768px) {
	#fundBox select#accountname {
		position: absolute;
		top: -96px;
		right: 0;
		margin: 0;
	}
}

#fundBox .inside,
.fundBox .inside {
	position: relative;
	background: #e9e9e9;
	border-radius: 5px;
}

#fundBox .row-fluid:first-child .span4,
.fundBox .row-fluid:first-child .span4 {
	padding: 0 20px;
}

#fundBox .row-fluid:first-child .span4.noPadding,
.fundBox .row-fluid:first-child .span4.noPadding {
	padding: 0;
}

#fundBox .span4,
.fundBox .span4 {
	padding: 5px 20px 15px 20px;
}

#fundBox #fundFilter label {
	margin: 0;
}

#fundBox #fundFilter .inside label,
.fundBox .fundFilter .inside label {
	line-height: 20px;
	font-size: 12pt;
	display: inline-block;
}

#fundBox #fundFilter .inside select,
#fundBox #fundFilter .inside input[type="text"],
.fundBox .fundFilter .inside select,
.fundBox .fundFilter .inside input[type="text"] {
	margin: 0;
}

#fundBox #fundFilter #fundRisk,
.fundBox .fundFilter .select-list {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	float: left;
}

#fundBox #fundFilter #fundRisk>li,
.fundBox .fundFilter .select-list>li {
	position: relative;
	width: 33%;
	display: block;
	text-align: center;
	padding: 0;
	margin: 0;
	float: left;
}

#fundBox #fundFilter #fundRisk li .iconInfo,
.fundBox .fundFilter .select-list li .iconInfo {
	position: absolute;
	top: 9px;
	z-index: 1000;
}

#fundBox #fundFilter #fundRisk li#labelRisk1 .iconInfo {
	right: -8px;
}

#fundBox #fundFilter #fundRisk li#labelRisk1_en .iconInfo {
	right: 2px;
}

#fundBox #fundFilter #fundRisk li#labelRisk2 .iconInfo {
	right: -8px;
}

#fundBox #fundFilter #fundRisk li#labelRisk2_en .iconInfo {
	right: 2px;
}

#fundBox #fundFilter #fundRisk li#labelRisk3 .iconInfo {
	right: -8px;
}

#fundBox #fundFilter #fundRisk li#labelRisk3_en .iconInfo {
	right: 0;
}

#fundBox #fundFilter #fundRisk li label {
	height: 60px;
}

.fundBox .fundFilter .select-list li label {
	margin: 0;
	height: 85px;
}

#fundBox #fundFilter #fundRisk li div.checkStyle,
.fundBox .fundFilter .select-list li div.checkStyle {
	margin: 12px auto 0 auto;
	width: 20px;
	position: relative;
}

#fundBox #fundFilter #fundRisk li input.adv,
.fundBox .fundFilter .select-list li input.adv {
	background: none;
	position: absolute;
	overflow: hidden;
	clip: rect (0 0 0 0);
	height: 1px;
	width: 100%;
	border: none;
	margin: 0 0 0 -9999px;
	padding: 0;
	margin: 0;
	z-index: 1;
	top: 2px;
	right: 1px;
	cursor: pointer;
}

#fundBox #fundFilter #fundRisk li div.checkStyle span,
.fundBox .fundFilter .select-list li div.checkStyle span {
	background: #fff;
	-webkit-box-shadow: inset 0px 3px 0px 0px #d9d9d9;
	box-shadow: inset 0px 0px 3px 0px #d9d9d9;
	padding-left: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	border: 1px solid #ccc;
	/* border-radius:100px; */
	outline: 0 none;
	overflow: hidden;
}

#fundBox #fundFilter #fundRisk li input.adv:checked+span:after,
.fundBox .fundFilter .select-list li input.adv:checked+span:after {
	content: '';
	border: none;
	box-shadow: none;
	height: 12px;
	width: 12px;
	background: #ff6600;
	position: absolute;
	top: 3px;
	left: 4px;
	/* border-radius:100px; */
}

#fundBox #fundFilter .fundReset,
.fundBox .fundFilter .fundResetBtn {
	background: #e9e9e9;
	position: absolute;
	bottom: -20px;
	right: 10px;
	padding: 0 5px 0 20px;
	height: 20px;
	line-height: 20px;
	border-radius: 0 0 5px 5px;
	overflow: hidden;
	font-size: 10pt;
	text-decoration: none;
	color: #002F6B;
}

#fundBox #fundFilter .fundReset:before,
.fundBox .fundFilter .fundResetBtn:before {
	content: '';
	background: url(../img/icon_close.png) no-repeat;
	position: absolute;
	top: 5px;
	left: 7px;
	width: 7px;
	height: 7px;
}

#fundBox #fundFilter .fundReset:hover,
.fundBox .fundFilter .fundResetBtn:hover {
	color: #ff6600;
}

#fundBox #fundPopular .btn {
	padding: 10px;
	font-size: 11pt;
}

#fundBox #fundPopular .btn.active span {
	color: #ff6600;
}

#fundBox #fundPopular .btn span {
	position: relative;
	display: block;
	width: 265px;
	text-align: left;
	float: left;
}

#fundBox #fundPopular .text-right .btn span {
	background: url(../img/icon_world.png) no-repeat left center;
	padding: 5px 0 5px 40px;
}

#fundBox #fundPopular .text-left .btn span {
	background: url(../img/icon_time.png) no-repeat left center;
	padding: 5px 0 5px 40px;
}

#fundBox #fundPopular .btn span:after {
	content: '';
	background: url(../img/arrow_orange.png) no-repeat;
	width: 8px;
	height: 13px;
	position: absolute;
	top: 8px;
	right: 0;
}

#fundPopular {
	margin-top: 35px;
}

#fundPopular a.iconInfo {
	top: 2px;
}

#fundBox #fundList,
.fundBox .fundList {
	margin-top: 30px;
	position: relative;
}

#fundBox.switchFunds #fundList {
	margin: 0 0 10px 0;
	width: 100%;
	float: left;
}

#fundBox.switchFunds #fundList.morethan10fund .fundOverview {
	height: 415px;
	overflow-y: scroll;
	width: 100%;
	float: left;
}

#fundBox.switchFunds #fundList .fundRow,
#fundBox.switchFunds #fundList .fundRow.fundRowHead {
	padding-right: 16px;
}

#fundBox.switchFunds #fundList.morethan10fund .fundRow:not(.fundRowHead) {
	padding-right: 0;
}

#fundBox #fundList .fundName a,
.fundBox .fundList .fundName a {
	display: block;
	text-decoration: none;
	color: #002F6B;
}

.fundBox .fundList .fundName span {
	color: #002F6B;
}

#fundBox #fundList .fundName a:hover,
.fundBox .fundList .fundName a:hover {
	color: #ff6600;
}

#fundBox #fundList .fundButton form,
.fundBox .fundList .fundButton form {
	margin: 0;
}

#fundBox #fundList .fundButton .btn,
.fundBox .fundList .fundButton .btn {
	margin: -5px 0 -3px 0;
	color: #fff;
}

#fundBox #fundList .iconInfo,
.fundBox .fundList .iconInfo {
	margin: 0px 0 -10px 3px;
}

#fundBox #fundList #fundComparison,
.fundBox .fundList .fundComparison {
	bottom: auto;
	font-size: 10pt;
	height: 25px;
	left: auto;
	line-height: normal;
	padding: 5px;
	position: absolute;
	right: 0;
	top: -7px;
	width: 110px;
}

#fundBox #fundList #fundComparison span,
.fundBox .fundList .fundComparison span {
	float: none;
	display: inline;
}

#fundBox #fundList #fundComparison:before,
.fundBox .fundList .fundComparison:before {
	content: '';
	position: absolute;
	bottom: -10px;
	right: 10px;
	height: 7px;
	width: 1px;
	background: #ff6600;
}

#fundBox #fundList #fundComparison:after,
.fundBox .fundList .fundComparison:after {
	background: url(../img/arrow_small_bottom2.png) no-repeat;
	content: '';
	position: absolute;
	top: 10px;
	right: 5px;
	width: 10px;
	height: 7px;
}

#fundBox .fundCheck div,
.fundBox .fundCheck div {
	position: relative;
	margin: -15px 0 0 0;
}

#fundBox #fundList input.adv,
.fundBox .fundList input.adv {
	background: none;
	position: absolute;
	overflow: hidden;
	clip: rect (0 0 0 0);
	height: 1px;
	width: 1px;
	border: none;
	margin: 0 0 0 -9999px;
	padding: 0;
	margin: 0;
	z-index: 1;
	top: 0;
	right: 0;
	cursor: pointer;
}

#fundBox #fundList input.adv+label,
.fundBox .fundList input.adv+label {
	background: #fff;
	-webkit-box-shadow: inset 0px 3px 0px 0px #d9d9d9;
	box-shadow: inset 0px 0px 3px 0px #d9d9d9;
	padding-left: 14px;
	height: 14px;
	display: inline-block;
	line-height: 14px;
	background-repeat: no-repeat;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 100;
	border: 1px solid #ccc;
	border-radius: 3px;
	outline: 0 none;
	overflow: hidden;
}

#fundBox #fundList input.adv:checked+label,
.fundBox .fundList input.adv:checked+label {
	background: url(../img/icon_close.png) no-repeat center #fff;
}

#fundBox #fundList input.adv:disabled+label,
.fundBox .fundList input.adv:disabled+label {
	background: #f0f0e1;
	cursor: auto;
}

#fundBox #fundList .fundListBox,
.fundBox .fundList .fundListBox {
	width: 100%;
	float: left;
}

#fundBox #fundList .fundListBox .fundRow,
.fundBox .fundList .fundListBox .fundRow {
	width: 100%;
	border-bottom: 1px solid #EEE;
	float: left;
}

.fundBox .fundList .fundListBox .fundRow.no-border {
	border-bottom: none;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead,
.fundBox .fundList .fundListBox .fundRow.fundRowHead {
	border-bottom: 3px solid #ff6600;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead span,
.fundBox .fundList .fundListBox .fundRow.fundRowHead span {
	cursor: pointer;
	display: block;
	padding: 0 5px 0 0;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead span+div,
.fundBox .fundList .fundListBox .fundRow.fundRowHead span+div {
	width: 0px;
	height: 0px;
	border-style: solid;
	margin: 6px 0 0;
	border-width: 5px 5px 0 5px;
	border-color: #ccc transparent transparent transparent;
	cursor: pointer;
	float: left;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead span.asc+div,
.fundBox .fundList .fundListBox .fundRow.fundRowHead span.asc+div {
	border-width: 0 5px 5px;
	border-color: transparent transparent #FF6600 transparent;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead span.desc+div,
.fundBox .fundList .fundListBox .fundRow.fundRowHead span.desc+div {
	border-width: 5px 5px 0 5px;
	border-color: #FF6600 transparent transparent transparent;
}

#fundBox #fundList .fundListBox .fundRow .fundNoResult,
#fundBox #fundList .fundListBox .fundRow .fundName,
#fundBox #fundList .fundListBox .fundRow .fundPrice,
#fundBox #fundList .fundListBox .fundRow .fundEfficiency,
#fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD,
#fundBox #fundList .fundListBox .fundRow .fundRisk,
#fundBox #fundList .fundListBox .fundRow .fundMorningstar,
#fundBox #fundList .fundListBox .fundRow .fundButton,
.fundBox .fundList .fundListBox .fundRow .fundCol,
.fundBox .fundList .fundListBox .fundRow .fundNoResult,
.fundBox .fundList .fundListBox .fundRow .fundName,
.fundBox .fundList .fundListBox .fundRow .fundPrice,
.fundBox .fundList .fundListBox .fundRow .fundEfficiency,
.fundBox .fundList .fundListBox .fundRow .fundEfficiencyYTD,
.fundBox .fundList .fundListBox .fundRow .fundRisk,
.fundBox .fundList .fundListBox .fundRow .fundPortfolio,
.fundBox .fundList .fundListBox .fundRow .fundCusKey,
.fundBox .fundList .fundListBox .fundRow .fundDeviation,
.fundBox .fundList .fundListBox .fundRow .fundMorningstar,
.fundBox .fundList .fundListBox .fundRow .fundButton,
.fundBox .fundList .fundListBox .fundRow .fundBuySell {
	padding: 10px 3px;
	color: #333;
	font-size: 10pt;
	text-align: left;
	float: left;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead>div,
.fundBox .fundList .fundListBox .fundRow.fundRowHead>div {
	padding: 5px 3px;
}

#fundBox #fundList .fundListBox .fundRow .fundName,
#fundBox #fundList .fundListBox .fundRow .fundNoResult,
.fundBox .fundList .fundListBox .fundRow .fundName,
.fundBox .fundList .fundListBox .fundRow .fundNoResult {
	padding: 10px 3px 10px 0;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead .fundName,
.fundBox .fundList .fundListBox .fundRow.fundRowHead .fundName {
	padding: 5px 3px 5px 0;
}

#fundBox #fundList .fundListBox .fundRow .fundName,
.fundBox .fundList .fundListBox .fundRow .fundName {
	width: 33%;
}

.language_2 #fundBox #fundList .fundListBox .fundRow .fundName {
	width: 33%;
}

#fundBox.switchFunds #fundList .fundListBox .fundRow .fundName {
	width: 33%;
}

#fundBox #fundList .fundListBox .fundRow .fundPrice,
.fundBox .fundList .fundListBox .fundRow .fundPrice {
	width: 10%;
}

#fundBox #fundList .fundListBox .fundRow .fundEfficiency,
.fundBox .fundList .fundListBox .fundRow .fundEfficiency {
	width: 12%;
}

.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiency {
	width: 13%;
}

#fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD,
.fundBox .fundList .fundListBox .fundRow .fundEfficiencyYTD {
	width: 16%;
}

.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD {
	width: 16%;
}

.fundBox .fundList .fundListBox .fundRow .fundPortfolio,
.fundBox .fundList .fundListBox .fundRow .fundCusKey,
.fundBox .fundList .fundListBox .fundRow .fundDeviation {
	width: 14%;
}

#fundBox #fundList .fundListBox .fundRow .fundRisk,
.fundBox .fundList .fundListBox .fundRow .fundRisk {
	width: 10%;
}

#fundBox #fundList .fundListBox .fundRow .fundRisk div,
.fundBox .fundList .fundListBox .fundRow .fundRisk div,
.fundBox .fundList .fundListBox .fundRow .fundPortfolio div,
.fundBox .fundList .fundListBox .fundRow .fundCusKey div {
	cursor: default;
	display: block;
	float: left;
}

#fundBox #fundList .fundListBox .fundRow .fundMorningstar,
.fundBox .fundList .fundListBox .fundRow .fundMorningstar {
	width: 12%;
}

#fundBox #fundList .fundListBox .fundRow.fundRowHead .fundMorningstar,
.fundBox .fundList .fundListBox .fundRow.fundRowHead .fundMorningstar {
	width: 18%;
}

#fundBox #fundList .fundListBox .fundRow .fundButton,
.fundBox .fundList .fundListBox .fundRow .fundButton,
.fundBox .fundList .fundListBox .fundRow .fundBuySell {
	width: 6%;
}


/* SPECIFIC WIDTH TO SET CUSTOM COMPOSITION */
.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundName {
	width: 40%;
}

.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundMorningstar {
	width: 12%;
}

.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundCompositon {
	width: 14%;
	text-align: right;
}

.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundCompositon input.small {
	width: 60px;
	margin: -7px 0 -4px;
	padding: 3px 5px;
	height: auto;
	line-height: normal;
	text-align: right;
}

.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundPortfolio {
	width: 12%;
	text-align: right;
}

.fundBox .fundList .fundListBox .toggle-box {
	background-color: #e9e9e9;
	border-radius: 5px;
	width: 100%;
	margin: 5px 0 0 0;
	float: left;
}

.fundBox .fundList .fundListBox .toggle-box a {
	display: block;
	text-align: center;
	text-decoration: none;
}

.fundBox .fundList .fundListBox .toggle-box.open a {
	background: url(../img/arrow_small_bottom.png) no-repeat 10px center;
}

.fundBox .fundList .fundListBox .toggle-box a h4 {
	color: #333;
	margin: 0;
	font-size: 16px;
	padding: 5px 0;
	text-decoration: none;
}

.fundBox .fundList .fundListBox .toggle-box+div {
	display: none;
	width: 100%;
	float: left;
}

.fundBox .fundList .fundListBox .toggle-box.open+div {
	display: block;
}



/*
	-------------------------
	DEP DESIGN - OPEN ACCOUNT / FIRSTTIME
	-------------------------
*/

#accountOpen,
#accountSettings {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-size: 10.5pt;
}

.tabs .tab:not(.editform) #accountSettings {
	margin: 0 -14px;
}

#accountOpen p,
#firstTime p,
#accountSettings p {
	font-family: robotolight, Arial, Sans-serif;
}

#accountOpen h2,
#accountOpen h3,
#firstTime h2,
#accountSettings h2 {
	color: #ff6600;
}

#accountOpen h2,
#accountSettings h2 {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
}

#accountOpen .accountOpen-abbreviated-sidebar h2 {
	color: #000;
	border-bottom: none;
	padding: 0;
	margin: 20px 0 10px 0;
}

#accountOpen .accountOpen-abbreviated-sidebar ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#accountOpen .accountOpen-abbreviated-sidebar ul li {
	background: url("../img/contactPhone.png") no-repeat scroll left center rgba(0, 0, 0, 0);
	padding: 0 0 0 45px;
	line-height: 29px;
	margin: 0 0 20px 0;
	color: #000;
}

#accountOpen .accountOpen-abbreviated-sidebar ul li+li {
	background: url("../img/contactEmail.png") no-repeat scroll left center rgba(0, 0, 0, 0);
}

#accountOpen .accountOpen-abbreviated-sidebar ul li a {
	text-decoration: none;
	color: #000;
}

#accountOpen .accountOpen-abbreviated-sidebar ul li a:hover {
	color: #ff6600;
}

#accountOpen form h3 {
	/*padding:10px 0;*/
	border-bottom: 1px solid #EEE;
	font-family: robotobold, Arial, Sans-serif;
	color: #ccc;
	font-size: 13.5pt;
}

.step .showData label {
	line-height: inherit;
}

#accountOpen .line {
	padding: 20px 0;
	border-top: 1px solid #EEE;
	margin-top: 15px;
}

#firstTime h3,
#accountSettings h1 {
	color: #000;
}

#accountSettings h1 {
	font-size: 24pt;
}

#accountOpen h2,
#firstTime h2,
#firstTime h3,
#accountSettings h2 {
	font-size: 13.5pt;
}

#accountOpen h3,
#accountSettings h2 {
	font-size: 16pt;
	margin: 0 0 20px 0;
}

#accountOpen form,
#accountSettings form {
	padding: 0 0 10px 0;
	border-bottom: 1px solid #EEE;
}

#accountOpen.accountOpen-abbreviated form {
	border-bottom: none;
}

#accountOpen .iconInfo,
#accountOpen .iconInfoIban,
#accountSettings .iconInfo {
	margin: 9px 0 0 3px;
}

#accountOpen .iconInfo.inline {
	margin: 0 0 0 -5px;
}

#accountOpen .tip {
	background: #eaeaea;
	padding: 10px;
	line-height: 150%;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-size: 10.5pt;
}

#accountOpen .tip img {
	float: left;
}

#accountOpen .tip span {
	width: 100%;
	display: block;
	padding: 0 0 0 35px;
	float: left;
}

#accountOpen .tip span img {
	margin: 5px 0 0 -35px;
	float: left;
}

#accountOpen .tip ul {
	padding: 0;
	margin: 0 0 0 15px;
}

#accountOpen ul li {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
}

#accountOpen .list,
#accountSettings .list {
	border: 1px solid #ccc;
	padding: 10px;
	margin: -13px 0 10px 0;
}

#accountSettings .list {
	margin: 0 0 10px 0;
}

#accountOpen .list ul {
	list-style-type: none;
	margin: 0 0 0 -10px;
	padding: 0;
}

#accountOpen .list ul li {
	background: url(../img/header_accept.png) no-repeat left top;
	padding: 0 0 0 45px;
	margin: 0 0 20px 0;
	font-size: 10.5pt;
}

#accountOpen .list ul li span {
	font-size: 10.5pt;
	display: block;
	margin: 0 0 5px 0;
}

#accountSettings .checkbox div {
	padding: 0 0 0 20px;
}

#accountSettings .checkbox div input[type="checkbox"] {
	margin: 7px 0 0 -20px;
}

html[data-useragent*='MSIE 10.0'] #accountSettings .checkbox div input[type="checkbox"] {
	margin: 4px 0 0 -20px;
}

#accountOpen .list p.security,
#accountSettings .list p.security {
	background: url(../img/iconSecurity.png) no-repeat;
	line-height: 28px;
	margin: 0;
	padding: 0 0 0 35px;
	color: #ff6600;
	font-size: 14pt;
}

#accountOpen .list p.security {
	background: none;
}

#accountOpen ul.radio,
#accountSettings ul.radio {
	width: 100%;
	margin: 5px 0;
	float: left;
}

#accountOpen ul.radio li,
#accountSettings ul.radio li {
	margin: 0 10px 0 0;
	clear: none;
	float: left;
}

#accountOpen ul.radio li input[type="radio"],
#accountSettings ul.radio li input[type="radio"] {
	margin: 0;
	float: left;
}

#accountOpen .showData,
#accountOpen .showDataSummary,
#accountOpen .showCheck,
#accountSettings .showData {
	margin: 0 0 20px 0;
}

#accountOpen .showData .row-fluid,
#accountOpen .showDataSummary .row-fluid,
#accountSettings .row-fluid {
	font-size: 10.5pt;
	line-height: 25px;
}

#accountOpen .showData .row-fluid.grey,
#accountOpen .showDataSummary .row-fluid.grey,
#accountSettings .row-fluid.grey {
	background: #eaeaea;
}

#accountOpen .showData .row-fluid .span4:first-child,
#accountOpen .showDataSummary .row-fluid .span4:first-child,
#accountSettings .row-fluid .span4:first-child,
#accountSettings .checkbox div {
	font-family: robotobold, Arial, Sans-serif;
}

#accountSettings .row-fluid.link p {
	margin: -10px 0 10px 0;
}

#accountOpen .showData .row-fluid,
#accountOpen .showDataSummary .row-fluid,
#accountSettings .row-fluid.row-padding {
	padding: 5px 5px 5px 8px;
}

#accountOpen .showData.hideOnSummary .row-fluid {
	padding: 0;
}


#accountOpen .row-fluid [class*="span"] {
	min-height: auto;
}

#accountOpen label.checkbox,
#accountSettings label.checkbox {
	display: block;
	margin: 0;
	padding: 0 0 0 20px;
	width: 100%;
	line-height: 150%;
	float: left;
}

#accountOpen label.checkbox input[type="checkbox"],
#accountSettings label.checkbox input[type="checkbox"] {
	margin: 5px 0 0 -20px;
	float: left;
}

html[data-useragent*='MSIE 10.0'] #accountOpen label.checkbox input[type="checkbox"],
html[data-useragent*='MSIE 10.0'] #accountSettings label.checkbox input[type="checkbox"] {
	margin: 2px 0 0 -20px;
}

#accountOpen .showData ul.radio,
#accountSettings ul.radio {
	margin: -1px 0 -5px 0;
}

#accountOpen a {
	color: #002E6B;
	text-decoration: underline;
}

#accountOpen .tooltip a {
	color: #fff;
}

#accountOpen a:hover {
	color: #FF6600;
}

#accountOpen .tooltip a:hover {
	color: #fff;
	text-decoration: none;
}

#editMonthly input.btn,
#editMonthly .btn.white-text *,
#accountSettings .btn.white-text *,
.btn.white-text,
.btn.white-text * {
	color: #fff;
}

#accountSettings .btn {
	margin: 0 0 10px 10px;
}

#accountSettings .btn:first-child {
	margin: 0 0 10px 0;
}

#accountSettings .line {
	padding: 10px 0 0 0;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
}

#accountSettings .strength .wrapper label.strength {
	line-height: normal;
	margin: 0 0 20px 0;
	display: none;
}

#accountSettings .strength.weak .wrapper label.strength,
#accountSettings .strength.strong .wrapper label.strength {
	display: block;
}

#accountSettings form.default .bar {
	bottom: 8px;
}

#accountSettings .strength:not(.strong):not(.mediocre):not(.weak) .wrapper {
	margin-bottom: 0;
	padding-bottom: 0;
}

#termsFrame h3 {
	color: #ff6600;
	padding: 0 0 10px 0;
	border-bottom: 1px dashed #000;
}

#firstTime .questions {
	width: 100%;
	float: left;
}

#firstTime .questions ol {
	float: left;
	list-style-position: outside;
	margin: 0 0 0 20px;
}

#firstTime .questions ol li {
	width: 100%;
	margin: 0 0 10px 0;
	font-weight: bold;
	float: left;
}

#firstTime .questions ol li label {
	font-family: robotolight, Arial, Sans-serif;
	line-height: 45px;
	padding: 0 0 0 20px;
	margin: 0;
	width: 100%;
	float: left;
}

#firstTime .questions ol li label input {
	margin: 4px 0 0 -20px;
}

#accountOpen .iconInfo.initials {
	margin: 9px 0 0 -10px;
}


/*
	-------------------------
	DEP DESIGN - STEPS
	-------------------------
*/
.step-indicator {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: 100%;
	clear: both;
	float: left;
}

#accountOpen .step-indicator,
#firstTime .step-indicator {
	margin: 0 0 10px 0;
	padding: 0 0 10px 0;
	border-bottom: 3px solid #ff6600;
}

.step-indicator li {
	width: 100%;
	font-size: 10.5pt;
	line-height: 30px;
	color: #000;
	clear: none;
	padding: 0;
	margin: 0 0 10px 0;
	float: left;
}

#firstTime .step-indicator li {
	width: 25%;
	margin: 0;
	padding: 0 0 0 40px;
}

#accountOpen .step-indicator li.current {
	color: #ff6600;
}

#accountOpen .step-indicator li {
	margin: 0;
	padding: 0 0 0 35px;
	font-size: 10pt;
}

#accountOpen .step-indicator li:nth-child(1) {
	width: 164px;
	line-height: normal;
}

#accountOpen .step-indicator li:nth-child(2) {
	width: 135px;
	line-height: normal;
	margin: 0 0 0 5px;
}

#accountOpen .step-indicator li:nth-child(3) {
	width: 120px;
	margin: 0 0 0 5px;
}

#accountOpen .step-indicator li:nth-child(4) {
	width: 169px;
	margin: 0 0 0 5px;
}

#accountOpen.accountOpen-abbreviated .step-indicator li {
	width: auto;
	margin: 0 0 0 5px;
	line-height: 30px;
}

#accountOpen.accountOpen-abbreviated .step-indicator li:first-child {
	margin: 0;
}

.step-indicator span {
	border-radius: 50px;
	border: 1px solid #ff6600;
	width: 30px;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	text-align: center;
	margin: 0 10px 0 0;
	color: #ff6600;
	font-size: 13.5pt;
	box-shadow: none;
	background: #fff;
	padding: 0;
}

#accountOpen .step-indicator li span {
	margin: 0 0 0 -35px;
}

#firstTime .step-indicator li span {
	margin: 0 0 0 -40px;
}

.step-indicator .current span {
	background: #ff6600;
	color: #fff;
}

.step-indicator .complete span {
	background: #e9e9e9;
	color: #000;
}

/*
	-------------------------
	DEP DESIGN - LOGINFORM
	-------------------------
*/
#loginForm .row-fluid [class*="span"] {
	min-height: auto;
}

#loginForm .btn,
.login .btn {
	padding: 0;
	color: #fff;
	line-height: normal;
	font-size: 12pt;
}

#loginForm .btn.btn-grey-light {
	margin: 0 10px 0 0;
}

#loginForm .btn:not(.btn-grey-light):after,
.login .btn:after {
	background: url(../img/arrow_white.png) no-repeat center right;
	margin: 13px 10px 0 0;
	content: '';
	display: inline-block;
	height: 14px;
	width: 9px;
	vertical-align: baseline;
}

#loginForm .btn input[type="submit"],
.login .btn input[type="submit"] {
	color: #fff;
	padding: 10px 30px 10px 10px;
	margin: 0 -20px 0 0;
	position: relative;
	z-index: 100;
	line-height: normal;
	height: auto;
	font-size: 12pt;
}

#loginForm .btn.white-text * {
	color: #fff;
}

#loginForm .btn * {
	padding: 10px;
}

#loginForm h2,
.questionBox h2 {
	color: #ff6600;
	margin: 0 0 20px 0;
	font-size: 16pt;
	padding: 0;
	border-bottom: none;
	font-family: robotolight, Arial, Sans-serif;
}

.questionBox h2 {
	margin: 10px 0;
}

#loginForm p,
.questionBox p {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-size: 12pt;
}

.questionBox p span,
.questionBox p a {
	font-size: 12pt;
}

#loginForm p.warning {
	font-family: robotobold, Arial, Sans-serif;
	font-size: 10.5pt;
}

#loginForm p span,
.questionBox p span {
	font-family: robotobold, Arial, Sans-serif;
	color: #ff6600;
	display: inline-block;
}


/*
	-------------------------
	DEP DESIGN - PRICES / LIST
	-------------------------
*/
#pricesList ul {
	list-style-type: none;
	margin-left: 0;
}

#pricesList ul li {
	background: url(../img/header_accept.png) no-repeat;
	font-size: 12pt;
	margin: 0 0 10px -10px;
	padding: 0 0 0 45px;
}

#pricesList ul li:after {
	content: '';
	display: block;
	height: 1px;
	background: #ccc;
	margin: 10px 0 0 0;
}

#pricesSidebar .list {
	border: 1px solid #ccc;
	padding: 10px;
	margin: 0 0 10px 0;
}

#pricesSidebar .list .btn {
	display: block;
	color: #fff;
	padding: 10px;
}

.list h2 {
	font-size: 16pt;
	margin: 0 0 20px;
	color: #ff6600;
}

.list,
.list p,
.list li {
	font-size: 10.5pt;
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}


/*
	-------------------------
	DEP DESIGN - MARKETING
	-------------------------
*/
.marketing h1,
.marketing h2,
.marketing h3,
.marketing h4,
#marketingCheck {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}

.marketing li,
.marketing p {
	font-family: Arial, Sans-serif;
}

.marketing ul.list li,
.marketing li,
.marketing p,
#marketingCheck {
	font-size: 10.5pt;
}

.marketing img {
	margin: 5px 0 0 0;
}

.marketing h2,
.marketing h3 {
	font-size: 18pt;
	color: #000;
	line-height: 150%;
}

.marketing h2:after,
.marketing h3:after {
	content: '';
	background: #ABA195;
	height: 3px;
	width: 100%;
	float: left;
}

.marketing #imageBackground {
	height: 340px;
	width: 100%;
}

.marketing #imageBackground .inside {
	background: url(../img/transparant_white.png) repeat;
	margin: 50px 0 0 0;
	padding: 20px;
	display: block;
	border-radius: 3px;
	overflow: hidden;
	float: left;
}

#marketingBox1 #imageBackground .inside {
	margin: 50px 110px 0 0;
}

#marketingBox2 #imageBackground .inside {
	margin: 50px 60px 0 0;
}

.marketing #imageBackground .inside h1 {
	color: #ff6600;
	font-size: 18pt;
	margin: 0;
}

.marketing #imageBackground .inside ul {
	margin: 0 0 20px 15px;
}

.marketing #imageBackground .inside ul li {
	margin: 10px 0 0 0;
}

.marketing #imageBackground .inside .btn {
	color: #fff;
	padding: 10px;
	font-size: 12pt;
}

.marketing .shadowBox {
	margin: 40px 0 0 0;
}

.marketing .shadowBox h3 {
	font-size: 14pt;
	font-family: robotobold, Arial, Sans-serif;
}

.marketing .shadowBox h3:after {
	display: none;
}

.marketing #callToAction {
	background: #d2c8ba;
	border-radius: 3px;
	padding: 30px 0;
	margin: 50px 0 0 0;
}

.marketing #callToAction h4 {
	color: #5d5c5b;
	font-size: 18pt;
}

.marketing #callToAction h4 .btn {
	color: #fff;
	font-size: 14pt;
	padding: 10px;
	margin: 0 0 0 20px;
}

.marketing #marketingFund {
	padding: 30px 0;
	margin: 0 0 30px 0;
}

.marketing #marketingFund h2 {
	color: #ff6600;
	font-size: 20pt;
}

.marketing #marketingFund h2:after {
	display: none;
}

.marketing #marketingFund #popular {
	margin: -20px 0 0 0;
	padding: 35px 15px;
}

.marketing #marketingFund ul.stats {
	margin: 20px 0;
	list-style-type: none;
	width: 100%;
	float: left;
}

.marketing #marketingFund ul.stats li {
	background: #f2f2f2;
	padding: 3px 10px;
	color: #002d6b;
	margin: 0 0 5px 0;
	width: 100%;
	display: block;
	float: left;
}

.marketing #marketingFund ul.stats li strong {
	float: left;
}

.marketing #marketingFund ul.stats li span {
	float: right;
}

.marketing #marketingFund .box {
	margin: 0 0 30px 0;
}

.marketing #marketingFund .box p {
	font-size: 16pt;
	color: #000;
	margin: 0;
	line-height: normal;
}

.marketing #marketingFund .box span {
	margin: 6px 0 0 3px;
}

.marketing #marketingFund .more {
	margin: 0 0 10px 0;
}

.marketing #marketingCheck span {
	background: url(../img/header_accept.png) no-repeat left center;
	line-height: 30px;
	padding: 0 0 0 50px;
	display: inline-block;
}

.marketing #marketingCheck .lines:before,
.marketing #marketingCheck .lines:after {
	content: '';
	width: 1px;
	height: 40px;
	background: #000;
	margin: -5px 0 0 -10px;
	float: left;
}

.marketing #marketingCheck .lines:after {
	margin: -5px -10px 0 0;
	float: right;
}


/*
	-------------------------
	DEP DESIGN - USP
	-------------------------
*/
#uspIntro {
	height: 550px;
	padding: 30px 0 0 0;
	background: #f4f4f4;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f4f4f4 0%, #fafafa 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f4f4f4), color-stop(100%, #fafafa));
	background: -webkit-linear-gradient(top, #f4f4f4 0%, #fafafa 100%);
	background: -o-linear-gradient(top, #f4f4f4 0%, #fafafa 100%);
	background: -ms-linear-gradient(top, #f4f4f4 0%, #fafafa 100%);
	background: linear-gradient(to bottom, #f4f4f4 0%, #fafafa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f4f4f4', endColorstr='#fafafa', GradientType=0);
	width: 100%;
	float: left;
}

#uspIntro h1 {
	color: #ff6600;
}

#uspIntro #uspVideo {
	background: #fff;
	position: relative;
	display: block;
	-moz-box-shadow: 0 90px 10px -90px #867E75;
	-webkit-box-shadow: 0 90px 10px -90px #867E75;
	box-shadow: 0 90px 10px -90px #867E75;
	padding: 10px;
	width: 589px;
	height: 340px;
	margin: 0 auto 50px auto;
}

#uspIntro #uspVideo:before,
#uspIntro #uspVideo:after {
	z-index: -1;
	position: absolute;
	content: '';
	bottom: 15px;
	left: 5px;
	width: 50%;
	top: 80%;
	max-width: 640px;
	background: #867E75;
	-moz-box-shadow: 0 15px 10px #867E75;
	-webkit-box-shadow: 0 15px 10px #867E75;
	box-shadow: 0 15px 10px #867E75;
	-webkit-transform: rotate(-3deg);
	-moz-transform: rotate(-3deg);
	-o-transform: rotate(-3deg);
	-ms-transform: rotate(-3deg);
	transform: rotate(-3deg);
}

#uspIntro #uspVideo:after {
	-webkit-transform: rotate(3deg);
	-moz-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	transform: rotate(3deg);
	right: 5px;
	left: auto;
}

#uspIntro #uspVideo .video {
	background: #ccc;
	display: block;
	width: 100%;
	height: 100%;
}

#hypotheekFit h1,
#uspText h1 {
	color: #ff6600;
}

#hypotheekFit p.intro,
#uspText p.intro {
	font-size: 13.5pt;
}

#hypotheekFit .line,
#uspText .line {
	border-bottom: 1px solid #f5f5f5;
	padding-top: 10px;
	margin-bottom: 30px;
}

#hypotheekFit .line.last,
#uspText .line.last {
	border-bottom: none;
}

#hypotheekFit .line:after,
#uspText .line:after {
	content: '';
	background: #e7e7e7;
	width: 100%;
	height: 1px;
	margin: 20px 0 0 0;
	display: block;
}

#hypotheekFit .line.last:after,
#uspText .line.last:after {
	display: none;
}

#hypotheekFit h2,
#uspText h2 {
	background: url(../img/arrowOrangeLarge.png) no-repeat left center;
	font-size: 20pt;
	padding: 0 0 0 50px;
	margin: 0 0 20px -10px;
}

#hypotheekFit h3,
#uspText h3 {
	color: #000;
}

#hypotheekFit p,
#hypotheekFit,
#hypotheekFit *:not(.btn):not(h1):not(h2):not(h3),
#uspText p,
#uspText,
#uspText *:not(.btn):not(h1):not(h2):not(h3) {
	font-family: Arial, Sans-serif;
	font-size: 12pt;
	line-height: 150%;
}

#uspText .photo2 {
	margin: 50px 0;
}

#uspText .photo3 {
	margin: 40px 0;
}

#hypotheekFit .btn,
#uspText .btn {
	padding: 10px;
	color: #fff;
	font-size: 12pt;
	width: 200px;
}

#hypotheekFit .text-center .btn,
#uspText .text-center .btn {
	float: left;
}

#hypotheekFit div.icon {
	border-radius: 80px;
	width: 160px;
	height: 160px;
	background-size: 160px;
	background-color: #ea650d;
	background-image: url('/static/RETAIL/img/icons/icon-hypotheekfit.png');
	display: inline-block;
	background-repeat: no-repeat;
	background-position: center center;
	margin: 20px 0 60px;
}

/*
	-------------------------
	DEP DESIGN - CONTACT
	-------------------------
*/
#contactMaps {
	height: 235px;
	display: block;
}

#contact .span6 {
	padding: 0 0 0 60px;
	margin-bottom: 20px;
}

#contact .span6 p {
	margin: 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #EEE;
}

#contact .span6 p+p {
	padding: 23px 0;
}

#contact .span6 h2 {
	margin: 0 0 20px -60px;
	padding: 0 0 0 60px;
	line-height: 47px;
	font-size: 19pt;
}

#contact .phone h2 {
	background: url(../img/contactPhone.png) no-repeat center left;
}

#contact .address h2 {
	background: url(../img/contactMarker.png) no-repeat center left;
}

#contact .email h2 {
	background: url(../img/contactEmail.png) no-repeat center left;
}

.supportSidebar {
	display: block;
	width: 100%;
	float: left;
}


/*
	-------------------------
	DEP DESIGN - FORM
	-------------------------
*/
input,
button,
select,
textarea {
	font-size: 10.5pt;
	font-weight: normal;
	line-height: 40px;
}

label,
label strong,
.tabs .tab label {
	font-size: 10.5pt;
	font-family: robotobold, Arial, Sans-serif;
	font-weight: normal;
	line-height: 40px;
	display: block;
	margin-bottom: 20px;
}

label.fatca {
	line-height: 20px;
}

span.text {
	line-height: 40px;
	font-size: 10.5pt;
	font-family: robotolight, Arial, Sans-serif;
}

.editData label {
	margin-bottom: 0;
}

label.normal,
label.normal strong,
.tabs .tab label.normal {
	font-family: robotolight, Arial, Sans-serif;
}

ul.radio li input[type="radio"],
ul.radio li input[type="checkbox"] {
	margin: 14px 5px 0 0;
}

ul.radio li label {
	margin: 0 10px 0 0;
	float: left;
}

label.multi {
	line-height: 150%;
}

select,
textarea,
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	display: inline-block;
	height: 40px !important;
	padding: 0 14px;
	margin-bottom: 0;
	font-size: 10.5pt;
	line-height: 40px;
	color: #666;
	vertical-align: middle;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.075) !important;
	border: 1px solid rgba(60, 60, 60, .26) !important;
	outline: none;
	width: 100%;
}

input::-ms-clear {
	display: none;
}

select {
	line-height: normal;
	padding: 10px 0 10px 5px;
}

textarea {
	line-height: 150%;
}

textarea,
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input,
select {
	background-color: #ffffff;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus,
select:focus {
	border-color: #aaa !important;
	outline: 0;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #ccc !important;
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #ccc !important;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 3px #ccc !important;
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	*margin-top: 0;
	line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

input[type="file"] {
	height: 30px;
	/* In IE7, the height of the select element cannot be changed by height, only font-size */

	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */

	line-height: 30px;
}

select {
	width: 100%;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #333;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}

select[disabled],
textarea[disabled],
input[disabled]:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]),
input[type="text"][disabled],
input[type="password"][disabled],
input[type="datetime"][disabled],
input[type="datetime-local"][disabled],
input[type="date"][disabled],
input[type="month"][disabled],
input[type="time"][disabled],
input[type="week"][disabled],
input[type="number"][disabled],
input[type="email"][disabled],
input[type="url"][disabled],
input[type="search"][disabled],
input[type="tel"][disabled],
input[type="color"][disabled] {
	background-color: #f6f6f6;
	cursor: default;
	border: 1px solid #cccccc;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
}

.warning,
.item label.warning {
	background-color: #ffe5e5;
	clear: none;
	color: #ff0000;
	display: none;
	float: none;
	font-weight: normal;
	padding: 1px 5px;
	margin-bottom: 11px;
	line-height: 150%;
	border-radius: 3px;
	overflow: hidden;
}

form.default .item label.warning {
	margin-bottom: 11px;
	padding: 1px 5px;
	width: auto;
}

.show-warning,
form.default .item label.show-warning {
	display: inline-block;
	font-weight: normal;
}

.radioStyle {
	position: relative;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	float: left;
}

.radioStyle input {
	background: none;
	position: absolute;
	overflow: hidden;
	clip: rect (0 0 0 0);
	height: 1px;
	border: none;
	padding: 0;
	margin: 0;
	z-index: 1;
	top: 5px;
	left: 2px;
	cursor: pointer;
}

.radioStyle label {
	padding: 0 0 0 30px;
	line-height: 26px;
	margin: 0;
	font-weight: normal;
}

.radioStyle .adv {
	background: #fff;
	-webkit-box-shadow: inset 0px 3px 0px 0px #d9d9d9;
	box-shadow: inset 0px 0px 3px 0px #d9d9d9;
	padding-left: 20px;
	height: 20px;
	display: inline-block;
	line-height: 20px;
	background-repeat: no-repeat;
	font-size: 14px;
	vertical-align: middle;
	cursor: pointer;
	position: absolute;
	top: 3px;
	left: 0;
	z-index: 100;
	border: 1px solid #ccc;
	border-radius: 100px;
	outline: 0 none;
	overflow: hidden;
}

.radioStyle input:checked+.adv:after,
.radioStyle.active input:checked+.adv:after,
.radioStyle.active .adv:after {
	content: '';
	border: none;
	box-shadow: none;
	height: 12px;
	width: 12px;
	background: #ff6600;
	position: absolute;
	top: 3px;
	left: 4px;
	border-radius: 100px;
}

.radioStyle.active .adv:after,
.radioStyle.active input:checked+.adv:after {
	background: #000;
}

.box-default,
.box-alt {
	border: none;
	border-radius: none;
	background: none;
}

.box .inner {
	border-radius: none;
	padding: 0;
	overflow: visible;
	width: 100%;
	float: left;
}

.box h1.top,
.box h2.top,
h2,
.box-default h1.top,
.fade-box h1.top,
.progress h3,
.box.step h3,
.expand h3,
h3.alt,
h1.orange {
	padding: 0;
	font-family: robotolight, Arial, Sans-serif;
	font-style: normal;
	font-weight: normal;
	line-height: normal;
	color: #ff6600;
}

h1.notfound {
	margin: 0 0 20px 0;
}

.progress {
	display: none;
}

.progress div div {
	background: #ff6600;
}

.box hr {
	display: none;
}

.box.step .wide {
	margin: 0;
}

input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]).small {
	width: 90px;
}

table.default.form .daterangepicker img {
	margin: 8px 10px 0 0;
}

table.default.form .btn input[type="submit"] {
	height: 30px;
}

form.default .wrapper {
	padding-bottom: 0;
	margin-bottom: 0;
	float: none;
}

#firstTime form.default .wrapper,
#accountSettings form.default .wrapper {
	float: left;
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):-ms-input-placeholder {
	color: #b2b2b2;
	font-style: italic;
}


input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]):-moz-placeholder {
	color: #b2b2b2;
	font-style: italic;
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button])::-webkit-input-placeholder {
	color: #b2b2b2;
	font-style: italic;
}

input:not([type=radio]):not([type=checkbox]):not([type=submit]):not([type=button]).placeholder {
	color: #b2b2b2;
	font-style: italic;
}

/*
	-------------------------
	DEP DESIGN - TABLE
	-------------------------
*/
table:not(.ui-datepicker-calendar) {
	width: 100%;
}

table:not(.ui-datepicker-calendar) thead {
	border-bottom: 3px solid #ff6600;
}

table:not(.ui-datepicker-calendar) thead tr {
	padding: 0;
}

table:not(.ui-datepicker-calendar) thead tr th,
table:not(.ui-datepicker-calendar) thead tr td,
table table.default thead tr:first-child th:first-child {
	padding: 10px;
	color: #333;
	font-size: 10pt;
	text-align: left;
}

table:not(.ui-datepicker-calendar) thead tr th:first-child,
table:not(.ui-datepicker-calendar) thead tr td:first-child {
	padding: 10px;
	border-bottom: 1px solid #EEE;
}

table.default>tbody>tr tr:not(.more),
table.default tr:not(.more) {
	border-top: 1px solid #EEE;
}

table.default thead th,
table.default thead td {
	border-bottom: 1px solid #EEE;
	color: #888;
}

table.default thead tr.orange-border th,
table.default thead tr.orange-border td,
table.default tfoot tr.orange-border td,
table.default tbody tr.orange-border td {
	border-bottom: 3px solid #ff6600;
}

table.default tbody thead th:first-child,
table.default tbody thead td:first-child,
table.default tbody thead th,
table.default tbody thead td {
	border-bottom: 3px solid #ff6600;
}

table.default tbody thead th label,
table.default tbody thead td label {
	font-weight: normal;
}

table.default th.right,
table.default td.right {
	text-align: right;
}

table.default th.center,
table.default td.center {
	text-align: center;
}

.tabs .tab table:not(.ui-datepicker-calendar) thead tr th label,
.tabs .tab table:not(.ui-datepicker-calendar) thead tr td label {
	line-height: normal;
	height: auto;
	margin-bottom: 0;
	font-weight: normal;
}

table:not(.ui-datepicker-calendar) tbody {
	border-bottom: 3px solid #ff6600;
}

table:not(.ui-datepicker-calendar) tbody tr td {
	padding: 0;
	border-bottom: 1px solid #EEE;
}

table:not(.ui-datepicker-calendar) tbody tr td {
	padding: 10px 3px;
	color: #000;
	font-size: 10pt;
	text-align: left;
	line-height: 150%;
}

table:not(.ui-datepicker-calendar) tbody tr th select,
table:not(.ui-datepicker-calendar) tbody tr td select {
	margin-bottom: 0;
}

table:not(.ui-datepicker-calendar) tbody tr td:first-child {
	padding: 10px 3px 10px 0;
}

table table.default tbody tr:first-child td.daterangepicker {
	padding: 10px 3px;
}

table:not(.ui-datepicker-calendar).default {
	color: #000;
	margin: 0;
	font-size: 10pt;
	border-bottom: 1px solid #ff6600;
	border-collapse: separate;
}

table.return thead tr th,
table.return tbody tr td,
table.return tbody tr td:first-child {
	padding: 2px;
	text-align: center;
}

.no-border-bottom,
tr.no-border-bottom td {
	border-bottom: none;
}

table.default *:not(.warning):not(strong) {
	font-size: 10.5pt;
	font-family: robotolight, Arial, Sans-serif;
	font-style: normal;
	font-weight: normal;
}

table.default .btn.next:after {
	display: none;
}

table.default .btn.next span {
	padding: 0;
	overflow: visible;
	width: 100%;
	float: left;
}

table.default thead th,
table.default thead td {
	background: #f2f2f2;
	padding: 5px 3px;
	color: #333;
	font-size: 10pt;
	line-height: normal;
	text-transform: capitalize;
	border-top: none;
}

table.default tbody {
	border-bottom: none;
}

table.default tbody tr,
table.default td.alt {
	background: #f9f8f8;
}

table.default tr.totalInvestments,
table.default tfoot tr {
	background: #f2f2f2;
}

table.default tbody tr.enable-toggle td {
	vertical-align: middle;
}

table.default td.toggle a {
	width: 16px;
	height: 16px;
	margin: 5px 0 0 0;
}

table.default tbody tr td.toggle,
table.default tbody tr.open td.toggle,
table.default tr.enable-toggle:hover td.toggle {
	width: 16px;
	padding: 10px 5px
}

table.default tbody tr.more {
	background: #fff;
	border-bottom: none;
}

table.default tbody tr.more>td:first-child,
table.default tbody tr.more>td {
	padding: 0;
}

table.default tbody tr.more.more-open>td:first-child,
table.default tbody tr.more.more-open>td {
	border-bottom: 1px solid #EEE;
}

table.default tr.enable-toggle:hover,
table.default tr.enable-toggle:hover td.alt,
table.default tbody tr.open,
table.default tr.open td.alt {
	background: #f9f8f8;
}

table.default tbody tr td:first-child {
	padding: 12px 4px
}

table.default tbody tr.enable-toggle:hover td {
	background: none;
}

table.default tbody td:not(.toggle),
table.default.myFunds tbody tr td:first-child {
	padding: 10px;
	color: #333;
	font-size: 10.5pt;
	line-height: normal;
}

table.default tbody td:not(.toggle) .btn-icon,
table.default tbody td:not(.toggle) .btn-icon+div {
	display: inline-block;
}

table.default tbody td:not(.toggle) .btn-icon .icon {
	display: block;
	float: left;
	margin: 2px 5px -2px 0;
}

table.default tbody td:not(.toggle) .accountName .btn-icon .icon {
	margin: 4px 2px 0 5px;
}

table.default tbody td.checkbox input {
	margin: 7px 0 0 5px;
}

table.default tbody td.strong,
table.default tbody td.strong .accountNumber,
table .fundName a,
table.default tbody td>a,
table .fundName span {
	font-weight: bold;
	color: #002E6B;
	text-decoration: none;
}

table.default tbody tr.enable-toggle:hover td.strong,
table .fundName a:hover,
table.default tbody td>a:hover {
	color: #FF6600;
}

table.default tbody td {
	padding: 5px 3px;
	color: #333;
	font-size: 10pt;
	border-right: 0;
	line-height: normal;
}

table.default tbody td .buttons .btn {
	margin: -8px 0 -5px 0;
}

table.default>tbody>tr:last-child>td {
	border: none;
	background: none;
}

table tbody tbody {
	border-bottom: 3px solid #e2e1e0;
}

table.default.total {
	margin: 10px 0;
	border: none;
}

table.default .outerwrapper {
	background: none;
}

.js table.default .more-open>*>.outerwrapper {
	border-bottom: 1px solid #EEE;
}

.js table.default.my-accounts-direct #outerwrapperRetail.overflowFix,
.js table.default.my-accounts-direct #innerwrapperRetail {
	overflow: visible !important;
}

table.default.my-accounts-direct #innerwrapperRetail {
	padding-top: 0;
}

table.default .innerwrapper {
	border-top: none;
	background: none;
}

.tabs .box,
.box-alt .inner,
.start-overview .inner,
.js .my-overview-loaded .inner,
.fade-box .inner,
figcaption,
.start-overview .wrapper div,
.ing .box .inner {
	background: none;
	border: none;
	border-radius: none;
	box-shadow: none;
	margin: 0;
}

.content-links li a:active,
.content-links li a:hover,
ul.links a:active,
ul.links a:hover,
table.default>tbody td,
.faq li.open>span,
.faq li div.innerwrapper,
.result-overview div.innerwrapper,
.result-overview li.open>span {
	background: none;
}

.content-links li,
ul.links li,
ul.cutofflinks li,
table.default td.toggle a,
.faq a.toggle,
.result-overview>ul>li,
.paging .next a,
.faq ul.more li,
.result-overview ul.more li,
.ing nav.primary div.sub li li a,
.investmentMethod .toggle {
	background: url(../img/arrow_orange_small.png) no-repeat center;
}

table.default tr.open td.toggle a,
.faq li.open>a.toggle,
.faq li.open>span>a.toggle,
.result-overview li.open,
.investmentMethod .toggle.open {
	background: url(../img/arrow_small_bottom.png) no-repeat center;
}

table.default .tabs h2.alt {
	margin: 0 0 0 -14px;
	padding: 0;
	border-bottom: none;
}

.wide table.default>tfoot td:first-child,
.wide table.default>tfoot table tr>*:first-child {
	padding-left: 24px;
}

table.default tfoot tr:first-child td,
table.default tfoot tr:first-child th {
	border-top: 3px solid #bbb;
}

table.default tfoot.orange-border tr:last-child>td {
	border-top: 3px solid #ff6600;
}

table.default tfoot tr:first-child>td {
	padding-top: 10px;
}

table.default tfoot tr:last-child>td {
	padding-bottom: 10px;
}

table.default tfoot tr:first-child>* input.small:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]) {
	width: 80px;
}

.currencyCell span:first-child {
	float: none;
}

table:not(.ui-datepicker-calendar).my-accounts-direct,
.js table.my-accounts-direct .more-open>*>.outerwrapper {
	border-bottom: none;
}

table:not(.ui-datepicker-calendar).my-accounts-direct .tooltip-inner {
	font-size: 8pt;
}

table:not(.ui-datepicker-calendar).my-accounts-direct .tooltipLabel {
	display: inline-block;
	margin: 0 0 -7px;
}

table:not(.ui-datepicker-calendar).my-accounts-direct .tooltipLabel .iconInfo {
	margin: -2px 0 0;
	float: right;
}

.tabs .tab *:not(table):not(h2):not(h3),
.tabs .tab strong.xxx-large {
	font-size: 10.5pt;
	font-family: robotolight, Arial, Sans-serif;
	font-style: normal;
	font-weight: normal;
}

#documentsTab.tabs .tab table.default tbody tr td.strong a {
	font-family: robotolight, Arial, Sans-serif;
	font-weight: normal;
}

#documentsTab.tabs .tab table.default tbody tr.correspondence_unread td.strong a {
	font-weight: bold;
}


.tabs .tab dd strong.xxx-large {
	font-weight: normal;
}

.tabs .tab strong,
.tabs .tab label strong,
.tabs .tab .fundName {
	font-weight: bold;
}

.tabs .tab {
	border-radius: 0;
}

table.my-accounts-direct .tabs .tab,
table.my-accounts-direct .tabs .tab .wide {
	padding: 0;
	margin: 0;
}

.tabs .tab.editform {
	padding: 0;
}

.tabs h2.alt {
	border: none;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	font-size: 14pt;
	border-bottom: 3px solid #ff6600;
	color: #ff6600;
}

.tabs h3.alttop {
	padding: 0;
	margin: 10px 0;
	font-size: 12pt;
	color: #ff6600;
}

.tabs .tab dt,
table.default *:not(.warning):not(strong) dt,
.tabs .tab label {
	font-weight: bold;
}

.tabs .tab .btn.next {
	margin: 10px 0;
}

.pagebar {
	border-bottom: none;
}

.pagebar h1 {
	color: #000;
	padding: 0 0 5px 0;
	float: none;
}

.tools {
	width: 100%;
	padding: 0;
	margin: 20px 0;
	overflow: visible;
}

.tools * {
	font-size: 10pt;
	line-height: normal;
	font-family: robotolight, Arial, Sans-serif;
}

.tools a {
	font-size: 12pt;
}

.tools .span4 p {
	float: left;
}

.tools .paging .span4 p {
	margin: 0 0 10px 0;
}

.tools ul {
	padding: 0;
	margin: 0 0 0 10px;
}

.tools ul li {
	margin: 0;
	padding: 0;
	height: auto;
	width: auto;
}

.tools ul li:after {
	content: '';
	width: 100%;
	height: 2px;
	float: left;
}

.tools ul li a,
.tools ul li.prev a,
.tools ul li.next a {
	color: #002E6B;
	background: none;
	line-height: normal;
	box-shadow: none;
	border-radius: 5px 5px 5px 5px;
	cursor: pointer;
	font-family: robotolight, Arial, Sans-serif;
	font-style: normal;
	font-weight: normal;
	padding: 5px 10px;
	text-shadow: none;
	border: none;
	margin: 0;
	text-indent: 0;
	width: auto;
	display: inherit;
}

.tools ul li.prev a,
.tools ul li.next a,
.tools ul li a:hover {
	box-shadow: 0 1px 2px 0 #D9D9D9;
}

.paging .current a {
	box-shadow: 0 1px 2px 0 #D9D9D9;
	background: none;
	color: #ff6600;
}

.paging a:active {
	background: none;
}

.tabs .tab .tools label {
	font-weight: normal;
	float: left;
}

.tools input:not([type="radio"]):not([type="checkbox"]):not([type="submit"]):not([type="button"]) {
	width: auto;
	max-width: 25px;
	height: 26px;
	margin: -5px 0 0 10px;
	float: left;
}


/*
	-------------------------
	DEP DESIGN - TOOLTIP
	-------------------------
*/
.tooltip.in {
	opacity: 1;
	filter: alpha(opacity=100);
	z-index: 9999;
}

.tooltip-inner {
	background-color: #ff6600;
	-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
	text-align: left;
	font-family: Arial, Sans-serif;
	line-height: 150%;
	color: #fff;
	min-width: 225px;
	max-width: 242px;
	font-size: 8pt;
	text-transform: none;
}

table.default tbody td>.btn-margin-right {
	margin: 0;
}

.tooltip-inner a {
	color: #fff;
	text-decoration: underline;
	font-size: 8pt;
}

.tooltip-inner a:hover {
	color: #fff;
	text-decoration: none;
	font-size: 8pt;
}

.tooltip-inner b {
	font-weight: bold;
	font-size: 8pt;
}

.tooltip-inner blockquote {
	border: none;
}

.tooltip.left {
	margin-left: -12px;
}

.tooltip-inner ul {
	list-style-position: outside;
	margin: 10px 0 0 15px;
}

.tooltip-inner ul li {
	font-family: Arial, Sans-serif;
	line-height: 150%;
	font-size: 8pt;
	color: #fff;
	margin: 0;
	padding: 0;
}

.tooltip.top .tooltip-arrow {
	border-top-color: #ff6600;
}

.tooltip.right .tooltip-arrow {
	border-right-color: #ff6600;
}

.tooltip.left .tooltip-arrow {
	border-left-color: #ff6600;
}

.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ff6600;
}

.tooltip.bsn .tooltip-inner {
	max-width: 375px;
}

.fundKiid .tooltip-inner {
	background-color: #f6f6f6;
	color: #000;
}

.fundKiid .tooltip-inner {
	min-width: 175px;
}

.fundKiid .tooltip-inner ul li {
	color: #000;
}

.fundKiid.tooltip.top .tooltip-arrow {
	border-top-color: #ccc;
}

.fundKiid.tooltip.right .tooltip-arrow {
	border-right-color: #ccc;
}

.fundKiid.tooltip.left .tooltip-arrow {
	border-left-color: #ccc;
}

.fundKiid.tooltip.bottom .tooltip-arrow {
	border-bottom-color: #ccc;
}


/*
	-------------------------
	DEP DESIGN - ENVELOPE
	-------------------------
*/
nav .envelope {
	float: right;
}

nav .envelope a {
	width: 50px;
	height: 50px;
	display: block;
	text-align: center;
	text-decoration: none;
	background: #ff6600;
}

nav .envelope a span {
	position: relative;
	text-align: center;
	width: 100%;
	float: left;
}

nav .envelope a span strong {
	background: #fff;
	color: #000;
	font-size: 10pt;
	width: 30px;
	display: block;
	margin: 0 auto;
	border-radius: 2px;
}

nav .icon-envelope {
	display: inline-block;
	width: 14px;
	height: 14px;
	background-image: url("../../GENERAL/img/glyphicons-halflings-white.png");
	background-repeat: no-repeat;
	margin: 5px 0;
}


/*
	-------------------------
	DEP DESIGN - BUTTONS
	-------------------------
*/
.iconInfo,
.iconInfoIban {
	background: url(../img/icon_info.png) no-repeat;
	width: 18px;
	height: 19px;
	text-indent: -9999px;
	display: inline-block;
	cursor: default;
	text-align: left;
}

.iconInfo.StudyFit {
	margin-right: -19px;
}

.btn,
.btn:active,
.btn.btn-empty.current,
#newsBox #newsPaging ul li .btn:hover,
.pagingBox ul li .btn:hover,
.btn.previous {
	-webkit-box-shadow: 0px 1px 2px 0px #d9d9d9;
	box-shadow: 0px 1px 2px 0px #d9d9d9;
	webkit-border-radius: 5px;
	border-radius: 5px;
	font-family: robotolight, Arial, Sans-serif;
	cursor: pointer;
	font-weight: normal;
	font-style: normal;
	padding: 5px 10px;
	text-shadow: none;
}

.btn.back {
	padding: 10px;
}

.btn.inactive {
	cursor: default;
}

.btn.btn-empty {
	box-shadow: none;
}

.ie9 .btn {
	filter: none;
}

.btn:focus,
.btn:focus * {
	text-decoration: none;
}

.btn-grey-light,
.btn-grey-light:active,
.btn-grey-dark:hover,
div.modal-container .btn,
#cookieWall .btn,
#fundBox #fundFilter #fundSelect .fundReset,
.quick-search .btn,
.btn.next,
.editing .btn.cancel,
.tools ul li.next a,
.tools ul li.prev a,
.btn.previous,
.btn-choice .btn.close {
	-webkit-box-shadow: 0px 1px 2px 0px #b9b9b9;
	box-shadow: 0px 1px 2px 0px #b9b9b9;
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
	background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
	background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
}

.btn-grey-dark,
.btn-grey-light:focus,
.btn-grey-light:not(.inactive):hover,
div.modal-container .btn:hover,
#cookieWall .btn:hover,
#fundBox #fundFilter #fundSelect .fundReset:hover,
.quick-search .btn:hover,
.btn.next:hover,
.editing .btn.cancel:hover,
.default .indent .btn:hover,
.tools ul li.next a:hover,
.tools ul li.prev a:hover,
.btn.previous:hover,
.btn-choice .btn.close:hover {
	background: #f8f8f8;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dddddd));
	background: -webkit-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: -ms-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
	background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0);
}

.btn-blue-light,
.btn-blue-dark:hover,
.btn.next.btn-blue-light,
#loginForm .btn:not(.btn-grey-light),
.login .btn,
table.default .btn.btn-blue-light,
#fundTotalSolution .fundLevel .fundHorizion span {
	-webkit-box-shadow: 0px 1px 2px 0px #8e8e8e;
	box-shadow: 0px 1px 2px 0px #8e8e8e;
	background: #4598cd;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OThjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDJkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #4598cd 0%, #002d6b 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4598cd), color-stop(100%, #002d6b));
	background: -webkit-linear-gradient(top, #4598cd 0%, #002d6b 100%);
	background: -o-linear-gradient(top, #4598cd 0%, #002d6b 100%);
	background: -ms-linear-gradient(top, #4598cd 0%, #002d6b 100%);
	background: linear-gradient(to bottom, #4598cd 0%, #002d6b 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4598cd', endColorstr='#002d6b', GradientType=0);
}

.btn-blue-dark,
.btn-blue-light:hover,
.btn.next.btn-blue-light:hover,
#loginForm .btn:not(.btn-grey-light):hover,
.login .btn:hover,
table.default .btn.btn-blue-light:hover {
	background: #3a88be;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhODhiZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwZDQxN2QiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #3a88be 0%, #0d417d 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #3a88be), color-stop(100%, #0d417d));
	background: -webkit-linear-gradient(top, #3a88be 0%, #0d417d 100%);
	background: -o-linear-gradient(top, #3a88be 0%, #0d417d 100%);
	background: -ms-linear-gradient(top, #3a88be 0%, #0d417d 100%);
	background: linear-gradient(to bottom, #3a88be 0%, #0d417d 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3a88be', endColorstr='#0d417d', GradientType=0);
}

.btn-orange-light,
.btn-orange-dark:hover,
nav ul li.last:hover a,
table.default .btn,
.editing .btn,
.wide .btn.next,
.default .btn.next,
.btn-choice .btn {
	-webkit-box-shadow: 0px 1px 2px 0px #8e8e8e;
	box-shadow: 0px 1px 2px 0px #8e8e8e;
	background: #ff6600;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ff6600 0%, #ff0000 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #ff0000));
	background: -webkit-linear-gradient(top, #ff6600 0%, #ff0000 100%);
	background: -o-linear-gradient(top, #ff6600 0%, #ff0000 100%);
	background: -ms-linear-gradient(top, #ff6600 0%, #ff0000 100%);
	background: linear-gradient(to bottom, #ff6600 0%, #ff0000 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#ff0000', GradientType=0);
}

.btn-orange-dark,
.btn-orange-light:focus,
.btn-orange-light:hover,
table.default .btn:hover,
.editing .btn:hover,
.wide .btn.next:hover,
.default .btn.next:hover,
.btn-choice .btn:hover,
.editing .default .indent .btn:not(.cancel):hover {
	background: #ff6600;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmNjYwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjMjAxMDEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #ff6600 0%, #c20101 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ff6600), color-stop(100%, #c20101));
	background: -webkit-linear-gradient(top, #ff6600 0%, #c20101 100%);
	background: -o-linear-gradient(top, #ff6600 0%, #c20101 100%);
	background: -ms-linear-gradient(top, #ff6600 0%, #c20101 100%);
	background: linear-gradient(to bottom, #ff6600 0%, #c20101 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff6600', endColorstr='#c20101', GradientType=0);
}

.btn.prev:after,
.btn.next:after,
.tools ul li.next a:after,
.tools ul li.prev a:after {
	content: "";
	display: inline-block;
	height: 14px;
	/* margin:1px 0 0 0; */
	margin: 3px 0 -2px;
	vertical-align: baseline;
	width: 9px;
}

.pagingBox .btn.prev:after,
.pagingBox .btn.next:after {
	margin: 1px 0 0 0;
}

.tools ul li.prev a:after,
.tools ul li.next a:after,
.tabs .tab .btn.next:after {
	margin: 0 0 -2px;
}

.btn.prev:after {
	margin: 1px 0 0 0;
}

.btn.prev:after,
.btn.back span,
.tools ul li.prev a:after,
.wide .btn.previous:before,
.inner .btn.previous:before {
	background: url(../img/arrow_orange_left.png) no-repeat center left;
}

.btn.inactive:after,
.btn.inactive.back span {
	background: url(../img/arrow_grey.png) no-repeat center left;
}

.btn.next::after,
.tools ul li.next a::after,
.inner .btn.next.nextorange::after {
	background: url(../img/arrow_orange.png) no-repeat center left;
	margin-right: 0;
}

.btn.inactive.next:after {
	background: url(../img/arrow_grey_right.png) no-repeat center left;
}

.wide .btn.next:after,
.inner .btn.next:after,
#firstTime .btn.next:after {
	background: url(../img/arrow_white.png) no-repeat center left;
}

#accountOpen.accountOpen-abbreviated #submit-abbr-page1:before {
	background: url(../img/arrow_white.png) no-repeat center left;
	content: "";
	display: inline-block;
	height: 14px;
	/* margin:1px 0 0 0; */
	margin: 3px 5px -2px 0;
	vertical-align: baseline;
	width: 9px;
	float: left;
}

.btn.back span {
	padding: 0 0 0 15px;
}

.btn.next span {
	padding: 0 15px 0 0;
}

.btn.next input[type="submit"] {
	font-size: 12pt;
	padding: 0 15px 0 0;
}

.btn input[type="button"] {
	font-size: 12pt;
}

.btn input[type="button"] {
	font-size: 12pt;
}

#openAccount_frm .btn {
	margin: 0 0 0 10px;
}

#openAccount_frm .btn:first-child {
	margin: 0;
}

form.default a.related,
a.more {
	text-decoration: none;
	font-size: 11pt;
	color: #4598CC;
	margin: 0;
}

input[type="submit"].btn,
.btn input[type="submit"],
.btn input[type="button"] {
	line-height: normal;
	height: auto;
}

table.default .btn,
table.default .btn span,
.editing .btn:not(.cancel) *,
.editing .btn input,
.wide .btn.next,
.wide .btn.next *,
.default .btn.next *,
.label-fix .btn *,
.btn-choice .btn:not(.close) * {
	color: #fff;
}

.wide .btn.previous:before,
.inner .btn.previous:before,
.wide .btn.next:after,
.inner .btn.next:after {
	content: "";
	display: inline-block;
	height: 14px;
	margin: 1px 0 0 0;
	vertical-align: baseline;
	width: 9px;
}

#changePortfolio .btn.previous.left:before {
	float: left;
}

.wide .btn *,
.inner .btn *,
.wide .btn.next input[type="submit"],
.inner .btn.next input[type="submit"],
.btn-choice .btn * {
	padding: 0;
	font-size: 10.5pt;
}

.wide .btn.previous *,
.inner .btn.previous * {
	margin: 0 0 0 5px;
}

.wide .btn.next *,
.inner .btn.next * {
	margin: 0 5px 0 0;
}

.lightbox {
	z-index: 10000;
}

.lightboxltie8 {
	filter: alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	background: #fff;
	z-index: 100;
	display: none;
}

.lightbox .lightboxcontent {
	z-index: 9999;
}

.js .lightbox .lightboxcontent .btn-close {
	background: #ff6600;
	border-radius: 50px;
	overflow: hidden;
	width: 25px;
	height: 25px;
	padding: 0;
	text-align: center;
	line-height: 22px;
	font-size: 14pt;
	top: -10px;
	right: -10px;
}

.lightboxcontent h2 {
	color: #ff6600;
	font-size: 15pt;
}

#checkAbbrAccount p {
	margin: 0;
}


/*
	-------------------------
	DEP DESIGN - TITLE
	-------------------------
*/
.titleHead {
	background-color: #f9f9f9;
	border-bottom: 1px solid #EEE;
	padding: 5px 0;
	margin-bottom: 40px;
}

@media (max-width: 767px) {
	.titleHead {
		margin-left: -20px;
		margin-right: -20px;
		padding-left: 10px;
		margin-top: 10px;
		border-top: 1px solid #EEE;
	}
}

/*
	-------------------------
	DEP DESIGN - LIGHTBOX
	-------------------------
*/

#videoFrame,
#videoPlayer {
	width: auto;
}

#videoModal {
	width: 768px;
	height: 446px;
	margin-left: -384px;
}

#videoModal a.close {
	background-image: linear-gradient(to bottom, #ff6600 0%, #c20101 100%);
	box-shadow: 1px 1px 2px 0px rgba(50, 50, 50, 0.4), inset 1px 1px 10px 0px rgba(250, 250, 250, 0.4);
	color: rgba(255, 255, 255, 0.6);
	line-height: 22px;
}

#videoModal div.modal-body {
	width: 100%;
	height: 100%;
	max-height: none;
	padding: 15px;
	overflow: inherit;
}

#videoModal div.modal-body iframe {
	border: none;
	width: 100%;
	height: 100%;
	overflow: hidden;
	box-shadow: 0 0 10px 0 rgba(100, 100, 100, 0.2);
	border-radius: 5px;
}

#lightBoxClose {
	background: #ff6600;
	position: absolute;
	top: -10px;
	right: -10px;
	height: 25px;
	line-height: 25px;
	width: 25px;
	text-align: center;
	color: #fff;
	font-size: 12pt;
	overflow: hidden;
	border-radius: 25px;
	cursor: pointer;
	font-weight: bold;
	z-index: 9999;
}


/*
	-------------------------
	DEP DESIGN - AFTER LOGIN
	-------------------------
*/
h1.normal {
	font-size: 20pt;
	margin: 0;
}

h1.line,
h2.line {
	border-bottom: 3px solid #ff6600;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
	color: #ff6600;
	font-size: 18pt;
}

.account-details {
	margin: 0;
}

.my-accounts-direct .portfolioTransactionSelect {
	width: 110px;
	padding: 2px;
}

#changePortfolio p.about {
	font-size: 12pt;
	line-height: normal;
	margin: 0 0 20px 0;
	font-family: robotobold, Arial, Sans-serif;
	font-weight: normal;
	font-style: normal;
}

#changePortfolio .step-indicator {
	padding: 0 0 10px 0;
	border-bottom: 3px solid #ff6600;
}

#changePortfolio .step-indicator li {
	width: auto;
	padding: 0 0 0 40px;
	margin: 0 20px 0 0;
}

#changePortfolio .step-indicator li span {
	margin: 0 0 0 -40px;
}

#changePortfolio>.span4:first-child,
#changePortfolio>.span8 {
	width: 100%;
	margin: 0;
}

#changePortfolio select:not(#issuerID) {
	font-size: 10pt;
	height: 30px;
	line-height: 30px;
	margin: -6px 0;
	padding: 6px 0;
}

.investmentMethod .toggle {
	width: 12px;
	line-height: 150%;
}

.investmentMethod .toggle-hide {
	padding: 0 0 0 16px;
}

span.loading {
	background: url(../img/icons/loading-alt.gif) no-repeat;
	padding-left: 25px;
}

aside.primary .inner {
	background: none;
	padding: 0;
}

aside.primary .box h2 {
	display: none;
}

.responsiveFix-fullWidth-btn {
	width: 100%;
	margin: 0;
	float: left;
}

.responsiveFix-fullWidth-btn .btn {
	margin: 0 0 0 10px;
}

.responsiveFix-fullWidth-btn .btn:first-child {
	margin: 0;
}

table.default tfoot.portfolioOrderFoot tr td.resetPadding {
	padding-left: 0;
}

#ui-datepicker-div {
	z-index: 8000;
}

#orderProcess ul.radio,
#orderProcess ul.radio input {
	margin: 0;
}

#orderProcess ul.radio li {
	margin: 0 20px 0 0;
	clear: none;
	float: left;
}

#orderProcess #orderAmount,
#orderProcess #monthCalendar {
	display: none;
}

#orderProcess #orderAmount.active,
#orderProcess #monthCalendar.active {
	display: block;
}

#orderProcess .currency,
#editMonthly .currency {
	margin: 0 5px 0 0;
	float: left;
}

#orderProcess .small,
#editMonthly .small {
	float: left;
}

#editMonthly .staticformtext {
	line-height: 40px;
	padding-left: 10px;
}

#orderProcess .small.datepicker,
#editMonthly .small.datepicker,
#editMonthly span.text {
	width: 100px;
	margin: 0 10px 0 13px;
}

#editMonthly select {
	width: 100%;
	margin: 0 10px 0 13px;
}

#orderProcess .ui-datepicker-trigger,
#editMonthly .ui-datepicker-trigger {
	margin: 9px 0 0 0;
}

#orderProcess .info-line,
#editMonthly .info-line {
	margin: 0 0 0 20px;
	float: left;
}

#editMonthly .btn {
	font-size: 10.5pt;
	margin: 0 0 0 10px;
}

#editMonthly .btn.otherFunds {
	margin: 5px 0 0;
}

.accountName,
.accountNumber {
	display: inline-block;
	margin: 0;
	vertical-align: middle;
}

.accountName {
	margin: 0 0 0 20px;
	width: 60%;
}

@media (max-width: 767px) {
	.accountName {
		margin: 20px 0 10px -140px;
	}

	.accountName,
	.accountNumber {
		display: block;
		width: auto;
	}
}

.accountName span {
	display: block;
}

.accountName span+span {
	padding-top: 4px;
}

table.disable-border-bottom {
	border-bottom: none;
}

#extraSolution {
	font-size: 10.5pt;

}

#extraSolution {
	display: block;
	width: 100%;
	margin: 30px 0 0 0;
}

#extraSolution div>div:not(.span12) {
	margin-bottom: 10px;
}

#extraSolution .solutionList .row-fluid {
	margin-bottom: 0;
}

.customLightContainer {
	width: 450px;
}

.customLightBox p,
.customLightBox a,
.customLightBox input[type="submit"] {
	text-align: left;
	margin: 0 0 10px 0;
	font-size: 10.5pt;
}

.customLightBox input[type="submit"] {
	line-height: normal;
}

.customLightBox form {
	margin: 0;
}

.customLightBox ul.radio {
	margin: 10px 0 0 0;
	width: 100%;
	float: left;
}

.customLightBox .warning {
	margin: 10px 0 0 0;
}

.customLightBox .btn,
.customLightBox input[type="submit"] {
	margin: 25px 0 0 0;
}

.customLightBox select {
	margin: 0 0 20px 0;
}

.customLightBox ul.radio li input[type="radio"],
.customLightBox ul.radio li input[type="checkbox"] {
	margin: 0;
}

.customLightBox label:not(.warning) {
	font-family: robotolight, Arial, Sans-serif;
}

#productSolution label {
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

#fitforlaterfiscal-ok {
	color: #ff6600;
	margin: 0 0 0 30px;
	display: none;
}

.fvlTermsAndConditions {
	display: none;
}

#productSolution .questions {
	position: relative;
}

#productSolution .questions input {
	position: absolute;
	top: 0;
	left: 0;
}

#productSolution .questions label {
	padding: 0 0 0 20px;
	font-weight: bold;
	line-height: normal;
	margin: 0;
}

#productSolution .questions label a {
	text-decoration: underline;
}

#productSolution .questions label a:hover {
	text-decoration: none;
}

#fvlCheckAccount {
	display: none;
}

#checkAccount h2 {
	font-size: 16pt;
}

#checkAccount a.btn {
	margin: 0 20px 0 0;
	width: 75px;
	text-align: center;
}

#checkAccount #productSolutionCheckAccount .btn {
	width: auto;
	text-align: left;
	margin: 10px 0 0 0;
}

#checkAccount #productSolutionCheckAccount .radio {
	padding: 0;
	margin: 0;
}

.targetInvestmentOwn {
	display: none;
}

.targetInvestmentOwn.open {
	display: block;
}

#switchSelector {
	width: 100%;
	margin: 10px 0;
	border-top: 3px solid #bbb;
	border-bottom: 3px solid #ff6600;
	float: left;
}

#switchCategory {
	margin: 10px 0;
	display: block;
}

#switchCategory #switchCategoryBox {
	text-align: center;
}

#switchCategory .category-box {
	display: inline-block;
	float: none;
}

#switchCategory .btn {
	padding: 10px;
	display: block;
}

#switchCategory .btn.active span {
	color: #ff6600;
}

#switchCategory .btn span {
	position: relative;
	display: block;
	text-align: left;
	padding: 5px 0 6px 40px;
	font-size: 10.5pt;
	float: none;
}

#switchCategory .btn.active span {
	color: #ff6600;
}

#switchCategory .gemak .btn span {
	background: url(../img/01_gemaksfondsen.png) no-repeat left center;
}

#switchCategory .strategy .btn span {
	background: url(../img/02_geldmarktfondsen.png) no-repeat left center;
}

#switchCategory .geldmarkt .btn span {
	background: url(../img/03_inkomstenfondsen.png) no-repeat left center;
}

#switchCategory .btn span:after {
	content: '';
	background: url(../img/arrow_orange.png) no-repeat;
	width: 8px;
	height: 13px;
	position: absolute;
	top: 8px;
	right: 0;
}

#returnChartInfo>div,
#returnChartInfo strong {
	font-size: 13px;
}

#returnChartInfo .iconInfo {
	display: inline-block;
}


/*
	-------------------------
	RESPONSIVE TABLET VERSION
	-------------------------
*/
@media (min-width: 768px) and (max-width: 985px) {
	.paddingLeft10 {
		padding-left: 0;
	}

	.paddingLeft5 {
		padding-left: 0;
	}

	.paddingRight10 {
		padding-right: 0;
	}

	.paddingRight5 {
		padding-right: 0;
	}

	ul.topList li {
		margin: 0;
	}

	#phone {
		top: 10px;
	}

	header.primary #login {
		top: 50px;
	}

	nav {
		margin: 10px 0 0 0;
	}

	nav ul li a {
		font-size: 10pt;
		padding: 0 10px;
	}

	div.languages {
		margin: -145px 0 0 80px;
	}

	#introBox h2 {
		font-size: 15pt;
	}

	#newsBox #newsEffeniciey {
		font-size: 11pt;
	}

	#newsBox #newsEffeniciey div[class*="span"] {
		text-align: left;
		width: 33%;
		margin: 0;
		padding: 0 0 0 20px;
	}

	#sliderHome #sliderContainer .sliderInside.option1 {
		width: 100%;
		margin: 50px 0 0 0;
	}

	#fundChoise .span4:not(.not-tablet) {
		width: 100%;
		padding: 0;
		margin: 0;
	}

	#fundChoise .fundLevel h2 {
		width: 195px;
		height: 90px;
		margin: 20px 10px 0 0;
		float: left;
	}

	.language_1 #fundChoise .fundLevel h2.fundRisk1 {
		background-image: url(../img/productlogo_nl_voorzichtig_tablet.png);
	}

	.language_1 #fundChoise .fundLevel h2.fundRisk2 {
		background-image: url(../img/productlogo_nl_neutraal_tablet.png);
	}

	.language_1 #fundChoise .fundLevel h2.fundRisk3 {
		background-image: url(../img/productlogo_nl_avontuurlijk_tablet.png);
	}

	.language_2 #fundChoise .fundLevel h2.fundRisk1 {
		background-image: url(../img/productlogo_en_careful_tablet.png);
	}

	.language_2 #fundChoise .fundLevel h2.fundRisk2 {
		background-image: url(../img/productlogo_en_neutral_tablet.png);
	}

	.language_2 #fundChoise .fundLevel h2.fundRisk3 {
		background-image: url(../img/productlogo_en_adventurous_tablet.png);
	}

	#fundChoise .box {
		width: 45%;
		clear: none;
		float: left;
	}

	#fundChoise p.text-center {
		text-align: left;
	}

	#fundChoise p.text-center .btn {
		margin: 25px 0 0 0;
	}

	#fundBox #fundFilter #fundRisk {
		margin: 0 0 0 -45px;
		width: 300px;
	}

	#fundBox #fundFilter #fundRisk>li {
		width: 100px;
	}

	#fundBox #fundList .fundListBox .fundRow .fundName,
	.fundBox .fundList .fundListBox .fundRow .fundName {
		width: 100%;
		padding: 10px 0 0 0;
	}

	#fundBox #fundList .fundListBox .fundRow .fundInfoBox,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundInfoBox,
	.fundBox .fundList .fundListBox .fundRow .fundInfoBox {
		width: 80%;
		float: left;
	}

	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundInfoBox {
		width: 100%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundPrice,
	#fundBox #fundList .fundListBox .fundRow .fundEfficiency,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiency,
	#fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD,
	#fundBox #fundList .fundListBox .fundRow .fundRisk,
	#fundBox #fundList .fundListBox .fundRow .fundMorningstar {
		width: 25%;
	}

	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundInfoBox>div {
		width: 20%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundLabel,
	.fundBox .fundList .fundListBox .fundRow .fundLabel {
		width: 100%;
		color: #333;
		float: left;
	}

	#fundBox #fundList .fundListBox .fundRow .fundButton,
	.fundBox .fundList .fundListBox .fundRow .fundButton {
		width: 20%;
		padding: 0 3px;
	}

	#fundList .risk {
		margin: 0 3px 0 0;
	}

	#fundBox #fundList .fundButton .btn {
		margin: 0 50px 0 0;
		float: right;
	}

	#fundBox .fundCheck div {
		margin: 5px 0 0 0;
	}

	#fundPopularList .row-fluid,
	#fundPopularList .row-fluid:after,
	#fundPopularList .row-fluid:before {
		width: auto;
		clear: none;
		margin: 0 -10px;
	}

	#fundPopularList .row-fluid [class*="span"] {
		padding: 0 10px;
		width: 50%;
		margin: 0;
	}

	#accountOpen .span8.paddingRight10 {
		width: 100%;
	}

	#loginForm .paddingRight10 .row-fluid [class*="span"] {
		width: 75%;
		margin: 0;
	}

	#accountOpen .step-indicator li {
		margin: 0 0 0 23px;
	}

	#accountOpen .step-indicator li:nth-child(1) {
		width: 180px;
		line-height: 30px;
		margin: 0;
	}

	#accountOpen .step-indicator li:nth-child(2) {
		width: 200px;
		line-height: 30px;
	}

	#accountOpen .step-indicator li:nth-child(3) {
		width: 100px;
	}

	#accountOpen .step-indicator li:nth-child(4) {
		width: 165px;
	}

	#uspIntro .row-fluid:first-child [class*="span"] {
		width: 100%;
		margin: 0;
	}

	#fundBox #fundList .iconInfo {
		margin: 0 0 0 -5px;
		padding: 1px 0 0;
	}

	#fundDetail .tooltip.left {
		margin-left: -25px;
	}

	.account-details tr td.buttons-tablet-fix {
		padding: 10px 3px 40px 3px;
	}

	.account-details tr.visible-tablet {
		display: table-row;
	}

	.account-details tr.visible-tablet td.buttons {
		padding: 0;
		font-size: 1px;
	}

	.account-details tr.visible-tablet td.buttons a {
		margin: -45px 5px 0 0;
	}

	table.default.form .daterangepicker * {
		margin: 0 5px 0 0;
	}

	.iconInfo.visible-tablet,
	.iconInfoIban.visible-tablet {
		display: inline-block;
	}

	#fundChoise #fundChoiseAnimation .placeHolder {
		width: 215px;
		height: 109px;
		margin: 0;
	}

	#fundChoise #fundChoiseAnimation .placeHolder:before,
	#fundChoise #fundChoiseAnimation .placeHolder:after {
		max-width: 215px;
	}

	#fundChoise #fundChoiseAnimation .placeHolder .inside a .play .videoPlay {
		bottom: 28px;
	}

	#newsVideos .inside {
		height: 390px;
	}

	#newsVideos .inside ul li {
		width: 190px;
		height: 390px;
	}

	#newsVideos .inside ul li a .videoPlay {
		top: 30px;
		left: 65px;
	}

	#newsVideos .inside ul li a img {
		width: 170px;
		height: 100px;
	}

	#newsVideos #videoControls a {
		top: 170px;
	}

	#fundBox.switchFunds #fundList.morethan10fund .fundOverview {
		height: auto;
		overflow-y: visible;
	}

	#switchCategory .category-box {
		width: 30%;
	}

	#fundBox.switchFunds #fundList .fundRow,
	#fundBox.switchFunds #fundList.morethan10fund .fundRow {
		padding-right: 0;
	}

	.my-accounts-direct .portfolioTransactionSelect-row td {
		padding-bottom: 50px;
	}

}


/*
	-------------------------
	RESPONSIVE (max-width:767px)
	-------------------------
*/
@media (max-width: 767px) {

	body {
		padding-left: 10px;
		padding-right: 10px;
	}

	/*
		-------------------------
		HEADER
		-------------------------
	*/
	header.primary {
		padding-top: 0;
	}

	header.primary,
	footer.primary {
		margin-left: -20px;
		margin-right: -20px;
		position: relative;
	}

	header.primary .logo {
		margin: 0 40px 0 20px;
	}

	header.primary .welcome {
		margin: 0 20px 12px 20px;
		float: left;
	}

	header.primary p.trail {
		margin: 0 20px 12px 20px;
	}

	.header-right h2 {
		position: absolute;
		top: 50px;
		left: 20px;
		z-index: 50;
		letter-spacing: 0.10em;
	}

	.header-right .btn-navbar {
		display: block;
	}

	#logo {
		width: 280px;
	}

	ul#breadcrumb {
		display: none;
	}

	/*
		-------------------------
		FIX VOOR DESIGN
		-------------------------
	*/
	.paddingLeft10 {
		padding-left: 0;
	}

	.paddingLeft5 {
		padding-left: 0;
	}

	.paddingRight10 {
		padding-right: 0;
	}

	.paddingRight5 {
		padding-right: 0;
	}


	/*
		-------------------------
		DEP DESIGN - MENU RESPONSIVE
		-------------------------
	*/
	nav {
		display: none;
	}

	.overlay {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 9998;
		display: none;
	}

	.overlayfundFilter {
		position: absolute;
		width: 100%;
		height: 100%;
		z-index: 9996;
		background: #000;
		top: 70px;
		left: 0;
		filter: alpha(opacity=50);
		opacity: 0.5;
		display: none;
	}

	#main {
		margin: 0 -10px;
		padding: 0 20px;
	}

	header .btn.btn-navbar,
	header .btn.btn-navbar:focus {
		background: none;
		position: absolute;
		top: 10px;
		right: 10px;
		left: auto;
		bottom: auto;
		border-radius: 0;
		box-shadow: none;
		z-index: 9997;
		display: block;
	}

	header .btn.btn-navbar span {
		background: #BBB;
		width: 30px;
		height: 5px;
		margin: 5px;
		display: block;
		border-radius: 2px;
	}

	#menuBox ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}

	#menuBox ul li {
		border-bottom: 1px solid #ff7f29;
	}

	#menuBox ul li:after {
		content: '';
		height: 1px;
		width: 100%;
		background: #B14600;
		display: block;
	}

	#menuBox>ul>li:first-child:after {
		display: none;
	}

	#menuBox>ul>li:first-child {
		border-bottom: 1px solid #666;
	}

	#menuBox>ul>li:first-child>a {
		background: #666;
	}

	#menuBox>ul>li:first-child>a>span.loginIcon {
		display: inline-block;
		background: url(../img/icon_safe.png) no-repeat;
		width: 10px;
		height: 14px;
		margin: 0 0 0 5px;
	}

	#menuBox ul li a {
		display: block;
		line-height: 40px;
		color: #fff;
		padding: 0 10px;
		text-decoration: none;
		font-size: 12pt;
		font-family: robotolight, Arial, Sans-serif;
	}

	#menuBox ul li a.no-link {
		line-height: 30px;
		background: #666;
		margin: -1px 0;
	}

	#menuBox ul ul {
		border-top: 1px solid #B14600;
	}

	#menuBox ul ul:before {
		content: '';
		height: 1px;
		width: 100%;
		background: #ff7f29;
		display: block;
	}

	#menuBox ul ul li:last-child {
		border: none;
	}

	#menuBox ul ul li:last-child:after {
		display: none;
	}

	/*
		-------------------------
		DEP DESIGN | HEADER
		-------------------------
	*/
	#logo {
		padding: 5px 20px;
		margin: 4px 0 0 0;
		float: none;
	}

	#logo a {
		display: inline;
	}

	header.primary #login {
		width: 100%;
		margin: 0;
		clear: both;
		text-align: center;
		padding: 20px 20px 0;
		display: block;
		position: relative;
		top: 0;
	}

	#login a {
		margin: 0 auto;
		display: inline-block;
		float: none;
		width: 100%;
	}


	/*
		-------------------------
		DEP DESIGN | NEWS
		-------------------------
	*/
	#newsBox #newsEffeniciey {
		height: auto;
		padding: 0 20px;
		line-height: 200%;
	}

	#newsBox #newsEffeniciey div {
		width: 100%;
		text-align: left;
		float: left;
	}

	#newsBox #newsEffeniciey strong,
	#newsBox #newsEffeniciey span,
	#newsBox #newsEffeniciey span+span {
		display: inline-block;
		width: 25%;
		text-align: right;
		font-size: 10pt;
		float: left;
	}

	#newsBox #newsEffeniciey span:first-child {
		width: 50%;
		text-align: left;
		font-size: 11pt;
	}

	#newsBox #newsFeed .newsItem,
	#newsBox #newsFeed .newsItem:first-child {
		background: url(../img/arrow_orange.png) no-repeat center right;
		padding: 5px 25px 5px 0;
		float: none;
	}

	#newsBox #newsFeed .newsItem h2 a {
		display: block;
		margin: -20px 0 0 0;
		padding: 20px 0 0 0;
		position: relative;
		z-index: 10;
	}

	#newsBox #newsVideoBox .inside {
		margin: 30px 0;
	}

	/*
		-------------------------
		DEP DESIGN | FUNDS
		-------------------------
	*/
	#fundTotalSolution h1 {
		margin: 0 0 30px 0;
	}

	#fundTotalSolution .fundLevel .fundHorizion {
		margin: -10px 0 10px 0;
		padding: 0;
		text-align: left;
	}

	#fundTotalSolution .fundLevel .fundHorizion span {
		display: block;
		box-shadow: none;
		font-size: 10.5pt;
		font-weight: bold;
		border-radius: 0;
	}

	.fundLevel,
	#fundTotalSolution .fundLevel {
		background: none;
		position: relative;
		border-radius: 0;
		box-shadow: none;
		padding: 10px 0 10px 0;
		margin: 0;
		border-bottom: 1px solid #EEE;
	}

	.fundLevel.grey,
	.fundLevel.grey .box,
	.fundRow.grey {
		background: #f5f5f5;
	}

	#fundTotalSolution .fundLevel {
		margin: 0 0 20px 0;
	}

	.fundLevel:before,
	.fundLevel:after {
		display: none;
	}

	.fundLevel h2 {
		color: #002D6B;
		text-align: left;
		border-bottom: none;
		font-size: 14pt;
		line-height: 38px;
		font-family: robotobold, Arial, Sans-serif;
	}

	.fundLevel h2.fundRisk1 {
		background: url(../img/fundRisk1.png) no-repeat center left;
		padding: 0 0 0 60px;
	}

	.fundLevel h2.fundRisk2 {
		background: url(../img/fundRisk2.png) no-repeat center left;
		padding: 0 0 0 50px;
	}

	.fundLevel h2.fundRisk3 {
		background: url(../img/fundRisk3.png) no-repeat center left;
		padding: 0 0 0 60px;
	}

	#fundChoise h1 {
		margin: 0;
	}

	#fundChoise .fundLevel h2 {
		background-position: left top;
		margin: 10px 0;
		padding: 0;
		height: 55px;
		line-height: normal;
	}

	#fundChoise ul {
		width: 100%;
		margin: 0 0 10px 0;
		float: left;
	}

	#fundChoise ul li {
		width: 100%;
		float: left;
	}

	#fundChoise p a.btn {
		margin: 20px 0 0 0;
	}

	#fundTotalSolution ul.detail li,
	#fundPopular ul.detail li {
		background: none;
		padding: 0 3px;
		font-size: 10pt;
		float: left;
	}

	#fundTotalSolution ul.detail li.fundPrice,
	#fundPopular ul.detail li.fundPrice {
		width: 22%;
	}

	#fundTotalSolution ul.detail li.fundEfficiency,
	#fundPopular ul.detail li.fundEfficiency {
		width: 28%;
	}

	#fundTotalSolution ul.detail li.fundEfficiencyYTD,
	#fundPopular ul.detail li.fundEfficiencyYTD {
		width: 28%;
	}

	#fundTotalSolution ul.detail li.fundCost,
	#fundPopular ul.detail li.fundCost {
		width: 20%;
	}

	#fundTotalSolution ul.detail li.fundMorningstar,
	#fundPopular ul.detail li.fundMorningstar {
		width: 30%;
	}

	#fundTotalSolution ul.detail li span:not(.star),
	#fundPopular ul.detail li span:not(.star) {
		width: 100%;
		color: #857E74;
		font-family: robotolight, Arial, Sans-serif;
		float: left;
	}

	#fundTotalSolution ul.detail li span:not(.star),
	#fundPopular ul.detail li span:not(.star) {
		width: 50%;
	}

	#fundTotalSolution ul.detail li span+span:not(.star),
	#fundPopular ul.detail li span+span:not(.star) {
		width: auto;
		color: #000;
		float: none;
	}

	#fundChoise p.text-center {
		text-align: left;
		clear: both;
		margin: 0;
	}

	.fundLevel div.text-center {
		margin-bottom: -20px;
	}

	.fundLevel p .btn,
	.fundLevel div .btn {
		background: none;
		position: absolute;
		top: 0;
		left: 0;
		box-shadow: none;
		box-radius: 0;
		text-indent: -9999px;
		width: 100%;
		text-align: left;
		padding: 0;
		font-size: 0;
		z-index: 9999;
		padding: 0;
		margin: 0;
	}

	.fundLevel p .btn:after,
	.fundLevel div .btn:after {
		content: '';
		background: url(../img/arrow_orange_large.png) no-repeat right center;
		height: 100%;
		width: 9px;
		margin: 0 5px 0 0;
		float: right;
	}

	#fundTotalSolution .fundLevel h2 {
		padding: 0 0 0 55px;
	}

	#fundTotalSolution .fundLevel h2:before {
		margin: 5px 0 0 -50px;
		float: left;
	}

	#fundTotalSolution ul.list {
		margin: -10px 0 10px 5px;
		width: 100%;
		float: left;
	}

	#fundDetail .downloads thead {
		display: none;
	}

	#fundDetail .downloads thead,
	#fundDetail .downloads tbody,
	#fundDetail .downloads tr,
	#fundDetail .downloads td {
		border: none;
		padding: 0;
		margin: 0;
	}

	#fundDetail .downloads a {
		position: relative;
		background: #ffffff;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlNmU2ZTYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
		background: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
		background: linear-gradient(to bottom, #ffffff 0%, #e6e6e6 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#e6e6e6', GradientType=0);
		margin: 10px 0 0 0;
		padding: 10px;
		border-radius: 5px;
	}

	#fundDetail .downloads tr:first-child a {
		margin: 0;
	}

	#fundDetail .downloads a .btn {
		display: none;
	}

	#fundDetail .btn.buy {
		margin: 0;
		float: none;
	}

	#fundBox #fundFilter #fundRisk li input.adv,
	.fundBox .fundFilter .select-list li input.adv {
		width: auto;
		height: auto;
	}

	#fundBox #fundList .fundListBox .fundRow .fundName,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundName,
	.fundBox .fundList .fundListBox .fundRow .fundName,
	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundName {
		width: 100%;
		padding: 10px 0 0 0;
	}

	#fundBox #fundList .fundListBox .fundRow .fundInfoBox,
	.fundBox .fundList .fundListBox .fundRow .fundInfoBox {
		width: 100%;
		height: 55px;
		float: left;
	}

	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundInfoBox {
		height: auto;
	}

	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundInfoBox>div {
		width: 100%;
		text-align: left;
	}

	#fundBox #fundList .fundListBox .fundRow .fundPrice {
		width: 22%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundEfficiency,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiency {
		width: 28%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD,
	.language_2 #fundBox #fundList .fundListBox .fundRow .fundEfficiencyYTD {
		width: 28%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundRisk {
		width: 20%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundMorningstar {
		width: 30%;
	}

	#fundBox #fundList .fundListBox .fundRow .fundLabel,
	.fundBox .fundList .fundListBox .fundRow .fundLabel {
		width: 100%;
		color: #333;
		float: left;
	}

	.fundBox .fundList .fundListBox.setCustomComposition .fundRow .fundLabel {
		width: 50%;
	}

	#fundList .risk {
		margin: 0 3px 0 0;
	}

	#fundBox #fundList .fundName a {
		position: relative;
		z-index: 1;
		margin: 0 0 -55px 0;
	}

	ul.detail li span.star {
		margin: 3px 0 0 1px;
		float: left;
	}

	#fundDetail .riskBanner {
		text-align: center;
	}

	#fundPopular {
		margin: 0;
	}

	#fundPopularList .fundLevel {
		margin: 0;
	}

	#fundPopularList h2 {
		padding: 0;
		height: auto;
		line-height: normal;
		border-bottom: none;
		color: #002D6B;
		text-align: left;
		font-size: 14pt;
		line-height: normal;
		font-family: robotobold, Arial, Sans-serif;
	}

	#fundPopularList .btn+.btn {
		display: none;
	}

	#fundPopularList h2 span {
		display: none;
	}

	#fundPopularList h2 div {
		padding: 0;
		height: auto;
	}

	#fundPopularList ul.list {
		margin: -10px 0 10px -10px;
	}

	#fundPopularList {
		margin: 0 0 20px 0;
	}

	#fundBox {
		position: relative;
	}

	#fundBox #fundFilter {
		padding: 20px 0 10px 0;
	}

	#fundBox #fundFilter #fundRisk,
	.fundBox .fundFilter .select-list {
		margin: 0 0 20px 0;
		float: left;
	}

	.fundBox .fundFilter .select-list {
		margin: 0;
	}

	#fundBox #fundFilter #fundRisk li,
	.fundBox .fundFilter .select-list li {
		padding: 0;
	}

	.fundBox .fundFilter .select-list li {
		width: 100%;
		text-align: left;
	}

	.fundBox .fundFilter .select-list li label {
		height: auto;
	}

	#fundBox #fundFilter #fundRisk li div,
	.fundBox .fundFilter .select-list div {
		margin: 0 auto;
	}

	.fundBox .fundFilter .select-list div {
		float: left;
	}

	#fundBox #fundList {
		margin: 0;
	}

	/*
		-------------------------
		DEP DESIGN - CONTACT
		-------------------------
	*/
	#contact .span6 {
		padding: 0;
	}

	#contact .span6 h2 {
		margin: 0 0 5px 0;
		padding: 0 0 0 40px;
		font-size: 16pt;
	}

	#contact .span6 h2 a {
		color: #4598CC;
		text-decoration: underline;
	}

	#contact .span6 p {
		padding: 0 0 20px 40px;
	}

	#contact .span6 p+p {
		padding: 20px 0 20px 40px;
	}


	/*
		-------------------------
		STEPS
		-------------------------
	*/
	.step-indicator {
		padding: 0;
		border-bottom: none;
	}

	.step-indicator li {
		width: auto;
		clear: none;
		padding-left: 0;
	}

	.step-indicator span {
		margin-left: 0;
	}

	#changePortfolio .step-indicator li {
		margin: 0;
	}



	/* 	-------------------------
		RADIO/LIST
		-------------------------
	*/
	ul.radio ul {
		margin-left: 15px;
		list-style-position: outside;
	}

	ul.radio ul li {
		padding-left: 0;
	}


	/*
		-------------------------
		DEP DESIGN | TABLE
		-------------------------
	*/
	table.default,
	table.default tr,
	table.default td,
	table.default.my-accounts-direct tbody tr>td,
	table.default.my-accounts-direct tbody tr.open>td {
		background: none;
		border: none;
	}

	table.default td.toggle a {
		margin: 0;
	}

	.wide tr:not(.more) td:not([data-label]):not(.toggle):not(.checkbox):before,
	table.my-accounts-direct tr:not(.more) td:not([data-label]):not(.toggle):before,
	table.responsiveTable tr:not(.more) td:not([data-label]):not(.toggle):before {
		content: "";
	}

	table.default>tbody>tr:last-child>td:last-child {
		border-bottom: none;
	}

	.wide tr:not(.more) td:not(.toggle):not(.checkbox),
	table.default tbody tr td {
		background: #f2f2f2;
	}

	table.default.my-accounts-direct>tbody>tr:first-child {
		border: none;
	}

	table.default.my-accounts-direct tbody tr.open td:not(.toggle) {
		background: #F9F8F8;
	}

	table.default.my-accounts-direct tbody tr td tbody tr td,
	table.default tbody tr td:not(.toggle):not(.checkbox):not(.more-content) {
		padding-top: 10px;
		padding-bottom: 10px;
	}

	table.default.my-accounts-direct tbody tr td tbody tr td,
	table.default tbody tr td:not(.toggle):not(.checkbox):not(:last-child) {
		padding-top: 10px;
		padding-bottom: 10px;
		border: none;
	}

	table.default tbody tr td tbody tr td.toggle {
		border-bottom: none;
	}

	table.default.my-accounts-direct>tbody>tr>td:not(.toggle):not(.checkbox):first-child {
		border: none;
		padding: 0;
	}

	table.default.my-accounts-direct tbody tr td tbody tr td.buttons {
		padding: 5px !important
	}

	table.default tbody tr td tbody tr td:first-child {
		border-bottom: none;
	}

	.js table.default .more-open>*>.outerwrapper {
		border-bottom: none;
	}

	.wide tr:not(.more) td:not(.toggle):not(.checkbox):before,
	table.my-accounts-direct tr:not(.more) td:not(.toggle):before,
	table.responsiveTable tr:not(.more) td:not(.toggle):before {
		color: #333;
	}

	table.default tbody td .buttons .btn {
		margin: 10px 0 10px 9px;
		line-height: normal;
		padding: 0;
		width: 45%;
	}

	table.default tbody td .buttons .btn * {
		margin: 0;
		line-height: normal;
		padding: 5px 10px;
		height: auto;
		display: block;
		width: 100%;
	}

	table.default tbody td.checkbox input {
		margin: -2px 0 0 0;
		float: left;
	}

	#changePortfolio select:not(#issuerID) {
		margin: 0;
	}

	.wide tr:not(.more) td:not(.toggle):not(.checkbox):before,
	table.my-accounts-direct tr:not(.more) td:not(.toggle):before,
	table.responsiveTable tr:not(.more) td:not(.toggle):before {
		font-size: 10.5pt;
	}

	table.default tbody tr.more-open>td.more-content>.outerwrapper {
		background: #fff;
		border-bottom: 3px solid #ff6600;
		border-top: 3px solid #ff6600;
	}

	.js table.default .outerwrapper {
		float: none;
	}

	.wide table.default .innerwrapper {
		padding: 15px 22px 0 22px;
	}

	tfoot.responsiveFix {
		dispay: block;
		height: auto;
	}

	tfoot.responsiveFix tr {
		padding: 0 25px;
	}

	tfoot.portfolioOrderFoot td {
		padding: 5px 25px;
	}

	.showretail.pull-right,
	.sub .showretail.pull-right {
		display: inline;
		float: none;
	}

	.responsiveFix.fullWidth ul.radio label {
		margin: -27px 0 0 0;
		padding: 0 0 0 20px;
		width: 100%;
	}

	.responsiveFix.fullWidth ul.radio label.pull-left {
		margin: 0 10px 0 0;
		padding: 0 0 0 2px;
		width: auto;
	}

	.default.form .daterangepicker label {
		height: auto;
		line-height: 150%;
	}


	.wide table.default.form tr td:before {
		line-height: 40px;
	}

	table.default.form .daterangepicker img {
		margin: -3px 0 0 0;
	}

	.form.form-alt:not(.editing) .settingWidth {
		width: auto;
		margin: 0;
	}

	.my-accounts-direct .portfolioTransactionSelect {
		margin: 5px 23px;
		width: 200px;
	}

	#switchCategory .category-box {
		width: 100%;
		margin: 10px 0 0 0;
	}

	#fundBox.switchFunds #fundList .fundRow,
	#fundBox.switchFunds #fundList .fundRow.fundRowHead {
		padding-right: 0;
	}


	/*
		-------------------------
		DEP DESIGN - TABS
		-------------------------
	*/
	.tabs .tabs-top,
	.nav-tabs {
		border: 1px solid #ddd;
		padding: 0;
		border-radius: 5px;
		overflow: hidden;
	}

	.tabs .tabs-top li,
	.tabs .tabs-top li.current,
	.nav-tabs li,
	.nav-tabs li.active {
		background: none;
		margin: 0;
		padding: 0;
		width: 100%;
		border: none;
		border-radius: none;
	}

	.tabs .tabs-top li a,
	.tabs .tabs-top li.current a,
	.nav-tabs li a,
	.nav-tabs li.active a,
	.nav-tabs li:first-child a,
	.nav-tabs li:hover a,
	.nav-tabs li:focus a {
		margin: 0;
		border: none;
		border-radius: none;
	}



	/*
		-------------------------
		DEP DESIGN - PAGING
		-------------------------
	*/
	.tools .span4 p {
		float: none;
	}

	#accountOpen .showData ul.radio {
		margin: 0;
	}

	/*
		-------------------------
		ACCOUNT OPENING
		-------------------------
	*/
	#accountOpen .span3 .pull-right {
		float: left;
	}

	#accountOpen .span2.offset4 .pull-right {
		display: inline;
		float: none;
	}


	/*
		-------------------------
		FOOTER
		-------------------------
	*/
	footer.primary # {
		margin: 20px -10px 0 -10px;
		padding: 30px 10px;
	}

	footer.primary a:first-child {
		border-top: 1px solid #e5ded9;
	}

	footer.primary a {
		padding: 10px 0;
		border-bottom: 1px solid #e5ded9;
	}

	.hide-label-text:before {
		content: '';
	}

	tr.total.visible-phone {
		display: block;
	}

	tr.total.visible-phone td:first-child {
		border-top: 3px solid #bbb !important;
	}

	tr.total.visible-phone td:before {
		margin: 0 0 0 -140px !important;
	}

	tr.total.visible-phone td {
		padding: 10px 5px 10px 165px !important;
	}

	#fundBox.switchFunds #fundList.morethan10fund .fundOverview {
		height: auto;
		overflow-y: visible;
	}

}

/*
	-------------------------
	RESPONSIVE (max-width:480px)
	-------------------------
*/
@media (max-width:480px) {

	/*
		-------------------------
		BUTTON FIX
		-------------------------
	*/
	.btn-left-fix {
		float: none;
		clear: none;
		margin: 0 0 5px 0;
	}

	.btn-right-clear-fix,
	.btn-right-clear-fix-left {
		clear: none;
	}

	.btn-right-clear-fix-left {
		float: left;
	}

	.btn {
		padding: 5px 10px;
	}

	#orderProcess .info-line,
	#editMonthly .info-line,
	#editMonthly span.text {
		margin: 0;
	}

	#editMonthly .otherFunds {
		float: left;
	}

	#orderProcess .small.datepicker,
	#editMonthly .small.datepicker,
	#editMonthly select {
		margin: 0 10px 0 0;
	}
}


/*
	-------------------------
	IE 9 AND 10 CSS HACK
	-------------------------
*/
@media screen and (min-width:0\0) {
	.btn {
		filter: none;
	}
}


/*
	-------------------------
	IE 6, 7 AND 8 CSS HACK
	-------------------------
*/
@media \0screen\,screen\9 {

	#changePortfolio .btn.previous.left:before {
		float: none;
	}

	table.default tbody td {
		vertical-align: middle;
	}

	table.default tbody td.strong,
	table .fundName a {
		font-size: 10.5pt;
	}

	table.default tbody td.checkbox input {
		margin: 5px 0 0 2px;
		height: auto;
	}

	#cookieWall .btn:before {
		margin: 10px 10px 0 0;
	}

	#login .btn {
		height: 35px;
		line-height: 35px;
	}

	#introBox .btn {
		height: 50px;
	}

	.fundLevel:before,
	.fundLevel:after {
		display: none;
	}

	.fundLevel {
		border: 1px solid #eaeaea;
	}

	#fundPopularChoise label .labelAdv {
		display: none;
	}

	#fundBox #fundFilter #fundRisk li input.adv {
		width: 100%;
		height: 15px;
		position: relative;
		margin: 0;
		display: block;
	}

	#fundBox #fundFilter #fundRisk li span {
		display: none;
	}

	#fundBox #fundList .fundButton .btn {
		padding: 0 5px;
		height: 30px;
		line-height: 30px;
		margin: -7px 0 -3px 0;
	}

	#fundBox #fundList #fundComparison {
		padding: 5px;
		height: 25px;
		line-height: 25px;
		text-indent: -10px;
	}

	#accountOpen .step-indicator li {
		width: 25%;
	}

	input[type="text"],
	input[type="email"] {
		width: 100%;
		float: left;
	}

	.adv {
		display: none;
	}

	.radioStyle input {
		margin: -10px 5px 0 0 !important;
	}

	.radioStyle label {
		padding: 0 0 0 30px !important;
	}

	.tooltip-inner {
		border: 1px solid #ff6600;
	}

	.pagingBox ul li .btn,
	.pagingBox ul li .btn:hover {
		border: 1px solid #eaeaea;
	}

	.btn,
	.btn.btn-empty.current,
	#newsBox #newsPaging ul li .btn:hover,
	.pagingBox ul li .btn:hover {
		height: 40px;
		line-height: 40px;
		padding: 0 10px;
	}

	#loginForm .btn.next:after,
	#accountOpen .btn.next:after {
		margin: -27px 0 0 0;
		float: right;
	}

	.btn,
	.btn *,
	table.default tbody .btn.right.next,
	table.default tbody .btn.right.next *,
	.default.form .btn,
	.default.form .btn * {
		height: 40px;
		line-height: 40px;
	}

	.wide .btn {
		height: 35px;
	}

	.default .btn input[type="submit"],
	.wide .btn input[type="submit"],
	.wide .btn.next * {
		line-height: 33px;
		margin: 0 10px -5px 0;
	}

	.default input[type="text"] {
		width: auto;
		float: left;
	}

	.default input[type="text"].small {
		width: 100px;
	}

	.paging input[type="text"] {
		width: 30px;
	}

	#loginForm input[type="text"] {
		width: 100%;
	}

	.default .btn.next,
	.default .btn.next *,
	.wide .btn,
	.wide .btn * {
		color: #fff;
	}

	.wide .btn.previous,
	.wide .btn.previous *,
	.editing .btn.cancel * {
		color: #000066;
	}

	.wide .btn.previous * {
		line-height: 33px;
		margin: 0 0 -5px 10px;
	}

	.default .indent .btn input[type="submit"] {
		color: #fff;
		line-height: 40px;
		margin: 0;
	}

	table.default tbody .btn,
	table.default tbody .btn * {
		color: #fff;
		height: 25px;
		line-height: 25px;
	}

	ul.radio li input[type="radio"],
	ul.radio li input[type="checkbox"] {
		margin: 0 5px 0 0;
	}

	#accountOpen ul.radio li input[type="radio"],
	#accountSettings ul.radio li input[type="radio"] {
		margin: 2px 0 0 0;
	}

	#accountOpen .showCheck input[type="checkbox"] {
		margin: -8px 0 0 -20px;
	}

	#accountOpen .step-indicator li .labelMiddle {
		line-height: normal;
	}

	.step-indicator span {
		background: url(../img/step_inactive.png) no-repeat;
		border: none;
	}

	.step-indicator .current span {
		background: url(../img/step_active.png) no-repeat;
	}

	.step-indicator .complete span {
		background: url(../img/step_complete.png) no-repeat;
	}

	#accountOpen .showData .radioStyle .adv {
		display: block;
		border: none;
		background: url(../img/radio_style.png) no-repeat -1px -1px;
		width: 24px;
		height: 22px;
	}

	#accountOpen .showData .radioStyle.active .adv {
		background: url(../img/radio_style_active.png) no-repeat -1px -1px;
	}

	.tabs .tab * {
		font-size: 10.5pt;
		font-family: robotolight, Arial, Sans-serif;
		font-style: normal;
		font-weight: normal;
	}

	.editing .btn * {
		color: #fff;
	}

	.default .indent .btn.cancel:hover {
		background: #f8f8f8;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y4ZjhmOCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNkZGRkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f8f8f8), color-stop(100%, #dddddd));
		background: -webkit-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
		background: -o-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
		background: -ms-linear-gradient(top, #f8f8f8 0%, #dddddd 100%);
		background: linear-gradient(to bottom, #f8f8f8 0%, #dddddd 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f8f8f8', endColorstr='#dddddd', GradientType=0);
	}

	#accountOpen .btn,
	#accountOpen .btn * {
		height: 40px;
		line-height: 40px;
	}

	#accountOpen input[type="radio"] {
		margin: 5px 0 0 0;
		height: auto;
	}

	#loginForm .btn.next:after {
		margin: 12px 10px 0 -20px;
	}

	#loginForm .btn.next input,
	.login .btn.right input {
		padding: 10px 30px 10px 10px;
		margin: 0 0 0 0;
	}

	.login .btn.right input {
		padding: 5px 10px;
	}

	#firstTime .questions ol li label input {
		margin: -7px 0 0 -20px;
	}

	#sliderHome .btn-blue-light,
	#fundChoise .btn-blue-light,
	#fundTotalSolution .btn-blue-light,
	#loginForm .btn-blue-light,
	.login .btn-blue.light,
	#loginForm .btn,
	#fundPopular .btn-blue-light,
	#uspText .btn-blue-light {
		-webkit-box-shadow: 0px 1px 2px 0px #8e8e8e;
		box-shadow: 0px 1px 2px 0px #8e8e8e;
		background: #4598cd;
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ1OThjZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDJkNmIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top, #4598cd 0%, #002d6b 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #4598cd), color-stop(100%, #002d6b));
		background: -webkit-linear-gradient(top, #4598cd 0%, #002d6b 100%);
		background: -o-linear-gradient(top, #4598cd 0%, #002d6b 100%);
		background: -ms-linear-gradient(top, #4598cd 0%, #002d6b 100%);
		background: linear-gradient(to bottom, #4598cd 0%, #002d6b 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#4598cd', endColorstr='#002d6b', GradientType=0);
	}

	#fundPopularList ul.detail li span+span {
		width: auto;
	}

	#fundPopularList ul.detail li span.star {
		width: 14px;
	}

	#fundDetail table {
		width: 100%;
	}

	#fundDetail table th {
		text-align: left;
		border-bottom: 3px solid #ff6600;
		font-size: 10pt;
		padding: 5px 0;
	}

	#fundDetail table td {
		text-align: left;
		border-bottom: 1px solid #EEE;
		font-size: 10pt;
		padding: 5px 0;
	}
}

.pendingOrders {
	background: #fff;
	display: block;
	color: #ff0000;
	padding: 5px;
	width: 100%;
}

.pendingOrders a.more {
	color: #4598CC;
	display: inline-block;
	margin: 0 0 0 20px;
	font-weight: bold;
	float: none;
}

.androidFix {
	border: inherit;
	border-radius: inherit;
	box-shadow: none;
}


[class^="icon-"],
[class*=" icon-"] {
	display: inline-block;
	width: 14px;
	height: 14px;
	margin-top: 1px;
	*margin-right: .3em;
	line-height: 14px;
	vertical-align: text-top;
	background-image: url("../../GENERAL/img/glyphicons-halflings.png");
	/*background-position: 14px 14px;*/
	background-repeat: no-repeat;
}

.evdAssetClass {
	color: silver;
}

.fundListBox.hypotheekfit .fundButton {
	display: none;
}

#accountOpen .input.btn[type="submit"],
#accountOpen .btn input[type="submit"],
#accountOpen .btn input[type="button"] {
	font-size: 12pt !important;
}

#bannerHome,
#bannerHome .banner {
	display: block;
	float: left;
	width: 100%;
	position: relative;
}

#bannerHome {
	margin-bottom: 20px;
}

#bannerHome .banner {
	display: block;
	min-height: 300px;
	width: 100%;
}

#bannerHome .banner .bannerOverlay {
	bottom: 0;
	display: block;
	left: 15%;
	margin: 0 auto;
	padding: 20px;
	position: absolute;
	width: 70%;
}

#bannerHome .bannerOverlay.header-only {
	bottom: 20%;
	left: 22%;
	text-align: center;
	/* width: 457px; */
	width: 30%;
	max-width: 457px;
}



#bannerHome .banner .bannerOverlay.header-only h1 {
	color: #ff6600;
	font-size: 28pt;
	line-height: 33pt;
	margin: 0;
	text-shadow: 1px 1px 1px #FFF;
}


@media(min-width:1900px) {
	#bannerHome .bannerOverlay.header-only {
		bottom: 20%;
		left: 24%;
		text-align: center;
		width: 40%;
	}
}


@media(max-width:1650px) {
	#bannerHome .bannerOverlay.header-only {
		bottom: 20%;
		left: 15%;
		text-align: center;
		width: 40%;
	}
}

@media(max-width:1200px) {
	#bannerHome .bannerOverlay.header-only {
		bottom: 20%;
		left: 5%;
		text-align: center;
		width: 45%;
		max-width: 398px;
	}

	#bannerHome .banner .bannerOverlay.header-only h1 {
		font-size: 30pt;
		line-height: 40pt;
		margin: 0;
	}
}

@media(max-width:991px) {
	#bannerHome .bannerOverlay.header-only {
		bottom: 20%;
		left: 0;
		text-align: center;
		width: 45%;
		max-width: 398px;
	}

	#bannerHome .banner .bannerOverlay.header-only h1 {
		font-size: 24pt;
		line-height: 29pt;
		margin: 0;
	}
}

#bannerHome .banner .bannerOverlay h1 {
	font-size: 30pt;
	line-height: 40pt;
	margin: 0;
}

#bannerHome .banner .bannerOverlay .text-orange {
	color: #ff6600;
}

#bannerHome .banner .bannerOverlay .buttons .btn {
	color: #ffffff;
	text-decoration: none;
	margin-top: 20px;
	font-weight: 700;
	font-size: 14pt;
	display: inline-block;
}

nav ul li.last.btn-full-green,
.btn.btn-orange-light.btn-full-green {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #a2e072 0%, #71b73c 100%) repeat scroll 0 0;
	margin-right: 10px;
}

nav ul li.last:hover.btn-full-green,
nav ul li.last:hover.btn-full-green a,
.btn.btn-orange-light.btn-full-green:hover {
	background: rgba(0, 0, 0, 0) linear-gradient(to bottom, #71b73c 0%, #4b752b 100%) repeat scroll 0 0 !important;
}

nav ul li.last.btn-full-green:last-child,
.btn.btn-orange-light.btn-full-green:last-child {
	margin-right: 0;
}

.bannerOverlay .btn.btn-orange-light {
	margin-right: 10px;
}

.bannerOverlay .btn.btn-orange-light:last-child {
	margin-right: 0;
}

#mainContentRow {
	display: block;
	position: relative;
	margin: 15px auto;
}

@media(max-width:768px) {
	#mainContentRow {
		width: 100%;
	}
}


#service,
#proclaimer {
	background-color: #f9f9f9;
	background-position: left bottom;
	background-repeat: repeat-x;
	border-radius: 5px;
	margin-bottom: 20px;
	overflow: hidden;
	padding: 8px 8px 8px 8px;
	position: relative;
	background-image: -moz-linear-gradient(center top, #f9f9f9, #ededed);
}

#service>h2 {
	margin-left: 8px;
}

#service .phone {
	background: rgba(0, 0, 0, 0) url("../img/contactPhone.png") no-repeat scroll left center;
}

#service .email {
	background: rgba(0, 0, 0, 0) url("../img/contactEmail.png") no-repeat scroll left center;
}

#service .faq {
	background: rgba(0, 0, 0, 0) url("../img/question.png") no-repeat scroll left center;
}

#service .wayOfBusiness {
	background: rgba(0, 0, 0, 0) url("/static/RETAIL/img/icon_list.png") no-repeat scroll left center;
}

#service .privacy {
	background: rgba(0, 0, 0, 0) url("/static/RETAIL/img/iconSecurityNoBg.png") no-repeat scroll left center;
}

#service .login {
	background: rgba(0, 0, 0, 0) url("../img/iconSecurityNoBg.png") no-repeat scroll left center;
}

#service .serviceIcon {
	display: block;
	float: left;
	height: 40px;
	position: relative;
	width: 34px;
}

#service .serviceBlock {
	display: block;
	float: left;
	padding: 10px;
	width: 100%;
}

#service .serviceBlock p {
	color: #666666;
	font-weight: 700;
	padding: 10px 0 0 39px;
}

#service .serviceBlock p a {
	color: #666666;
	font-weight: 700;
	text-decoration: none;
}

#proclaimer {
	margin-top: 10px;
	clear: both;
	color: grey;
	font-size: 13px;
}

#proclaimer>h6 {
	color: silver;
}

#top5 {
	display: block;
	float: left;
}

.homepage-small-btn {
	width: 20% !important;
	color: white !important;
}

@media(max-width:980px) {
	.serviceBlock .span6 {
		margin: 0;
		padding: 0;
		width: 100%;
	}

	.serviceBlock .span6:nth-child(2n) p {
		margin-bottom: 0;
	}
}

@media(max-width:768px) {
	#top5 {
		margin: 20px auto 30px;
		width: 100%;
	}

	#service h2 {
		font-size: 19pt;
	}

}

#top5 h2 {
	color: #000;
	font-size: 19pt;
	margin-top: 0;
}

#top5 h2::after {
	background: #aba195 none repeat scroll 0 0;
	content: "";
	float: left;
	height: 3px;
	width: 100%;
}

#top5List>li {
	border-bottom: 1px solid #EEE;
	padding: 7px 5px;
	float: left;
	width: 100%;
}

#top5List>li:last-child {
	border-bottom: none;
	padding: 7px 5px;
}

#top5List>li a {
	float: left;
	width: 80%;
}

#top5List>li .percentage {
	float: right;
	padding-right: 10px;
	width: 70px;
	text-align: right;
}

#chooseGoal {
	display: block;
	float: left;
	position: relative;
	width: 100%;
}

#logoFooter .logo {
	display: block;
	margin: 0 auto;
	height: 90px
}

@media(max-width:768px) {
	#logoFooter .span4 {
		padding-bottom: 30px;
	}

	#logoFooter .span4:first-child {
		padding-bottom: 0px;
	}
}

.img-responsive {
	width: 100%;
}



#mainGraphRow h5 a {
	font-family: Arial;
	font-size: 8pt;
	font-weight: 400;
}

#mainGraphRow h5 a:hover {
	color: #23527c;
}

@media(max-width:991px) {
	#mainGraphRow .row-fluid .span3 {
		width: 23.4043%;
		display: inline-block;
		margin-left: 0;
		float: right;
	}

	#mainGraphRow .row-fluid .span9 {
		width: 74.4681%;
		display: inline-block;

	}

	#logoFooter .logo {
		padding-top: 0;
	}
}

.span6.paddingRight10.calculatorControls {
	padding-bottom: 15px;
	padding-top: 10px;
}

.smallText {
	display: block;
	font-size: 12px;
	text-align: left;
	font-style: italic;
}

.disabled {
	color: #b3b0b0;
}

.rebalanceConfirmationText {
	background: url(../img/arrowGreenLarge.png) no-repeat left center;
	padding: 23px 0 0 50px;
	margin: 0 0 20px -10px;
}

/*-------------------*/
/*     Studiefit     */
/*-------------------*/


.info-list p {
	font-family: robotolight;
	font-size: 16px;
}

.subNavigation.threeItemSubNavigation ul li {
	width: 32%;
}

.subNavigation.threeItemSubNavigation ul li a {
	min-width: 32%;
}

@media(max-width:768px) {

	.subNavigation.threeItemSubNavigation ul li a .link-title,
	.subNavigation.threeItemSubNavigation ul li a .link-subtitle {
		display: block;
		margin: 5px auto 0;
		text-align: center;
		width: 100%;
	}
}

@media(max-width:480px) {

	.subNavigation.threeItemSubNavigation ul li a .link-title,
	.subNavigation.threeItemSubNavigation ul li a .link-subtitle {
		font-size: 13px;
		margin: 0 auto;
	}
}

.studiefit .btn.buy {
	color: #fff;
	float: left;
	font-size: 12pt;
	margin: 0 0 15px;
	padding: 10px 40px;
}

.studiefit .info-list-container {
	margin-top: 0;
}

.studiefit .info-list img {
	width: 100%;
}

.studiefit .riskBanner {
	padding-bottom: 10px;
}

.studiefit h2 {
	color: #ff6600;
	font-size: 24pt;
}

.studiefit h3 {
	color: #ff6600;
	font-size: 16pt;
}

studiefit table thead tr th {
	color: #bab1a7;
	font-weight: normal;
}

@media(min-width:768px) {
	/* .studiefit .riskBanner {
	    padding-top: 40px;
	} */
}

@media(max-width:768px) {
	/* .studiefit .riskBanner{
		margin-top:20px;
	} */

	.studiefit .riskBanner,
	.studiefit .btn.buy {
		text-align: center;
	}

	.studiefit .btn.buy {
		float: none;
		margin: 0;
	}

	.studiefit .nav-tabs>li>a,
	.studiefit .tabs-top>li>a {
		border-radius: 0;
	}
}


.studiefit .intro-box {
	background: -moz-linear-gradient(top, rgba(233, 233, 233, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(233, 233, 233, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(233, 233, 233, 0.65) 0%, rgba(255, 255, 255, 0) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#a6e9e9e9', endColorstr='#00ffffff', GradientType=0);
	/* IE6-9 */
	padding: 10px 20px;
}

.studiefit .intro-box h1 {
	color: #ea650d;
	font-size: 24px;
}

/*  STUDIEFIT   */

.studiefit .orange-arrow-box {
	background: #ff6600 none repeat scroll 0 0;
	margin: 10px 0 0 0;
	padding: 5px 10px;
	position: relative;

}

.studiefit .orange-arrow-box p {
	margin: 0;
	color: #fff;
}

.studiefit .orange-arrow-box:after {
	-moz-border-bottom-colors: none;
	-moz-border-left-colors: none;
	-moz-border-right-colors: none;
	-moz-border-top-colors: none;
	border-color: #ff6600 rgba(255, 102, 0, 0) rgba(255, 102, 0, 0);
	border-image: none;
	border-style: solid;
	border-width: 25px 151px 0;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -50%;
	pointer-events: none;
	position: absolute;
	top: 100%;
	width: 100%;
}

@media(max-width:979px) {
	.studiefit .orange-arrow-box:after {
		border-width: 25px 238px 0;
	}

	.row-fluid .span6.xs-span12 {
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}

}

@media(max-width:767px) {
	.studiefit .orange-arrow-box:after {
		border-left: 40px solid transparent;
		border-right: 40px solid transparent;
		border-top: 18px solid #ff6600;
		bottom: -13px;
		content: "";
		height: 0;
		left: 50%;
		margin-left: -40px;
		position: absolute;
		width: 0;
		z-index: 2
	}
}

.studiefit .makeBold {
	font-weight: bold;
	font-size: 16px;
	display: inline-block;
	padding-top: 5px;
}

.studiefit .simpleCalculatorWrapper th h3 {
	color: #000000;
	font-size: 18px;
	margin: 0;
	font-weight: bold;
}

.studiefit .simpleCalculatorWrapper thead {
	background: rgba(230, 229, 229, 0.5) none repeat scroll 0 0;
	border-bottom: medium none;
}

.studiefit .simpleCalculatorWrapper table:not(.ui-datepicker-calendar) thead tr th:first-child,
.studiefit .simpleCalculatorWrapper table:not(.ui-datepicker-calendar) thead tr td:first-child {
	border-bottom: none !important;
}

.studiefit .simpleCalculatorWrapper th,
.studiefit .simpleCalculatorWrapper td {
	padding: 10px 10px !important;
	line-height: 33px;
}

.studiefit .simpleCalculatorWrapper .calc {
	font-weight: bold;
	text-align: right;
}

.studiefit .simpleCalculatorWrapper .span6 {
	margin-bottom: 20px;
}

.studiefit .simpleCalculatorWrapper tbody {
	border-bottom: 3px solid #ccc;
}

.studiefit .simpleCalculatorWrapper tfoot .total {
	font-size: 17px;
}

@media(min-width:980px) {
	.studiefit .simpleCalculatorWrapper .partTimeJobColumn {
		border-collapse: separate;
		display: table-cell;
		height: 217px;
	}
}

.studiefit .simpleCalculatorWrapper .showForm {
	display: none;
}

.studiefit .simpleCalculatorWrapper .showForm input[type="text"] {
	width: 80px !important;
	text-align: right;
	height: 30px;
	margin: 0;
}

.studiefit .simpleCalculatorWrapper .calc.total {
	background: rgba(230, 229, 229, 0.5) none repeat scroll 0 0;
}

.studiefit .totalStudy {
	background: rgba(230, 229, 229, 0.5) none repeat scroll 0 0;
	padding: 5px 10px;
	margin-top: 25px;
}

.studiefit .totalStudy p {
	font-size: 16px;
}


.studiefit .simpleCalculatorWrapper tfoot td {
	padding: 5px 10px !important;
}

.totalStudy .makeBold {
	padding: 0;
}

.studiefit .open-account-button-container a i {
	background-image: none;
}

.studiefit .open-account-button-container .btn {
	padding-top: 5px;
	margin-bottom: 30px;
}


.studiefit .orange-study-header {
	display: block;
	float: left;
	padding: 10px 0 15px;
	width: 100%;
}

.studiefit .studiefit-intro-img img {
	width: 100%;
}

.studiefit .orange-study-header .orange-study-icon {
	background: #ff6600 url("/static/RETAIL/img/submenu/basisregels_beleggen_no_shadow.png") no-repeat scroll 6px 8px;
	border-radius: 35px;
	display: inline-block;
	height: 55px;
	margin-right: 15px;
	position: relative;
	width: 55px;
	float: left;
}

.studiefit .orange-study-header h1 {
	display: inline-block;
	float: left;
	font-size: 18pt;
	font-weight: bold;
	margin-top: 18px;
	text-transform: uppercase;
}

@media(min-width:768px) and (max-width:979px) {
	.studiefit .orange-study-header h1 {
		display: inline-block;
		float: left;
		font-size: 14pt;
		font-weight: bold;
		margin-top: 18px;
		text-transform: uppercase;
	}

	.studiefit .orange-study-header .orange-study-icon {
		background: #ff6600 url("/static/RETAIL/img/submenu/basisregels_beleggen_no_shadow.png") no-repeat scroll 2px 4px;
		border-radius: 35px;
		display: inline-block;
		float: left;
		height: 48px;
		margin-right: 15px;
		position: relative;
		width: 48px;
	}
}

.subNavigation.threeItemSubNavigation ul li a .img.sparen {
	background: url(/static/RETAIL/img//submenu/sparen_of_beleggen.png);
}

.studiefit .disclaimer,
.studiefit img.calculation-explanation {
	margin-left: 0;
	margin-top: 0;
}

.studiefit .explanation {
	margin-bottom: 20px;
	color: #666;
	font-family: Arial;
	font-size: 11px;
	padding: 8px 0 0;
}


.studiefit #calcResult .btn.buy {
	padding: 5px;
}

.studiefit .open-account-button-container .btn-orange {
	font-family: robotolight, Arial, sans-serif;
}

#fundDetail .studiefit .buyFund .btn.buy {
	margin-top: 20px;
}

@media(max-width:768px) {
	#fundDetail .studiefit .buyFund .btn.buy {
		width: 100%;
	}
}

.studiefit,
.studiefit p {
	font-family: robotolight, Arial, sans-serif !important;
	font-size: 16px;
}

.studiefit .detail li {
	font-family: robotolight, Arial, sans-serif !important;
}

.studiefit .title {
	font-size: 37px;
}

.studiefit .jqplot-point-label {
	min-width: 80px;
}

.studiefit .marginTop {
	margin-top: 20px;
}

div.contra-bank-accounts p:last-child {
	margin-bottom: 0px;
}

#extraSolution .btn {
	margin: 10px 10px 0 0;
}

@media(max-width:768px) {
	#extraSolution .btn {
		margin: 10px 0 0 0;
		width: 100%;
	}
}

.red {
	color: red;
}

.black-border {
	border: 1px solid black;
	padding: 2px 5px 2px 8px;
}

strong.highlight {
	background-color: lightyellow;
}

.add-extra-account {
	font-weight: bold;
}