/* =============================================================================
   HTML5 Boilerplate CSS: h5bp.com/css
   ========================================================================== */

html {
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust:     100%;
}

/* BRAT-34804: Text size adjustment for iPad safari */
html.reset-font-size-adjustment {
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust:     none;
}

#reportsTabHeader nav {
	background-color: #dbdddf;
}

html, button, input, select, textarea {
	font-family: sans-serif;
	color: #222;
}

body {
	margin: 0;
	font-size: 1em;
	line-height: 1.4;
}

::-moz-selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

::selection {
	background: #fe57a1;
	color: #fff;
	text-shadow: none;
}

a {
	color: #00e;
}

a:visited {
	color: #551a8b;
}

a:hover {
	color: #06e;
}

a:focus {
	outline: thin dotted;
}

a:hover,a:active {
	outline: 0;
}

abbr[title] {
	border-bottom: 1px dotted;
}

b,strong {
	font-weight: bold;
}

blockquote {
	margin: 1em 40px;
}

dfn {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

ins {
	background: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background: #ff0;
	color: #000;
	font-style: italic;
	font-weight: bold;
}

pre,code,kbd,samp {
	font-family: monospace, serif;
	_font-family: 'courier new', monospace;
	font-size: 1em;
}

pre {
	white-space: pre;
	white-space: pre-wrap;
	word-wrap: break-word;
}

article,aside,details,figcaption,figure,footer,header,hgroup,nav,section {
	display: block;
}

audio,canvas,video {
	display: inline-block;
	*display: inline;
	*zoom: 1;
}

audio:not([controls]) {
	display: none;
}

[hidden] {
	display: none;
}

q {
	quotes: none;
}

q:before,q:after {
	content: "";
	content: none;
}

small {
	font-size: 85%;
}

sub,sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -0.5em;
}

sub {
	bottom: -0.25em;
}

ul,ol {
	margin: 1em 0;
	padding: 0 0 0 40px;
}

dd {
	margin: 0 0 0 40px;
}

nav ul,nav ol {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}

img {
	border: 0;
	-ms-interpolation-mode: bicubic;
	vertical-align: middle;
}

svg:not(:root) {
	overflow: hidden;
}

figure {
	margin: 0;
}

form {
	margin: 0;
}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

label {
	cursor: pointer;
}

legend {
	border: 0;
	*margin-left: -7px;
	padding: 0;
	white-space: normal;
}

button,input,select,textarea {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle;
}

button,input {
	line-height: normal;
}

button,input[type="button"],input[type="reset"],input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button;
	*overflow: visible;
}

button[disabled],input[disabled] {
	cursor: default;
}

button.actionButton[disabled]{
	background: none repeat scroll 0 0 #CCCCCC;
}

.disabled {
  opacity: .5;
  pointer-events: none;
}

input[type="checkbox"],input[type="radio"] {
	box-sizing: border-box;
	padding: 0;
	*width: 13px;
	*height: 13px;
}

input[type="search"] {
	-webkit-appearance: textfield;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
	box-sizing: content-box;
}

input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

button::-moz-focus-inner,input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

textarea {
	overflow: auto;
	vertical-align: top;
	resize: vertical;
}

input:invalid,textarea:invalid {
	background-color: #f0dddd;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

td {
	vertical-align: top;
}

.chromeframe {
	margin: 0.2em 0;
	background: #ccc;
	color: black;
	padding: 0.2em 0;
}

.rightAlign {
	text-align: right !important;
	padding-right: 4px !important;

}
.rightAligned {
	text-align: right !important;
	word-spacing: 5em;
}

.centerAligned {
	text-align: center !important;
}

.noWrap {
	white-space: nowrap;
}

.pull-left {
	float: left;
}

.pull-right {
	float: right;
}

.vertical-top {
	vertical-align: top !important;
}

/* Tooltip with wider width */
.custom-tooltip-extended {
	max-width:735px !important;
	max-height:180px !important;
	overflow:auto;
}
   
/* =============================================================================
   Primary Styles
   ========================================================================== */
body {
	background: url('/brown-web/resources/images/header_bg.jpg') repeat-x 0 0 #dbdddf;
	min-width: 980px;
}

#contentWrapper {
	width: 1002px;
	margin: 0 auto;
}

header {
	width: 100%;
	height: 135px;
}
.noBorder{
	border:none !important;
}

#logo {
	float: left;
	margin-top: 26px;
}
#logo-touchpoint {
	float: left;
    margin-left: 274px;
    margin-top: 35px;
}

#delegate-logo-touchpoint {
	float: left;
    margin-left: 200px;
    margin-top: 35px;
}

/* Common or Generic Styles Starts */
.submit-button-chevron {
	margin-top: 3px;
    outline: none;
    border: none;
    padding: 8px 18px;
    color: white;
    font-family: inherit;
    font-size: 14px;
    background-color: #f26531;
}
hr.fancyline {
	border: 0;
	height: 2px;
	background: -webkit-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));
	background: -moz-linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));
	background: linear-gradient(left,rgba(0,0,0,0),rgba(0,0,0,0.2),rgba(0,0,0,0));
	width:100%;
}

.centerText{text-align: center !important;}
.clearBoth{clear:both;}
.floatLeft{float:left;}
.Testing {float:left;}
.contentDisclaimer{
	color: #6f6f6f;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
}
.clear-float::after{
    content: "";
    clear: both;
    display: block;
}
.bold {
    font-weight: bold;
}
/* Common or Generic Styles Ends */

/* Common Widgets Styles Starts */
.ui-accordion .ui-accordion-header{
	font-weight:bold;
	padding:10px 10px 10px 20px;
	font-family: Tahoma,sans-serif;
	font-size: 13px;
	margin-top: 8px;
	background: #DBDBDB;
	border-radius: 0;
	cursor:pointer;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon{
	right: .5em;
	left:inherit;
	opacity: 0.7;
}

.ui-accordion .ui-state-active{
	background:#0076be;
	color: white;
}

.ui-widget-content{
	border-color:#A09393;
}
.ui-state-default .ui-icon{
	background: url("/brown-web/resources/images/plus.png") no-repeat  0 0 transparent !important;
	width:16px;
	height:16px;
	float: right;
}

.ui-state-active .ui-icon{
	background: url("/brown-web/resources/images/minus.png") no-repeat  0 0 transparent !important;
	width:16px;
	height:16px;
}

.ui-accordion .ui-accordion-content{padding: 0px;}

/* Common Widgets Styles Ends */

/* New Login Page style starts | BRAT-36250: MFA page styles added */
img.fullPageBG {
	/* Set rules to fill background */
	min-height: 100%;
	/*min-width: 1024px;*/
	max-height: 100%;

	/* Set up proportionate scaling */
	width: 100%;
	height: auto;

	/* Set up positioning */
	position: fixed;
	/*top: 97px;*/
	top:0;
	left: 0;
	z-index:-1;
}

#userLoginPage .topBar, #mfaRegistration .topBar {
	height: 10px;
	background: #44555f;
}

#userLoginPage  header, #mfaRegistration header {
	height: 87px;
	background: #ffffff;
}

#userLoginPage #logo, #mfaRegistration #logo {
	margin: 20px 0 0 200px;
}

#userLoginPage #logo-touchpoint,
#mfaRegistration #logo-touchpoint {
	float: right;
	margin: 30px 200px 0 0;
}

#userLoginPage #contentWrapper, #mfaRegistration #contentWrapper {
	width: 850px;
}

#userLoginPage #mainWrapper, #mfaRegistration #mainWrapper {
	min-height: 400px;
	min-width: 850px;
	margin: 100px 0 0 0;
}

#userLoginPage #loginApp, #mfaRegistration #mfaApp {
	background: none;
	padding: 0;
	border: none;
	box-shadow: none;
}

#userLoginPage #loginApp .videoContainer {
	margin:0;
	padding:0;
	position:relative;
}

#userLoginPage .touchpointLabelContainer {
	position: absolute;
	top: 130px;
	left: 72px;
}

#userLoginPage #loginApp .touchpointLabelContainer .loginLabelArrow {
	float:left;
	margin-left:36px;
}

#userLoginPage #loginApp .touchpointLabelContainer .touchPointLabel {
	float: left;
	margin: 4px 0 0 10px;
}

#userLoginPage #loginApp figure {
 	margin:0;
}

#userLoginPage .touchpointLabelContainer .securePortalText {
 	clear: both;
	color: #fff;
	font-size: 16px;
	font-family: 'Book Antiqua',serif;
	margin-top: 45px;
	font-weight:bold;
}

#userLoginPage .cvicButtonContainer {
	margin: 30px 0 5px 0;
}

#userLoginPage .touchpoint-taketour{
	float:left;
	margin: 0 5px 0 0;
	position:relative;
}

#userLoginPage .touchpoint-watchvideo{
	float:left;
	margin: 0;
}

#userLoginPage .videoButtonContainer a.buttonLink,
#userLoginPage .cvicButtonContainer a.buttonLink {
	padding:15px 12px;
	background:#0072b5;
	color: #fff;
	text-decoration: none;
	font-weight: bold;
	font-family: 'Book Antiqua',serif;
	font-size: 15px;
	/*border: 1px solid #fff;*/
	border-radius:3px;
	display: block;
	width: 110px;
	outline: none;
	text-align: center
}
#userLoginPage .videoButtonContainer a.buttonLink:hover,
#userLoginPage .cvicButtonContainer a.buttonLink:hover,
#userLoginPage .videoButtonContainer .touchpoint-taketour.open a.buttonLink {
	background: #2D6EA5;
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}

#userLoginPage .videoButtonContainer .tourHeading{
	padding: 7px 10px 7px 12px;
}

#userLoginPage .touchpoint-taketour .arrow{
	width:20px;
	height: auto;
	margin: -2px 0 0 3px;
}
#mainWrapper aside .takeTourMenu {
    list-style-type: none;
    margin: 1px 0 0;
    padding: 0;
    display:none;
    width:100%;
    position:absolute;
    top:51px;
    left:0;
}

#mainWrapper aside .takeTourMenu > li {
	/*background:#184874;*/
	background:#2D6EA5;
	border: medium none;
	padding:0;
	color: white;
	font-size: 15px;
	width: 100%;
}

#mainWrapper aside .takeTourMenu > li a{
	color: white;
	font-size: 14px;
	text-decoration: none;
	padding: 5px 10px;
	display: block;
}

#mainWrapper aside .takeTourMenu > li:hover{
	/*background: #13385A;
	color: #8BD8F5;*/
	background:#023b6a;
	color:#fff;
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}

#userLoginPage #loginApp .formData{
	width: 300px;
	background: #fff;
	padding: 0px 40px 0;
	margin:0;
	height:391px;
	position:relative;
}

/* To vertically center align form fields */
#userLoginPage #loginApp .formData .loginFormWrapper{
	display:table;
	height:290px;
}

#userLoginPage #loginApp .formData .loginForm{
	display:table-cell;
	vertical-align:middle;
}

#userLoginPage #loginApp .formData hgroup{
	background: none;
	margin:0;
	padding: 0px;
	margin-top:0px;
}

#userLoginPage #loginApp .formData hgroup .logout{
	/*padding: 6px 0;*/
	line-height: 34px;
    vertical-align: middle;
}

#userLoginPage #loginApp .formData fieldset{
	background: none;
	margin:0;
	width: 280px;
	 padding:0 0 7px 0;
	 overflow: visible;
}
#userLoginPage #loginApp .formData h1{
	font-size: 24px;
	font-weight: bold;
	font-family: 'Book Antiqua',serif;
}
#userLoginPage #loginApp .formData fieldset ul{
	margin:0;
}

#userLoginPage #loginApp .formData fieldset ul li.errorMessageContainer{
	padding: 3px 0 3px;
}

#userLoginPage #loginApp .buttonHolder label,
#userLoginPage #loginApp .buttonHolder input[type="checkbox"]{
	vertical-align:middle;
}

#userLoginPage #loginApp .formData fieldset ul input[type="text"],
#userLoginPage #loginApp .formData fieldset ul input[type="password"]{
	height: 45px;
	box-sizing: border-box;
	width: 100%;
	margin:0;
	font-size: 14px;
	background: none repeat scroll 0 0 #f2f2f2;
	border: 1px solid #bebebe;
	color :#6b6b6b;
	padding:13px 8px 13px 30px;
}

#userLoginPage #loginApp .formData fieldset ul input[type="text"]:focus,
#userLoginPage #loginApp .formData fieldset ul input[type="password"]:focus{
	background: none repeat scroll 0 0 #fbfbfb;
	border: 1px solid #023762;
	color: #043c6e;

}

#userLoginPage .formData  div.username , #userLoginPage .formData  div.password{
	position:relative;
	margin:0 0 10px 0;
}

#userLoginPage .formData  div.username:after{
	content: url('/brown-web/resources/images/user-4.png');
    position: absolute;
	top: 18px;
	left: 6px;
	opacity:.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

#userLoginPage .formData  div.password:after{
	content: url('/brown-web/resources/images/key.png');
    position: absolute;
	top: 18px;
	left: 6px;
	opacity:.9;
	filter: alpha(opacity=90); /* For IE8 and earlier */
}

#userLoginPage #loginApp .formData fieldset ul input[type="submit"]{
	width: 100%;
	background-size: contain;
	height: 44px;
	padding: 0;
	margin:10px 0 0 0;
	text-transform: none;
	float:none;
	font-size: 18px;
	font-weight:normal;
	font-family: "Book Antiqua",serif;
	background: url("/brown-web/resources/images/login_button.png") no-repeat scroll 0 0 #023b6a;
}

#userLoginPage .submitButtonContainer{
	position:relative;
}

#userLoginPage #loginApp .formData .helpContent{
	color: #202020;
}

/* New Login Page style ends*/

/** Demo User page style starts */
body#demoUserPage {
	font-family: 'Benton Sans', arial, helvetica;
}
/** Demo User Page style ends */ 
 
/* Reset Password Dialog styles starts */
.resetPasswordDialog p {font-size:12px;}
.resetPasswordDialog .modalLogoHeader #logo{margin:0;}
.resetPasswordDialog .modalLogoHeader #logo-touchpoint{float: right;margin:0}
.resetPasswordDialog h2.headerTitle{margin-top:10px;color: #444;}
/* Reset Password Dialog styles ends */

.touchpoint-punchline{
	 color: #FFFFFF;
    font-family: garamond;
    font-size: 21px;
    margin-left: 25px;
    margin-top: -155px;
}

.touchpoint-watchvideo, .cvicButtonContainer {
	color: #FFFFFF;
    font-family: garamond;
    font-size: 16px;
    margin-left: 25px;
    margin-top: 6px;
}

#controls {
	float: right;
	margin-top: 8px;
	position: relative;
	/* z-index of dialog box is 100 */
	z-index: 99;
}

#controls li {
	background: #f6f6f7;
	border: 1px solid #e2e2e2;
	width: 80px;
	min-height: 65px;
	float: left;
	text-align: center;
	padding-top: 20px;
}

#controls li a {
	text-transform: uppercase;
	text-decoration: none;
	font-family: arial, helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #455660;
}

#menu {
	background: url("/brown-web/resources/images/header-nav-bg.jpg") repeat-x scroll 0 0 transparent;
	clear: both;
}
#menu > ul {
	display: inline-block;
}
#menu > ul > li:first-child {
	border-left: 1px solid #1D95DE;
}
#menu > ul > li:first-child:hover,
#menu > ul > li:first-child.selected {
	border-left: 1px solid transparent;
}
#menu > ul > li {
	position: relative;
	float: left;
	padding: 0;
	background: #0076BE;
	border-right: 1px solid #1D95DE;
}
#menu > ul > li:hover {
	height: 52px;
	border-right: 1px solid transparent;
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
    background: url("/brown-web/resources/images/topHeaderBar.png") repeat-x scroll 0 0 transparent;
}
#menu > ul > li.selected {
	height: 52px;
	border-right: 1px solid transparent;
	background: url("/brown-web/resources/images/topHeaderBar.png") repeat-x scroll 0 0 transparent;
}
#menu > ul > li.external-link:hover {
    background: url("/brown-web/resources/images/topHeaderBarLast.png") repeat-x scroll 0 0 transparent;
}
#menu > ul > li a {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	color: #fff;
	font-family: 'BentonSansCond', sans-serif;
	font-style: normal;
  	font-weight: normal;
	font-size: 16px;
	outline: none;
	padding: 10px 23px 8px;
}
.ie7 #menu > ul > li a {
	padding: 11px 23px 7px;
}
#menu > ul > li#myDocumentsTab a {
	position: relative;
	padding-right: 28px;
	padding-left: 28px;
}

/* BRAT-666793: New MF and ETF link on header | Start */
#menu > ul > li#our-funds:hover  ul.sub-menu {
	display: block;
}
#menu ul.sub-menu {
	width: 240px;
	display: none;
	position: absolute;
	z-index: 103;
	top: 54px;
}
#menu ul.sub-menu > li {
	float: none;
	background: #0076BE;
	border-bottom: 1px solid #1D95DE;
}
#menu ul.sub-menu > li:hover {
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
    border-bottom: 1px solid transparent;
    background: url("/brown-web/resources/images/topHeaderBarLast.png") repeat-x scroll 0 0 transparent;
}
/* BRAT-666793: New MF and ETF link on header | End */

#app header nav ul li {
	display: table-cell;
	min-height: 32px;
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	border-bottom: 1px solid #CCCCCC;
	padding: 0 1.2em;
	vertical-align: middle;
}

.ie7 #app header nav ul li,
.ie8 #app header nav ul li,
.ie9 #app header nav ul li,
.ie10 #app header nav ul li {
	 padding: 8px 0.87%;
}

#app header nav ul.noGain li {
	padding: 0.7em 1.3em;
}

#app header nav ul.noGain.liquidityHidden li {
	padding: 8px 22px;
}

#appTabPortfolio {
	width: 93px;
}

#appTabGainLoss, #appTabAsset {
	width: 55px;
}

#app header nav ul.noGain.liquidityHidden #appTabAsset {
	padding: 8px 21px 8px 21px !important;
}

.ie9  #appTabPortfolio {
	padding: 8px 0.97%;
}

.ie9  #app header nav ul.noGain.liquidityHidden li#appTabPortfolio {
	padding: 8px 19px 8px 19px !important;
}

.ie9  #appTabTransactions {
	 padding: 0.7em 0.8em !important;
}

.ie9  #app header nav ul.noGain li#appTabTransactions {
	padding: 8px 14px 8px 14px !important;
}

.ie9  #app header nav ul.noGain.liquidityHidden li#appTabTransactions {
	padding: 8px 19px 8px 19px !important;
}
/* IE 10+ */

/* For webkit browsers */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#appTabPortfolio {
		padding:0.7em 1.1em !important;
	}
	#app header nav ul.noGain.liquidityHidden #appTabPortfolio {
		padding: 8px 15.5px !important;
	}
}

#mainWrapper {
	min-height: 500px;
	margin: 20px 0;
	overflow: hidden;
	display: block;
	max-width: 1660px;
	min-width: 1002px;
}

/* Left nav */
#mainWrapper aside {
	width: 150px;
	margin-right: 20px;
	display: block;
	overflow: visible;
	font-family: arial, helvetica, sans-serif;
	float: left;
	position: relative;
}

#mainWrapper aside header {
	background: #F6F6F7;
	padding: 8px 10px;
	display: block;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	height: 19px;
	width: 130px;
	overflow: auto;
	cursor: pointer;
}

.ie7 #mainWrapper aside header.MyDocLeftNav {
	margin-top:20px
}

/*#mainWrapper aside nav { width: 150px; display: block; -moz-box-shadow: 1px 1px 3px 2px #ccc; -webkit-box-shadow: 1px 1px 3px 2px #ccc; box-shadow: 1px 1px 3px 2px #ccc; }*/
#mainWrapper aside .selected {
	background: #003768;
	color: #fff;
	cursor: pointer;
}

#mainWrapper aside .header .expandedSelected {
	background-color: #003768;
	color: #fff;
}

#mainWrapper aside .header .collapsedSelected {
	background-color: #003768;
	color: #fff;
}

.selectRightArrow {
	position: absolute;
	left: 149px;
	top: 3px;
	display:none;
}

#mainWrapper aside ul {
	list-style-type: none
}

#mainWrapper aside ul li {
	color: #0076bf;
	cursor: pointer;
	border-bottom: 1px solid #e2e2e2;
	background: #fff;
	padding: 8px 0px;
	font-size: 12px;
}

#mainWrapper aside ul li:hover {
	color: #00aef0;
}

#mainWrapper aside ul li.header {
	background: #f6f6f7;
	font-weight: bold;
	color: #0076bf;
	padding: 0px;
	border-top: 4px solid #E2E2E2;
}

#mainWrapper aside ul li.expanded {
	z-index: 9999;
	background-color: #f6f6f7;
	color: #00aef0;
	position: relative;
}

.portfolio_name, .portfolio_id {
	padding: 0 10px;
}

.portfolio_id { color:#666666 }

.group_name {
	cursor: pointer;
	padding: 8px 10px 8px 10px;
	overflow:hidden;
	border-bottom: 1px solid #D6D6D6;
	color:#000000;
	clear:both
}
.group_name span {
	float:left;
	width:110px;
}

.group_name span.groupToggle {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 4px -110px transparent;
	height: 20px;
	width: 20px;
	display: block;
	float: right;
}

.header .expanded span.groupToggle {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 3px -63px transparent;
	height: 20px;
	width: 20px;
	display: block;
	float: right;
}

#app {
	background: #fff;
	display: block;
	overflow: hidden;
	min-height: 400px;
	-moz-box-shadow: 1px 1px 3px 2px #ccc;
	-webkit-box-shadow: 1px 1px 3px 2px #ccc;
	box-shadow: 1px 1px 3px 2px #ccc;
	position: relative;
}

#app header {
	width: 100%;
	height: auto;
}

#app #appContent {
	padding: 20px;
}

#app nav ul {
	display: table;
	height: 50px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	background: none repeat scroll 0 0 #DBDDDF;
}

#app nav ul li {
	text-align: center;
	background: #e8eff5;
	border-left: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	padding: 8px 0px;
	font-size: 12px;
	color: #003768;
	cursor: pointer;
	font-weight: bold;
}

#app nav ul li:first-child {
	border: none;
	border-bottom: 1px solid #CCCCCC;
}

#app nav ul li.active {
	background: #fff;
	border-bottom: 1px solid #FFFFFF;
	pointer-events: none;
}

#app #headings {
	background: url('/brown-web/resources/images/app-heading-border.jpg') repeat-x bottom left;
	overflow: hidden;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

#app #headings h2 {
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	float: left;
	width: 310px;
}

#app #headings #calArea {
	float: right;
	margin-top:20px;
}

#app #headings #calArea h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float: left;
	font-weight: normal;
	margin: 4px 10px;
	color: #666;
}

#app #headings #calArea input {
	background: url("/brown-web/resources/images/calSelectGrid.jpg") no-repeat scroll 90px 4px transparent;
	border: 3px solid #e2e2e2;
	border-radius: 5px;
	float: left;
	width: 103px;
	padding: 2px;
	font-size: 12px;
	font-family: arial, helvetica, sans-serif;
	color: #666;
	cursor:pointer;
}
#app #headings.rglReportContainer #calArea {
  margin-top: 10px;
}
#app #headings.rglReportContainer .start-date-box {
  padding: 0 0 5px;
}
#app #headings.rglReportContainer input#changeDate {
  margin-left: 10px;
}
#app #headings.rglReportContainer #calArea #fromDate {
  background: #e3e8ec;
  margin-left: 32px;
}
#app #statusArea {
	clear: both;
	padding-bottom: 10px;
	min-height: 30px;
	/*height: 30px;*/
}

#app #statusArea.welcome {
	min-height: 21px;
	height: 21px;
}

#app #statusArea h3 {
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	float: left;
	font-weight: normal;
	margin: 0;
}
#app #statusArea h3.asOfDateLabel {float: none; }
#app .currentDisclaimer{
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

#app .statusBtns {
	float: right;
	color: #b9b9b9;
	font-weight: normal;
	position: relative;
	margin-right: 30px;
}

#app .staticPos {
	position: static;
	margin-right: 12px !important;
}

#app .statusBtns a,#app .filterBy a{
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0068a8;
	cursor: pointer;
}

#app .statusBtns a div {
	display: inline-block;
}

.oldie #app .statusBtns a div {
	display: inline;
}

.clearFilters a {
	color: #0068A8;
	text-decoration: none;
	font-weight: bold;
	font-size: 11px;
}

.clearFilters {
	float: right;
	margin-right: 10px;
}

#app .dropArrow {
	background: url("/brown-web/resources/images/icons-misc-droparrow.png") no-repeat scroll 3px 4px transparent !important;
	width: 17px;
	min-height: 15px;
	background: #fff;
	border: 3px solid #e2e2e2;
	border-radius: 3px;
	margin: 4px 0 0 4px;
	position: absolute;
	right: -28px;
	top: -1px;
}

#app .myDocumnet ul.dropDownMenu {
	background: none repeat scroll 0 0 #FFFFFF;
	z-index: 10;
	border: 1px solid #E2E2E2;
	position: absolute;
	top: 6px;
	right: -9999px;
	width: 110px;
	list-style-type: none;
	padding: 2px;
}

#app ul.dropDownMenu {
	background: none repeat scroll 0 0 #FFFFFF;
	z-index: 100;
	border: 1px solid #E2E2E2;
	height: 60px;
	position: absolute;
	top: 6px;
	right: -9999px;
	width: 110px;
	list-style-type: none;
	padding: 2px;
}

#app .dropArrow:hover ul.dropDownMenu {
	right: -2px;
}

#app ul.dropDownMenu li {
	background: none repeat scroll 0 0 #FFFFFF;
	color: #000000;
	font-size: 11px;
	height: 10px;
	padding: 10px 10px;
	width: 90px;
}

#app ul.dropDownMenu li:hover {
	background: #e8eff5;
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}

#app #trSelector {
	clear: both;
	padding-bottom: 20px;
	overflow: hidden;
}

#app .filterBy{
	 float:left;
	 margin-top: 5px;
	 font-size: 12px;
}

#app #trSelector select {
	font-size: 12px;
	font-weight: normal;
	padding: 3px 0;
	border: 3px solid #e2e2e2;
	border-radius: 5px;
	outline: none;
	width: 140px;
	margin-right: 15px;
}

#app table thead th {
	background: #455560;
	padding: 10px 10px 10px 14px;
	color: #fff;
	font-size: 12px;
	font-weight: bold;
	text-align: left;
	/* border-left: 1px solid #65747e; */
	font-family:  arial, helvetica, sans-serif;
}

#app #assetData {
	position: relative;
	overflow:hidden;
}

#app #BucketassetData {
	position: relative;
	overflow:hidden;
}

#app #assetData table#asset-data {
	margin-right: 12px;
	width: 100%;
}

#app #asset-data thead th {
	padding: 10px 4px 7px 8px !important;
	font-family:  arial, helvetica, sans-serif;
	font-style: normal;
  	font-weight: bold;
}

#app #holdings-data,
#app #no-data {
	width: 100%;
	table-layout: fixed;
}

.ie7 #app #holdings-data .noData {width:100% !important}
#app table thead th:first-child {
	border-left: none;
	width: 32%;
	text-align:left;
	padding-left:8px;
}

#app table thead th:last-child {
	text-align:right;
}

#app table tbody td.groupedRow {
	padding-left:50px !important;
}

#app #asset-data thead th:first-child {
	border-left: none;
	width: 37%;
	padding-right: 0px;
}

#app #asset-data.FixedIncomeReport thead th:first-child{
	width: 50%;
}

#app #transaction-data  thead th:first-child {
	border-left: none;
	width: 12%;
	text-align:left;
}
.transaction-processing-msg{
	display:block;
	float:left;
	width: 545px;
	font-size: 12px;
	color: #0068A8;
}
#app #transaction-data  thead th{border:0; padding:3px;}
.table_transaction_security { width: 180px; }
 #transaction-data thead.colHidden .table_transaction_security {
	width: 380px;
}

#app #transaction-data tbody td, #app #transactionPS-data thead th,
#app #transactionCW-data thead th, #attribution-tabs table tbody td {
	padding: 3px !important;
	border: 0 !important;
}

#app #transaction-data tbody td.security {
	padding-right: 10px;
	width: 128px;
}

#app table tbody td {
	padding: 9px 0 6px 14px;
	color: #666;
	font-family: arial, helvetica, sans-serif ;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border-left: 1px solid #d6d6d6;
	border-bottom: 1px solid #d6d6d6;
}

#app #asset-data tbody td {
	padding: 9px 6px 6px !important;
}

#app #asset-data tbody td:first-child {
	cursor: pointer;
}

#app #asset-data tbody td span {
	color: #838383;
	float: left;
	width: 16px;
}

#app #asset-data tbody td label {
	color: #666;
}

#app #holdings-data tbody td, #app .transaction tbody td {
	padding: 3px !important;
}

#app #holdings-data.holding-summary-table thead th {
 	padding: 3px 2px !important;
}

#app #holdings-data.holding-summary-table thead th.align-right {
	text-align: right;
}

#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.security {
	width: 17% !important;
}

#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.quantity {
	width: 13% !important;
}

#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th:nth-child(3),
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th:nth-child(4),
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th:nth-child(6),
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th:nth-child(8),
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th:nth-child(9) {
	width: 12% !important;
}

#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.currency,
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.categ,
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.yield {
	width: 5% !important;
}

/* Column widths adjusted when currency column is visible for UK holdings */
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.uk-security-col {
	width: 14% !important;
}
#app #holdings-data.holding-summary-table thead .tableFloatingHeaderOriginal1 th.uk-quantity-col {
	width: 11% !important;
}

#app #holdings-data.holding-summary-table tbody td {
	padding: 2px !important;
}

#app #holdings-data tbody tr.head5 td {
	padding: 1px !important;
}

#app #holdings-data.holding-summary-table tbody tr.head5 td {
	padding-right: 2px !important;
}

#app #holdings-data tbody tr.head1, #app #holdings-data tbody tr.head2 {
	border-top: 2px solid #fff;
	border-bottom: 2px solid #fff;
}

#app #holdings-data tbody tr.head1:first-child {
	border-top: 0;
}

#app table tbody td:first-child {
	border-left: none;
	color: #0076bf;
}

#app #holdings-data tbody tr.head3 td {
	font-size: 12px !important;
}

/* BRAT-513023: Psuedo footer added to holdings report table */
#app #holdings-data tbody tr:not(.psuedo-tfoot, .total-acc-int) > td:first-child {
	border-left: none;
	color: #000;
	width: 124px;
	cursor: pointer;
}

#app #holdings-data tbody td:first-child img {
	margin-left: 2px;
}

#app #holdings-data tbody tr.head1 {
	color: #000;
	background: #d7dada;
	font-weight: normal;
}

#app #holdings-data tbody tr.head2 {
	color: #000;
	background: #e2e2e2;
}

#app #holdings-data tbody tr.head4 {
	color: #000;
	background: #f7f8f7;
}

#app #holdings-data tbody tr.head1 td,
#app #holdings-data tbody tr.head2 td {
	color: #000;
	padding-left: 10px;
	font-style: normal;
  	font-weight: bold;
	font-family: arial, helvetica, sans-serif;
}

#app #holdings-data tbody tr.head1 td:first-child,
#app #holdings-data tbody tr.head2 td:first-child {
	padding-left: 10px !important;
}

#app #holdings-data tbody tr.head2 td:first-child {
	padding-left: 20px !important;
}

#app #holdings-data tbody tr.head3 td:first-child {
	padding-left: 30px !important;
}

#app #holdings-data tbody tr.head4 td:first-child {
	padding-left: 40px !important;
}

#app #holdings-data tbody tr.head5 td:first-child {
	color: #0076BF;
	padding-left: 50px !important;
}

#app #holdings-data tbody tr.head5 td:first-child img {
	display: none
}

#app #holdings-data tbody tr.head2, #app #holdings-data tbody tr.head3,
#app #holdings-data tbody tr.head4, #app #holdings-data tbody tr.head5 {
	display: none;
}

/* Start | BRAT-513023: Psuedo footer added to holdings report table */
#app #holdings-data tfoot tr,
#app #holdings-data tbody tr.psuedo-tfoot {
	background: #e8eff5;
}

#app #holdings-data tfoot td,
#app #holdings-data tbody tr.psuedo-tfoot td {
	padding: 10px 9px;
	border-left: 0 !important;
}
/* End | BRAT-513023: Psuedo footer added to holdings report table */

/* Classes for My Portfolio/My Document template/page layout starts*/
.contentOuterContainer #contentWrapper {
	display: inline-block;
}
.contentOuterContainer #delegate-logo-touchpoint {
	margin-left: 371px;
}
.contentOuterContainer #logo-touchpoint.portalHeader {
	margin-left: 453px;
}
.contentOuterContainer {
	min-width: 1178px;
	width: 1178px;
	margin: 0 auto;
}
.marketingBannerWrapper {
    margin: 20px 0 0 10px;
    text-align: center;
    display: inline-block;
    vertical-align: top;
}
.marketingContainer {
	display: none;
	padding: 0px 7px 0;
	background: #536886;
	border-radius: 5px;
	border: 1px solid #a3a1a1;
}
.marketingBannerWrapper figure {
	position:relative;
	border-radius: 5px;
	margin-top:10px;
}
.marketingBannerWrapper figure:hover {
	background: #fff;
}

.marketingBannerWrapper figure img {
	border-radius:5px;
}
.marketingBannerWrapper figure:hover img {
	opacity:.2;
	filter: alpha(opacity=20); /* For IE8 and earlier */
}
.marketingBannerWrapper figure span.viewDetailText {
	color: #313131;
    font-size: 15px;
    font-weight: bold;
    left: 20px;
    position: absolute;
    text-align: center;
    top: 67px;
    /*display:none;*/ /* If you hide and show text on hover than anchor touch stops working in IPAD*/
    width:100px;
   	opacity:0;
   	filter: alpha(opacity=0);
    cursor:pointer;
   	font-family: 'Benton Sans',arial,helvetica;
}
.marketingBannerWrapper figure:hover span.viewDetailText {
	 opacity:1;
	 filter: alpha(opacity=100);
}

a.showPublications{
	font-size:12px;
	display: inline-block;
	color:#E0B630;
	text-decoration:none;
	padding: 6px 0;
	color:#fff;
	font-family: 'Benton Sans',arial,helvetica;
}
a.showPublications:hover{
	color:#E0B630;
}
/* Classes for My Portfolio/My Document page Layout ends*/

/* CSS for Annualized Estimated Income starts */
#annual-est-inc-data{
	position: relative;
	overflow: hidden;
}
#annual-est-inc-data #table_div{
	float: right;
	width: 420px;
}
#annual-est-inc-data #annualized-estimated-income-data{
	width: 420px;
}
#annual-est-inc-data #annualized-estimated-income-data tfoot tr{
	background-color: #e8eff5;
}
#annual-est-inc-data #annualized-estimated-income-data thead th:nth-child(1) {
	width: 140px;
	padding: 8px 10px 8px 8px;
}
#annual-est-inc-data #annualized-estimated-income-data thead th:nth-child(2) {
	width: 120px;
	text-align: right;
	padding: 8px 10px 8px 8px;
}
#annual-est-inc-data #annualized-estimated-income-data thead th:nth-child(3) {
	width: 90px;
	padding: 8px 10px 8px 8px;
}
#annual-est-inc-data #annualized-estimated-income-data tr td{
	text-align:right;
	padding: 8px 10px 8px 14px;
}
#annual-est-inc-data #annualized-estimated-income-data tbody tr td:first-child {
	cursor:pointer;
}
#annual-est-inc-data #annualized-estimated-income-data tr td:first-child {
	text-align:left;
	padding: 8px 10px 8px 8px;
}
#annual-est-inc-data #annualized-estimated-income-data .aei-asset-prefix {
	color: #838383;
	float: left;
	width: 16px;
}
#annual-est-inc-data #annualized-estimated-income-data .aei-asset-class {
	float: left;
	margin-left: 5px;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	width: 85% !important;
	color: #0076bf !important;
}
#annual-est-inc-data #annualized-estimated-income-data .noData td {
	text-align: left !important;
	font-size: 16px;
	color: #000;
	border-bottom: none;
}
#annual-est-inc-data .disclaimer {
	clear: both;
}
/* CSS for Annualized Estimated Income ends */

/* Classes for Private Equity Report*/
#app table.tableLayout thead th {
	padding: 3px;
	text-align: center!important;
	vertical-align: middle;
	border-left: medium none;
}

#app table.tableLayout tbody td {
	padding: 4px;
	border-width: 0px;
	vertical-align: middle;
}

#app table.tableLayout tbody tr:nth-child(2n+1) {
    background: none repeat scroll 0 0 #E3E8EC;
}

#app table.tableLayout tbody td.centerAlign {
	text-align: center !important;
}

/* START | BRAT-510942: Class added to handle Realized Investment & Grand Total section in PE reports table */
#app table.tableLayout tbody > tr:not(.psuedo-tfoot) > td:first-child {
	cursor: pointer;
}

#app table.tableLayout tbody > tr.psuedo-tfoot > td:first-child {
	border-left: none;
	font-size: 12px;
	line-height: 36px;
}

#app table.tableLayout tbody > tr.psuedo-tfoot > td,
#app table.tableLayout tfoot td {
	padding: 4px;
	vertical-align: middle;
	border-left: medium none;
	border-top: 2px dotted #D6D6D6;
	background: none repeat scroll 0 0 #CADDEE;
}
/* END | BRAT-510942: Class added to handle Realized Investment & Grand Total section in PE reports table */
/* Classes for Private Equity Report end*/

#app table tbody tr.alternateRow {
    background: none repeat scroll 0 0 #E3E8EC;
}

#app table tbody tr.groupedAlternateRow {
	background: #EFF4F8 !important;
}

#app table tfoot tr {
	width: 100%;
}

#app #asset-data tfoot tr {
	background: #e8eff5;
}

#app #asset-data tbody tr.unsupervised td {
	background: #f7effe;
	cursor: default !important;
}

#app #asset-data tbody tr td.unsupervised {
	cursor: default !important;
}

#app #asset-data tbody tr td.unsupervised span {
	display: none;
}

/* BRAT-510942: Class added to handle Realized Investment & Grand Total section in PE reports table */
#app table tbody > tr.psuedo-tfoot > td,
#app table tfoot td {
	color: #455660;
	padding: 7px 0 7px 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: left;
	font-family: arial, helvetica, sans-serif;
	vertical-align: middle; /* BRAT-36665 */
	border-left: 1px solid #d6d6d6;
	border-bottom: 2px dotted #d6d6d6;
}

#app table tfoot td:first-child,
#app table tbody tr.psuedo-tfoot td {
	border-left: none;
	font-size: 12px;
	line-height: 36px;
}

#app table tfoot tr.total-with-acc-int td {
	line-height: 20px;
}

#app #table_div {
	overflow: hidden;
}

#app #chart_div {
	width: 350px;
	min-height: 400px;
	overflow: hidden;
	float: left;
	margin: -10px 9px 20px 0;
	position: relative;
	z-index:98 !important;
}

#app #chart_div.FixedIncomeReport{
	width: 480px;
}

#app #chart_div .chartOverlay {
	font-family: 'Benton Sans', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	left: 100px;
	min-height: 140px;
	padding-top: 56px;
	position: absolute;
	text-align: center;
	top: 103px;
	width: 150px;
}

#app #chart_div .chartOverlay .text {
	font-size: 13px;
}

#app #chart_div .chartOverlay .figure {
	border-bottom: 2px dotted #CCCCCC;
	font-size: 19px;
	margin: 0 auto 10px;
	width: 150px;
}

#app .chartSwitcher {
	position: absolute;
	bottom: 40px;
	z-index: 99 !important;
	left: 35px;
}

#app #BucketassetData .chartSwitcher{
	top: 375px !important;
	bottom: 0 !important;

}

#app #assetData .chartSwitcher {
	top:335px;
}

#app #assetData .chartSwitcher.FixedIncomeReport {
	top:365px;
	left:200px;
}

#app #assetData .chartSwitcher .cSwitch {
	margin-left: 13px;
}

#app #welcomeData .chartSwitcher {
	bottom:25px;
	left: 463px;
}

#app .chartSwitcher .cSwitch {
	background: url(/brown-web/resources/images/radioInactive.jpg) no-repeat 0 -2px;
	text-decoration: none;
	margin-left: 15px;
	padding-left: 23px;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
  	font-weight: normal;
	font-size: 12px;
	color: #0076BF;
}

#app .chartSwitcher .cSwitch.active {
	background: url(/brown-web/resources/images/radioActive.jpg) no-repeat 0 0;
	padding-left: 23px;
	color: #666;
}

#app #assetData .chartSwitcher.FixedIncomeReport{
	position:absolute;
	left:100px;
	top:320px;
	bottom:40px;
}

#app .sliderControl {
	background: url("/brown-web/resources/images/sliderControlBackground.png") no-repeat scroll 0 50px transparent;
	height: 80px;
	margin: 0 auto;
	width: 303px;
}

#app .sliderControl a,#app .sliderControl a:visited {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 11px;
}

#app .sliderControl .cSwitch {
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
  	font-weight: bold;
	color: #405059;
	width: 101px;
	float: left;
	background: url("/brown-web/resources/images/sliderControlInactive.png") no-repeat scroll;
	display: block;
	height: 50px;
	padding-bottom: 30px;
	text-align: center;
	width: 118px;
}

#app .sliderControl .cSwitch.left {
	background-position: 35px 26px;
}

#app .sliderControl .cSwitch.center {
	background-position: 40px 55px;
}

#app .sliderControl .cSwitch.right {
	background-position: 56px 55px;
}

#app .sliderControl .cSwitch.left.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 36px 55px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.center.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 40px 55px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.right.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 56px 55px;
	pointer-events: none;
}
#app .sliderControl.Extend {
	background: url("/brown-web/resources/images/sliderControlExtendedBackground.png") no-repeat scroll center 35px transparent;
	width: 472px;
}
#app .sliderControl.sixStep {
	background: url("/brown-web/resources/images/6StepSlider.png") no-repeat scroll center 35px transparent;
	width: 708px;
}
#app .sliderControl.sixStep .cSwitch.one.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.one.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.two.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.two.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.three.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.three.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.four.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.four.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.five.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.four.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.six.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sixStep .cSwitch.four.active {
    background-position-x: 53px !important;
}
#app .sliderControl.sixStep .cSwitch.one{
	 background-position: 53px 39px;
}
#app .sliderControl.sixStep .cSwitch.two{
	background-position: 53px 39px;
}
#app .sliderControl.sixStep .cSwitch.three{
	background-position: 53px 39px;
}
#app .sliderControl.sixStep .cSwitch.four{
	background-position: 53px 39px;
}
#app .sliderControl.sixStep .cSwitch.five{
	background-position: 53px 39px;
}
#app .sliderControl.sixStep .cSwitch.six{
	background-position: 53px 39px;
}

/* Seven Step Slider CSS Start */
#app .sliderControl.sevenStep {
	background: url("/brown-web/resources/images/7StepSliderControlBackground.png") no-repeat scroll center 35px transparent;
	width: 792px;
}
#app .sliderControl.sevenStep .cSwitch  {
	width: 113px;
}
#app .sliderControl.sevenStep .cSwitch.one.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.one.active {
    background-position-x: 23px !important;
}
#app .sliderControl.sevenStep .cSwitch.two.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.two.active {
    background-position-x: 27px !important;
}
#app .sliderControl.sevenStep .cSwitch.three.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.three.active {
    background-position-x: 30px !important;
}
#app .sliderControl.sevenStep .cSwitch.four.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.four.active {
    background-position-x: 46px !important;
}
#app .sliderControl.sevenStep .cSwitch.five.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.four.active {
    background-position-x: 49px !important;
}
#app .sliderControl.sevenStep .cSwitch.six.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
#app .sliderControl.sevenStep .cSwitch.seven.active {
    background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 50px 39px rgba(0, 0, 0, 0) !important;
}
.ie8 #app .sliderControl.sevenStep .cSwitch.four.active {
    background-position-x: 64px !important;
}
#app .sliderControl.sevenStep .cSwitch.one{
	 background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.two{
	background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.three{
	background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.four{
	background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.five{
	background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.six{
	background-position: 50px 39px;
}
#app .sliderControl.sevenStep .cSwitch.seven{
	background-position: 50px 39px;
}
/* Seven Step Slider CSS End */

#app .sliderControl.fiveStep {
	background: url("/brown-web/resources/images/5StepSliderControlBackground.png") no-repeat scroll center 35px transparent;
	width: 590px;
}

#app .sliderControl.Extend .cSwitch, #app .sliderControl.fiveStep .cSwitch {
	width: 118px;
}

#app .sliderControl .cSwitch.one {
	background-position: 53px 39px;
}

#app .sliderControl .cSwitch.two {
	background-position: 53px 39px;
}

#app .sliderControl .cSwitch.three {
	background-position: 53px 39px;
}

#app .sliderControl .cSwitch.four {
	background-position: 53px 39px;
}

#app .sliderControl .cSwitch.five {
	background-position: 53px 39px;
}
#app .sliderControl .cSwitch.one.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 53px 39px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.two.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 53px 39px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.three.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 53px 39px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.four.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 53px 39px;
	pointer-events: none;
}

#app .sliderControl .cSwitch.five.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll;
	background-position: 53px 39px;
	pointer-events: none;
}

#app .sliderControl.sliderControlAsset {
    background: url("/brown-web/resources/images/sliderControlBackground.png") no-repeat scroll center 30px transparent;
    height: 51px;
    margin: 0 auto;
    width: 354px;
}

#app .sliderControl.sliderControlAsset .cSwitch.left {
	background-position: 63px 35px;
}

#app .sliderControl.sliderControlAsset .cSwitch {
	background: url("/brown-web/resources/images/sliderControlInactive.png") no-repeat scroll 0 0 transparent;
	color: #405059;
	display: block;
	float: left;
	font-family: arial,helvetica,sans-serif;
	font-style: normal;
  	font-weight: bold;
	height: 21px;
	text-align: center;
	width: 145px;
}

#app .sliderControl.sliderControlAsset .cSwitch.center {
	background-position: 23px 35px;
    width: 85px;
}

#app .sliderControl.sliderControlAsset .cSwitch.center.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 35px transparent;
}

#app .sliderControl.sliderControlAsset .cSwitch.right {
	background-position: 53px 34px;
    width: 118px;
}

/* Holding slider control CSS classes start */
#app .sliderControl.sliderControlHolding {
    background: url("/brown-web/resources/images/sliderControlBackground.png") no-repeat scroll 27px 29px transparent;
    height: 50px;
    margin: 0 auto;
    width: 350px;
}
#app .sliderControl.sliderControlHolding .cSwitch.left {
	background-position: 63px 34px;
	width: 95px;
	height: 20px;
}
#app .sliderControl.sliderControlHolding .cSwitch.center {
    background-position: 73px 34px;
    width: 144px;
	height: 20px;
}
#app .sliderControl.sliderControlHolding .cSwitch.right {
	background-position: 46px 34px;
    width: 109px;
	height: 20px;
}
#app .sliderControl.sliderControlAsset.holdingsTab .cSwitch.left {
	background-position: 53px 34px;
	width: 118px;
}
#app .sliderControl.sliderControlAsset.holdingsTab .cSwitch.center {
 	background-position: 53px 34px;
    width: 118px;
}
#app .sliderControl.sliderControlAsset.holdingsTab .cSwitch.center.active {
	background: url("/brown-web/resources/images/sliderControlActive.png") no-repeat scroll 53px 35px transparent;
	pointer-events: none;
}
/* Holding slider control CSS classes end */

.button,.button:visited {
	background: #222;
	display: inline-block;
	padding: 4px 10px !important;
	color: #fff !important;
	text-decoration: none;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.6);
	text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25);
	border-bottom: 1px solid rgba(0, 0, 0, 0.25);
	position: relative;
	cursor: pointer;
	margin: 0px 0px 0px 6px;
	border: 1px solid #ccc !important;
	width: auto !important;
}
.ie7 .button,.ie7 .button:visited {
	padding: 3px 10px !important;
}
.green.button,.green.button:visited {
	background-color: #ee7f58 !important;
}

.green.button:hover {
	background-color: #eb6434 !important;
	transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}

.paging {
	 margin-top:10px;
	 font-family: arial,helvetica,sans-serif;
	 font-size: 12px;
	 font-weight: normal;
}

.ie7 .paging {
	/*margin-bottom:20px;*/
}

.paging.top {
	float:left;
}

.paging.more {
	float:right;
}

footer {
	background: url("/brown-web/resources/images/footer-bg.jpg") repeat-x scroll left bottom #45545F;
	/*min-height: 200px;  disabling for demo*/
	color: #fff;
	position: absolute;
	left: 0;
	right: 0;
	min-width: 980px
}

footer #fWrapper {
	width: 832px;
	margin: 0 auto;
	padding-left: 170px;
	overflow: hidden;
	display: block;
}

footer ul {
	float: left;
	list-style-type: none;
	padding: 0 20px 0 0 !important;
}

footer ul li {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	line-height: 18px;
}

footer ul li.heading {
	font-size: 14px;
	color: #acd1e7;
	margin: 10px 0;
}

footer nav ul li:first-child {
	padding-left: 0
}

footer nav {
	width: 832px;
	display: block;
	overflow: hidden;
	clear: both;
	margin: 0 auto;
}

footer nav p {
	float: right;
	margin: 9px 0 0;
	font-size: 11px;
	color: #999;
}

footer nav ul {
	list-style-type: none;
	margin-left: 30px;
	margin: 0 auto;
}

footer nav ul li {
	float: left;
	padding: 7px 10px;
	font-size: 11px;
	font-weight: bold;
}

.loader {
	min-height: 90px;
	z-index: 98;
	background : url(/brown-web/resources/images/spinner.gif) no-repeat center 140px #fff;
	position: absolute;
	top: 52px;
	left: 0;
	text-align: center;
}

#loginApp .loader {
	background: url(/brown-web/resources/images/spinner.gif) no-repeat center 140px transparent;
}

.loaderForPopup {
	z-index: 100;
	position: absolute;
	left: 0;
	text-align: center;
	background: url(/brown-web/resources/images/spinner.gif) no-repeat center center #fff;
}
.ie7 .loader {z-index:999}
.loadingText {
	font-size: 12px;
	margin: 210px 0;
}

.loadingTextForPopup {
	font-size: 12px;
	padding-top: 150px;
}

.ajaxError {
	z-index: 100;
	background: #fff;
	position: absolute;
	top: 50px;
	left: 0;
	text-align: center;
}

.ajaxError .errorMsg {
	font-size: 12px;
	margin: 210px 0;
	font-weight: bold;
	color: #ff0000;
}

ul.row {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
	display: block;
	overflow: hidden;
}

ul.cells {
	list-style-type: none;
	clear: both;
	margin: 0;
	padding: 0;
}

ul.cells li {
	padding: 4px 7px;
	border: 1px solid #ccc;
	float: left;
}

#app table.cloned {
	position: fixed;
	top: 0;
	display: none;
}

#app table.cloned tbody tr, #app table.cloned tfoot tr {
	display: none !important;
}

#app table.cloned tbody tr:first-child {
	display: table-row;
}

.width241 {
	width: 241px;
}

/* Data tables code by dan */
.datatable {
	width: 100%;
	color: #666666;
	margin-bottom: 0px;
	zoom: 1;
}

.datatable th,.datatable td {
	padding: 5px 10px;
	line-height: 1.3em;
}

.datatable td.nested {
	padding: 0 !important;
}

.datatable tfoot tr td {
	border-bottom: 1px solid #fff !important;
	border-right: 1px solid #fff !important;
}

.datatable tr.grand-total {
	background-color: #ffffff;
	font-size: 80%;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #fff !important;
	border-top: 1px solid #fff !important;
}

.datatable .grand-total .total {
	text-transform: uppercase;
	padding-right: 10px;
}

/*------------- Data Table Expandable detail styles --------------*/
.datatable table tr th,.datatable table tr td {
	padding: 5px 10px !important;
	border: 0px;
	font-size: 11px;
	background-color: transparent;
	cursor: default !important;
	border-right: 1px solid #d6d6d6;
	border-top: 1px solid #d6d6d6;
	border-bottom: none;
}

.datatable table table tr th {
	border-top: none;
	border-bottom: none;
}

.datatable td.nested table tr th {
	padding: 5px 10px 5px 10px !important;
}

.datatable table tr th:last-child,.datatable table tr td:last-child {
	border-right: none;
}

.datatable table table tr th,.datatable table table tr td {
	border-left: none;
}

/*------------- Nested Table Fix ---------------*/
.datatable table,.datatable table tbody {
	width: 100%;
}

.datatable table tbody.child {
	display: none;
}

.table-layoutFixed,
.table-layoutFixed table,
.table-layoutFixed table tbody {
	table-layout: fixed;
}

.datatable td.nested table tr th.collapse-data span {
	background: url("/brown-web/resources/images/table-row-expanded.png") right 3px no-repeat;
	padding-right: 12px;
}

.datatable td.nested table tr th.uncollapse-data span {
	background: url("/brown-web/resources/images/table-row-collapsed.png") right 3px no-repeat;
	padding-right: 12px;
}

/*------------- apprise.min.css ----------------*/
.appriseOverlay {
	position: fixed;
	top: 0;
	left: 0;
	background: rgba(0, 0, 0, 0.3);
	display: none;
}

.appriseOuter {
	background: #eee;
	border: 1px solid #fff;
	box-shadow: 0 3px 7px #333;
	-moz-box-shadow: 0 3px 7px #333;
	-webkit-box-shadow: 0 3px 7px #333;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	z-index: 99999999;
	min-width: 200px;
	min-height: 50px;
	max-width: 75%;
	position: fixed;
	display: none;
}

.appriseInner {
	color: #333;
	text-shadow: 0 1px 0 #fff;
	padding: 20px;
}

.appriseInner button {
	border: 1px solid #bbb;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-khtml-border-radius: 3px;
	background: 0;
	color: #232d3d;
	font-size: 12px;
	font-weight: 700;
	text-shadow: 0 1px 0 #fff;
	cursor: pointer;
	box-shadow: 0 1px 2px #ccc;
	-moz-box-shadow: 0 1px 2px #ccc;
	-webkit-box-shadow: 0 1px 2px #ccc;
	margin: 0 3px;
	padding: 4px 10px;
}

.appriseInner button:hover {
	color: #d85054;
}

.aButtons,.aInput {
	text-align: center;
	margin: 20px 10px 0;
}

.aTextbox {
	border: 1px solid #aaa;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	-khtml-border-radius: 4px;
	box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	-webkit-box-shadow: 0 1px 0 #fff;
	width: 180px;
	font-size: 12px;
	font-weight: 700;
	padding: 5px 10px;
}

.tableFloatingHeaderOriginal1 {
	z-index: 1;
}

/* Welcome Page */
.welcome .threeBucket #chartToolTip {
	display:none;
}
label.grey {
	color: #6F6F6F;
	margin: 0 5px;
	font-size: 23px;
}
.grey {
	color: #6F6F6F;
	cursor:default;
}

#portfolioLabel {
	color: #333;
	float: left;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size:13px;
}

#portfolioValue {
	color: #666666;
	float: left;
	margin: 2px 0 0 6px;
	font-family:arial;
	font-size:11px;
}

.portfolioHead {
	float: left;
	width: 44%;
}

.threeBucket {
    float: left;
    font-size: 12px;
    margin-left: 10px;
    width: 50%;
    font-weight:bold;
}

#welcomeData .threeBucketColor {
    bottom: 22px;
    left: 440px;
}

.threeBucketColor{
	width:360px;
	position:absolute;
	/*bottom:206px;*/
	top:357px;
	left:53px;
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	display:none;
	z-index:99 !important;
}

.threeBucketColor span{
	display:block;
	float:left;
	padding-left: 5px;
}
.threeBucketBullet{
	width:10px;
	height:15px;
}
.operating{
	background:#67A262;
}
.core{
	background:#2075B9;
}
.opportunistic{
	background:#FFC110;
}
.operatingValue, .coreValue{
	margin-right:20px;
}
#app #headings.welcomeHead{
	overflow:visible;
}
#app #headings.welcomeHead h2{
	width:auto;
}
.twoBoxDiv .firstDiv {
	background: url("/brown-web/resources/images/greyLines.png") repeat-x scroll 0 0 transparent;
	padding: 16px 11px;
}

.institutionalStrategyLink {margin-top:17px;}
.institutionalStrategyLink a {
	color: #fff;
	font-size: 13px;
	font-family: 'BentonSansMedium', arial, helvetica;
	padding: 5px 15px;
	background: #f46425;
	text-decoration: none;
	margin-top: 5px;
	display: inline-block;
}
.institutionalStrategyLink .linkLabel {	font-size: 10px;font-family: 'BentonSansMedium', arial, helvetica;}
.institutionalStrategyLink a:hover {
	background: #EC510C; transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}
.institutionalStrategyLink a img{
	width: 9px;
	margin: 0 0 2px 5px;
	height: auto;
	vertical-align: middle;
}
.twoBoxDiv .secondDiv {
	background: url("/brown-web/resources/images/greyLines.png") repeat-x scroll 0 0 transparent;
	margin-top: 20px;
	padding: 9px 14px 14px;
}
.twoBoxDiv {
	float: left;
	width:322px;
}

#currentValue {
	margin: 0px;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
}

#currentValue .label {
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	text-transform: uppercase;
}

#marketValueNote .label {
	font-size: 11px;
	color: #6f6f6f;
}

#currentValue .value {
	font-size: 33px;
	font-weight: normal;
}

#marketValue {
	margin-top: 17px;
}

#marketValue .label {
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
}

#marketValue .value {
	font-size: 23px;
	font-weight: bold;
}

#marketValue .marketChangePercentUp {
	color: #6f6f6f;
}

.dashBoardTwo {
	margin-bottom: 14px;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 11px;
	overflow:hidden;
}

.dashBoardTwo.noMargin {
	margin-bottom: 10px;
	clear:both;
}
.dashBoardTwo p.heading {
	font-size: 13px;
	color: #003768;
	margin-bottom: 6px;
}
.dashBoardTwo p.heading span#topPerformer {
	cursor:pointer;
	margin-right:2px;
}
.dashBoardTwo p.heading #asOfDateTP{
	color:#666;
	font-family:arial,helvetica,sans-serif;
	font-size:11px;
	margin-left:10px;
}
.dashBoardTwo p.heading span#transactions {
	cursor:pointer;
}

.dashBoardTwo p.account{
	cursor:pointer;
	clear:both;
}

.dashBoardTwo p.group{
	cursor:pointer;
	clear:both;
}

.viewDetailWelcome{
	display:block;
	cursor:pointer;
	color:#0076BE;
	font-family: arial,helvetica,sans-serif;
    font-size: 11px;
}

#welcomeData #chart_div {
	float: right;
	margin: 0 20px 0 0;
	min-height: 336px;
	overflow: hidden;
	position: relative;
	width: 408px;
}

#welcomeData #chart_div .highcharts-data-labels {
	visibility:hidden;
}
.marketChangeValue {
	margin-right: 14px;
	display: inline;
}

.marketChangePercentUp {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll -3px -187px transparent;
	padding: 0 0 0 13px;
}

.marketChangePercentDown {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll -3px -218px transparent;
	padding: 0 0 0 13px;
}

#welcomeData {
	clear: both;
	overflow: hidden;
	position:relative;
}

#app .dashBoardTwo table tbody td {
	border: 0px;
	padding: 0 13px 8px 0;
	color: #6f6f6f;
}
#app .dashBoardTwo #topTransactions tbody td{
	padding-bottom:0;
	padding-right:0;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	color:#333;
	font-size:11px;
}
#app .dashBoardTwo #topTransactions tbody td:first-child{
	width:55%;
}
#welcomeBottom {
	display: block;
	overflow: auto;
	position: relative;
	padding: 20px;
	background-color: #f0f0f0;
}

.threeBox > div{
	float:left;
}

.threeBox {
	clear: both;
	margin: 10px 0;
	overflow: hidden;
}

.ie7 .threeBox {
	padding-bottom:20px;
}

.threeBox .firstBox,.threeBox .secondBox,.threeBox .thirdBox {
	float: left;
	margin: 0 0 20px 20px;
	padding-right: 20px;
	width: 236px;
	border-right: 1px dotted #CCCCCC;
}

.threeBox .thirdBox {
	border: 0px;
}

#welcomeBottom .threeBox h2 {
	font-family: 'Palatino Linotype', Cambria, Georgia, serif;
	font-size: 20px;
	font-weight: normal;
}

#welcomeBottom .threeBox p {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-size: 11px;
	font-weight: normal;
}

#welcomeBottom .threeBox .statement {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 13px;
}

#welcomeBottom .threeBox p a {
	font-family: 'Georgia', arial;
	font-size: 12px;
	font-weight: normal;
	color: #0076bf;
}

#welcomeBottom .threeBox .statement {
	background: url("/brown-web/resources/images/download.png") no-repeat scroll 0 0 transparent;
	padding: 0 0 0 50px;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	font-size: 13px;
	font-weight: normal;
	color: #003768;
	min-height: 30px;
}

#welcomeBottom .threeBox a {
	text-decoration:none;
	color: #003768;
}

#welcomeBottom .threeBox .navWorld {
	background: url("/brown-web/resources/images/play.png") no-repeat scroll 0 0 transparent;
	padding: 0 0 9px 46px;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 13px;
	color: #003768;
	min-height: 20px;
}

#welcomeBottom .threeBox ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#welcomeBottom .threeBox ul li {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -437px transparent;
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 13px;
	padding-left: 10px;
	color: #003768;
}

.dashBoardTwo p {
	margin: 0;
	padding: 0;
}

.dashBoardTwo p span.date {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 12px;
}

.dashBoardTwo p a {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #0076bf;
	margin: 0;
	padding: 0;
}

.chartLabel {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	font-size: 9px;
	position: absolute;
	right: 0;
	top: 0;
}

.chartLabel .actual {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll -3px -319px transparent;
	padding: 0 12px 0 13px;
}

.chartLabel .target {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll -3px -287px transparent;
	padding: 0 0 0 13px;
}

.chartLabelBottom {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: normal;
	font-size: 9px;
	position: absolute;
	right: 0;
	bottom: 0;
}

.chartLabelBottom span {
	float: left;
	font-family: 'Benton Sans', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	font-size: 10px;
}

.chartLabelBottom span.operation {
	padding: 0 107px 60px 0;
}

.chartLabelBottom span.core {
	padding: 0 13px 50px 0;
}

.chartLabelBottom span.oportunity {
	padding: 0 95px 50px;
}

/* 3 Bucket asset */
#app #BucketassetData table#asset-data {
	width: 100%;
}

#BucketassetData .chartLabel {
	left: 0;
}

#BucketassetData #chart_div {
	width: 361px;
	margin-top: 0
}

#BucketassetData .highcharts-data-labels,#assetData .highcharts-data-labels {
	visibility:hidden;
}

#BucketassetData .chartLabelBottom span.oportunity {
	padding: 0 8px 0 116px;
}

#BucketassetData .chartLabelBottom span.operation {
	padding: 0 0 0 34px;
}

#BucketassetData .chartLabelBottom span.core {
	padding: 0 0 0 99px;
}

#app #BucketassetData table {
	font-family: arial, helvetica, sans-serif;
}

#app #BucketassetData tbody tr.head1 {
	background: #D9D9D9;
	color: #000;
}

#app #BucketassetData tbody tr.head1 td {
	color: #000;
	font-weight:bold;
	border-left:1px solid #fff;
}

#app #BucketassetData table tfoot td {
	font-size: 14px;
	font-weight: bold;
	color: #455660;
}

#app #BucketassetData table tbody td {
	font-size: 12px;
	font-weight: normal;
}

#app #BucketassetData table#asset-data tbody td:first-child img {
	margin-left: 10px;
}

/* Risk */
#app #riskData {
	background: #D9D9D9;
	overflow: hidden
}

#app #riskData .leftSection {
	background: #fff;
	margin: 10px 13px 0px 16px;
	float: none;
	overflow: hidden;
	position: relative;
}

.ie7 #app #riskData {
	padding-bottom:10px;
}

.ie7 #app #riskData .leftSection {
	position:relative;
}

#app #riskData .rightSection {
	background: #FFFFFF;
	margin: 0px 13px 10px 16px;
	padding: 20px 0;
	clear: left;
	font-family: 'Benton Sans', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	color: #333;
	font-size: 12px;
	text-align:center;
}

#app #riskData .rightSection span {
	display: inline-block !important;
	line-height: 30px;
	height: 30px;
}

#app #riskData #chart_div {
	width: 715px;
	margin: 0;
	height: 278px
}

#app #riskData .axis {
	font-family: 'BentonSansMedium', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	color: #405059;
	font-size: 11px;
}

#app #riskData .xAxis {
	width: 763px;
	position: absolute;
	bottom: 0px;
	z-index:98;
}

.ie7 #app #riskData .xAxis {
	clear:both;
	bottom:0px;
}

#app #riskData .yAxis {
	height: 385px;
	float: left;
	padding: 0 0 0 4px
}

#app #riskData .yAxis span {
	display: block;
	width: 44px;
	height: 106px;
	text-align: right;
	margin-top: 39px;
}

#app #riskData .xAxis span {
	text-align: right;
	margin-left: 228px;
}

#app #riskData .xAxis span:first-child {
	margin-left: 113px;
}

#app #riskData .rightSection span {
	display: block;
	padding-left: 29px;
	width: 128px;
}

#app #riskData .rightSection span.actual {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 15px -935px transparent;
}

#app #riskData .rightSection span.target {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 15px -863px transparent;
}

/* New Slider classes start */
#app #sliderWithTwoOptions, #app .sliderWithTwoOptions{
	background: url("/brown-web/resources/images/2StepSlider.png") no-repeat scroll center 35px transparent;
	width:236px;
	height: 60px;
}

#app #sliderWithTwoOptions .cSwitch, #app .sliderWithTwoOptions .cSwitch{
	/*height: 50px;*/
	width:118px;
}

 #app .sliderWithTwoOptions .cSwitch.right{
	background-position: 53px 39px !important;
}
 #app .sliderWithTwoOptions .cSwitch.left{
	background-position:53px 39px !important;
}
/* New Slider classes end */

#app .disclaimer,#app .disclaimerFootNote, .formDisclaimer {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	margin-top: 20px;
}

#app .disclaimer,#app .annualizedDisclaimerNote {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	/* margin-top: 20px; */
}

#app .formDisclaimer {
	margin: 0px;
}
#welcomeBottom .disclaimer {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #6f6f6f;
	margin: 0 20px 20px;
}

#performance-data {
	width: 100%;
}

#app #performance-data tbody td,#app #holdings-data tbody td {
	font-family: arial, helvetica, sans-serif;
}
#app #performance-data thead tr th:first-child div{
	width:220px !important;
}
#app #performance-data thead tr.tableFloatingHeader1 th:first-child div{
	width:226px !important;
}
#app #performance-data tbody tr td:first-child div {
	width:210px !important;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#app #performance-data tbody tr.head2 td:first-child div {
	width:210px !important;
	white-space:nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
#app #performance-data thead th {
	width:70px;
}
#app #performance-data thead th.fixed-width-column {
	width:70px !important;
}
#app #performance-data thead .tableFloatingHeaderOriginal1 th,
#app #performance-data thead .tableFloatingHeader1 th {
	text-align: right !important;
}
#app .table-container  #performance-data thead th{
	width:112px;
}
#app #performance-data {
	float: none;
	margin: auto;
	width: auto;
}
#performance-data tfoot {
	font-family: arial, helvetica, sans-serif;
	color: #455660;
}

#app #performance-data tfoot td {
	border-bottom: none;
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 14px;
	text-align: left;
	color: #455660;
	background: none repeat scroll 0 0 #E8EFF5;
}

.bgColorGrey td{color: #455660 !important;}
#app #performance-data tfoot tr.benchmark td {
	border-bottom: 1px solid #D6D6D6;;
	font-size: 12px;
	font-weight: bold;
	background: none;
}

#app #performance-data tfoot tr.fees td {
	font-size: 12px;
	font-weight: normal;
}

#app #performance-data .head1 td,
#app .performance-data-outer .head1 td {
	color: #000000;
	font-weight: bold;
}

#app #performance-data tbody tr.head1, #app .performance-data-outer tbody tr.head1 {
	background: none repeat scroll 0 0 #D7DADA;
	color: #000000;
}

#app #performance-data tbody tr.head2, #app .performance-data-outer tbody tr.head2 {
	background: #e2e2e2;
	color: #000;
}

#app #performance-data tbody tr.head1 td:first-child,
#app #performance-data tbody tr.head2 td:first-child,
#app #holdings-data tbody tr.head1 td:first-child,
#app .performance-data-outer tbody tr.head1 td:first-child,
#app .performance-data-outer tbody tr.head2 td:first-child {
	padding-left: 7px !important;
}

#app #performance-data tbody tr.head2 td:first-child, #app .performance-data-outer tbody tr.head2 td:first-child {
	padding-left: 10px !important;
	color: #000000;
}

#app #performance-data tbody tr.head3 td:first-child, #app .performance-data-outer tbody tr.head3 td:first-child {
	padding-left: 20px !important;
}
#app .performance-data-outer tbody tr.head3 td{
	font-size:11px !important;
	color: #000 !important;
}

/* Performance Report clean up classes */
#app #performance-data  thead th,
#app #holdings-data thead th,
#app #transactionIncome-data thead th,
#attribution-tabs thead th,
#attribution-tabs tfoot tr td {
	padding : 3px !important;
	vertical-align : middle;
	border-left: medium none !important;
}

#app #holdings-data.holding-summary-table thead th {
 	padding : 3px 2px !important;
}
#app #performance-data tbody tr td,
#app #holdings-data tbody tr td,
#app .transaction tbody tr td {
	padding : 2px 4px;
	border-width:0px;
	vertical-align : middle;
}

/* BRAT-518923: Space added below 'TOTAL PORTFOLIO - NET OF FEES' table row */
#app #performance-data tbody tr.blank-row td {
	padding: 6px 0;
}

#app #performance-data tr.head1 td,
#app #holdings-data tbody tr.head1 td,
#app #holdings-data tbody tr.head2,
#app #transactionIncome-data tbody tr.head1,
#app #transactionPS-data tbody tr.head1,
#app #transactionCW-data tr.head1 td,
#app .performance-data-outer tr.head1 td {
	background: none repeat scroll 0 0 #E3E8EC;
	border-bottom: 1px solid #FFFFFF;
}

#app #performance-data tr.head2 td, #app .performance-data-outer tr.head2 td {
	background: none repeat scroll 0 0 #ffffff;
	font-weight: bold;
	color:#000000;
}

/* BRAT-513023: Psuedo footer added to holdings report table */
#app #performance-data tr.bgColorGrey td,
#app table tr.total td,
#app #holdings-data tfoot td,
#app #holdings-data tbody tr.psuedo-tfoot td,
#app .transaction tbody tr.tfoot td,
#attribution-data_month tfoot tr,
#attribution-tabs tfoot tr,
#app .performance-data-outer tr.bgColorGrey td {
	background: none repeat scroll 0 0 #CADDEE;
	font-weight: bold;
	font-size: 12px;
	padding : 4px;
	vertical-align: middle;
	border-bottom: 1px solid #FFFFFF;
}

#app #performance-data tr.head3 td,
#app #holdings-data tbody tr.head3 td,
#app .performance-data-outer tr.head3 td {
	 color:#000000;
	 font-size:11px;
}

#app #transactionIncome-data tbody tr.head2 td,
#app #transactionIncome-data tbody tr.head3 td,
#app #transactionIncome-data tbody tr.head4 td {
	font-weight:bold;
	color:#000;
}
#app #performance-data thead th.inceptionDateCol {
	width:82px;
}

#app #holdings-data tbody tr.head4, #app #holdings-data tbody tr.head2 td {
	background:#fff;
}

/* Performance Report clean up classes end */

/* Gain Loss */
#gainLoss-data {
	width: 100%;
}

#app #gainLoss-data tbody td span {
    color: #0076BF;
    cursor: pointer;
}

#app #gainLoss-data tbody td {
	font-family: arial, helvetica, sans-serif;
	color: #455660;
}

#gainLoss-data tfoot {
	font-family: arial, helvetica, sans-serif;
	color: #455660;
}

#app #gainLoss-data tfoot td {
	font-size: 14px;
	font-weight: bold;
	padding: 7px 0 7px 14px;
	text-align: left;
	color: #455660;
	background: none repeat scroll 0 0 #E8EFF5;
}

#app #gainLoss-data tbody tr.head1 td {
	font-weight: bold;
}

#app #gainLoss-data tbody td a {
	color: #0068a8;
	text-decoration: none;
}

#app #gainLoss-data tbody tr td:first-child {
	font-weight: normal;
	font-size: 11px;
}
#app #gainLoss-data tbody tr td:first-child span{
	color:#0076BF;
	cursor:pointer;
}
div.viewDetail {
	margin-top: 24px;
	text-align: center;
}

div.viewDetail a {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -534px transparent;
	color: #FFFFFF;
	display: block;
	font-size: 13px;
	font-weight: bold;
	height: 25px;
	margin: 0 auto;
	padding: 4px 0 0 13px;
	text-decoration: none;
	width: 140px;
	cursor:pointer;
}

div.viewDetail a span {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll right -492px transparent;
	display: block;
	height: 27px;
	margin-top: -5px;
	padding: 5px 30px 0 0;
}

/* Unrealized Gain Loss */
div.unrealized.viewDetail a {
	width: 87px;
}

/* Transaction tabs */
#app .transaction {
	width: 100%;
	table-layout: fixed;
}

#app .transaction thead th {
	padding: 10px 4px;
}

#app .transaction tbody td:first-child {
	border-left: none;
	color: #000;
	width: 200px;
}

#app .transaction tbody td:first-child img {
	margin-left: 10px;
}

#app .transaction tbody tr.parent td:first-child {
	cursor: pointer;
}

#app .transaction tbody tr.head1 {
	background: #e2e2e2;
	color: #000;
}

#app .transaction tbody tr.head1 td {
	font-weight: bold;
	padding-left: 10px;
	color: #000;
}

#app .transaction tbody tr.tfoot{
	 background: none repeat scroll 0 0 #E8EFF5;
}

#app .transaction tbody tr.head1 td:first-child,
#app #transactionPurchase-data tbody tr.head2 td:first-child {
	padding-left: 10px !important;
}

#app .transaction tbody tr.head2 td:first-child {
	padding-left: 20px !important;
}

#app .transaction tbody tr.head3 td:first-child {
	padding-left: 30px !important;
	color: #666;
}

#app .transaction tbody tr.head4 td:first-child {
	padding-left: 40px !important;
}

#app .transaction tbody tr.head5 td:first-child {
	padding-left: 50px !important;
}

#app .transaction tbody tr.head5 td:first-child img {
	display: none;
}

#app .transaction tfoot tr {
	background: #e8eff5;
}

#app .transaction tfoot td {
	padding: 10px 9px;
}

#app .transaction tbody tr.head2 td:first-child {
	color: #0068a8;
}

/* Sorter*/
#appContent .tableFloatingHeader1 .header.headerSortUp figure {
	background: #455560 !important;
}

#appContent .tableFloatingHeader1 .header.headerSortDown figure{
	background: #455560 !important;
}

#appContent .tableFloatingHeader1 .header figure {
	background: #455560 !important;
}
#appContent .header{
	cursor:pointer;
}
#appContent .header:hover figure {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -811px #455560 !important;
	display: inline-block;
	height: 10px;
	margin-left: 5px;
	width: 11px;
	cursor: pointer;
}

.ie7 #appContent .header figure {
	display: inline;
	zoom: 1;
}

#appContent .header.headerSortDown:hover figure {
	height:10px;
	margin-left: 5px;
	width: 11px;
	display: inline-block;
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -766px #455560 !important;
}

#appContent .header.headerSortUp:hover figure {
	height: 10px;
	margin-left: 5px;
	width: 11px;
	display: inline-block;
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -811px #455560 !important;
}

#appContent .header.headerSortDown figure {
	height: 10px;
	margin-left: 5px;
	width: 11px;
	display: inline-block;
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -766px #455560 !important;
}

#appContent .header.headerSortUp figure {
	height: 10px;
	margin-left: 5px;
	width: 11px;
	display: inline-block;
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -811px #455560 !important;
}

/* High Chart ToolTip */
.highcharts-tooltip {
	z-index:999 !important;
}
.highcharts-tooltip a,.highslide-maincontent a {
	color: #0076be;
	text-decoration: none;
}

.greyHead {
	background: #e6e6e7;
}

.greyHead  div {
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#BucketassetData #chart_div .highcharts-tooltip,
#welcomeData #chart_div .highcharts-tooltip {
	width: 100%;
}

#BucketassetData #chart_div .highcharts-tooltip div,
#welcomeData #chart_div .highcharts-tooltip div {
	width: auto;
}

.greyHeadBucket {
	background: #e6e6e7;
	font-family: arial, helvetica, sans-serif;
	font-weight: bold;
	font-size: 13px;
}

#BucketassetData #chart_div .highcharts-tooltip .labelLeft,#welcomeData #chart_div .highcharts-tooltip .labelLeft  {
	float: left;
	padding-right: 20px;
}

#BucketassetData #chart_div .highcharts-tooltip .tbtToolCon,#welcomeData #chart_div .highcharts-tooltip .tbtToolCon {
	width: 230px;
	clear: both
}

#BucketassetData #chart_div .highcharts-tooltip .labelRight,#welcomeData #chart_div .highcharts-tooltip .labelRight {
	float: right;
}

.highslide-maincontent .labelRight {
	float: right;
	color: #000;
}

.highslide-maincontent .labelLeft {
	float: left;
	padding-right: 20px;
	color: #0076be;
}

.highcharts-axis-labels {
	font-family: 'Benton Sans', arial, helvetica;
	font-style: normal;
  	font-weight: bold;
	font-size: 10px;
}

/* No Data */
.forceHide {
	display: none !important;
}

#app .noData , .emptyData{
	text-align: center;
	border-bottom: none;
	cursor: default !important;
	font-size: 16px !important;
}
#app #appContent .noData {
	text-align: left;
	color: #666;
}

#app #performance-data .noData{
	text-align: left;
}

/* Accounts Summary */
/*--------- Table horizontal pagination ---------*/
#app table#accounts-data tbody td.reducedFont {
	font-size: 11px;
}

.table-container {
	width: 476px; /* Total width of visible columns + border widths */
	border-left: solid 1px #b3b4b6;
	border-right: solid 1px #b3b4b6;
	border-top: solid 1px #8f989f;
	float: left;
	background-color: #eee;
	overflow: hidden;
	position: relative;
}

.sliding-window {
	width: 1210px; /* Total width of all columns in sliding-window */
	overflow: hidden;
}

.table-header-left, .table-header-right {
	float: left;
	width: 157px;
}

.tableShadowContainer {
	background: url("/brown-web/resources/images/scrollableTableBg.png") no-repeat scroll 0 -8px transparent;
	height: 270px;
	left: 151px;
	position: absolute;
	width: 486px;
	z-index: 999;
}

/* BRAT-35335: Fit left and right table in their respective containers */
#app table.accounts-data-outer {
	table-layout: fixed;
	width: 100%;
}

#app table.accounts-data-outer thead th,
#app table.performance-data-outer thead th {
	height: 37px;
	background: #8f989f;
	padding: 9px 4px;
	text-align:center;
}

#app .table-container #performance-data tbody td {
	border-width: 1px;
	text-overflow: ellipsis;
	overflow: hidden;
	height: 19px;
}
.ie7 #app table.accounts-data-outer thead th,
.ie7 #app table.performance-data-outer thead th {
	height: 50px;
}
.ie8 #app table.accounts-data-outer thead th,
.ie8 #app table.performance-data-outer thead th,
.ie9 #app table.accounts-data-outer thead th,
.ie9 #app table.performance-data-outer thead th {
	height: 49px;
}
#app #accounts-data thead th,
#app #performance-data thead th:last-child {
	text-align: center;
}

.ie8 #app table.accounts-data-outer thead th,
.ie8 #app table.performance-data-outer thead th,
.ie7 #app table.accounts-data-outer thead th,
.ie7 #app table.performance-data-outer thead th {
	padding: 3px 4px;
}

.ie9 #app table.accounts-data-outer thead th,
.ie9 #app table.performance-data-outer thead th {
	padding: 3px 4px;
}

.ie7 .ui-dialog .ui-dialog-titlebar { overflow:hidden; }

#app .table-header-left table.accounts-data-outer tbody td,
#app .table-header-left table.performance-data-outer tbody td {
	color: #666;
	font-size: 12px;
	height: 19px;
}

#app .table-header-left table.accounts-data-outer tbody td,
#app .table-header-left table.accounts-data-outer tfoot td {
	height: 36px;
	min-height: 36px;
	max-height: 36px;
    overflow: hidden;
    padding: 0;
    white-space: nowrap;
    vertical-align: middle;
}
#app .table-header-left table.accounts-data-outer tbody td.ipad,
#app .table-header-left table.accounts-data-outer tfoot td.ipad {
	height:     50px !important;
	min-height: 50px !important;
	max-height: 50px !important;
}

.ie7 #app .table-header-left table.accounts-data-outer tbody td {
	padding: 4px;
}
.table-header-left thead th {
	text-align: left !important;
}
.table-header-right thead th {
	text-align: right !important;
}
#app .table-header-left table.accounts-data-outer tbody td span {
	cursor: pointer;
	color: #0076BF;
}

#app .table-header-right table.performance-data-outer td {
	color: #666;
	text-align: right;
	font-size:12px;
	height: 19px;
}

#app .table-header-right table.accounts-data-outer tbody td,
#app .table-header-right table.accounts-data-outer tfoot td {
	color: #666;
    height: 36px;
    min-height: 36px;
	max-height: 36px;
	line-height: 36px;
    text-align: right;
    padding: 0 0 0 4px;
    vertical-align: middle;
}

#app .table-header-right table.accounts-data-outer tbody td.ipad,
#app .table-header-right table.accounts-data-outer tfoot td.ipad {
    height:     50px !important;
    min-height: 50px !important;
	max-height: 50px !important;
}

/* BRAT-35336: Padding increased for right fixed table on iPad safari */
#app .table-header-right table.accounts-data-outer tfoot td {
	padding: 7px 0 !important;
}

#app .accounts-data-wrapper tfoot,
#app .performance-data-wrapper tfoot {
	background: #e7f3fb;
}

#app .accounts-data-wrapper tfoot td,
#app .performance-data-wrapper tfoot td {
	border-bottom: none;
}

#app .accounts-data-outer tfoot td,
#app .performance-data-outer tfoot td {
	border-bottom: 5px solid #e7f3fb;
}

#app .accounts-data-controls,
#app .performance-data-controls {
	display: block;
	width: 790px;
	height: 80px;
	margin-top: -16px;
	background: #e7f3fb;
}

.ie7 #app .accounts-data-controls,
.ie7 #app .performance-data-controls {
	margin-top: -28px;
}

#app .accounts-data-controls .control-wrapper,
#app .performance-data-controls .control-wrapper {
	margin: 0 auto;
	width: 105px;
	display: block;
}

#app .accounts-data-controls a.next,
#app .performance-data-controls a.next {
	display: block;
	float: left;
	width: 10px;
	height: 15px;
	background: url(/brown-web/resources/images/carousel-next-inactive.png) no-repeat;
	outline: none;
}

#app .accounts-data-controls a.prev,
#app .performance-data-controls a.prev {
	display: block;
	float: left;
	width: 10px;
	height: 15px;
	background: url(/brown-web/resources/images/carousel-prev-inactive.png) no-repeat;
	outline: none;
}

#app .accounts-data-controls a.prev:hover,
#app .performance-data-controls a.prev:hover {
	background: url(/brown-web/resources/images/carousel-prev-active.png) no-repeat;
}

#app .accounts-data-controls a.next:hover,
#app .performance-data-controls a.next:hover {
	background: url(/brown-web/resources/images/carousel-next-active.png) no-repeat;
}

#app .accounts-data-controls a.last:hover,
#app .performance-data-controls a.last:hover {
	background: url(/brown-web/resources/images/carousel-next-inactive.png) no-repeat;
	cursor: default;
	outline: none;
}
#app .accounts-data-controls a.first:hover,
#app .performance-data-controls a.first:hover {
	background: url(/brown-web/resources/images/carousel-prev-inactive.png) no-repeat;
	cursor: default;
	outline: none;
}

#app .accounts-data-controls ul.controls li,
#app .performance-data-controls ul.controls li {
	background: url(/brown-web/resources/images/carousel-inactive.png) no-repeat;
	height: 15px;
	float: left;
	width: 15px;
	margin-right: 10px;
	display: inline-block;
	cursor:pointer;
}

#app .accounts-data-controls ul.controls li.current,
#app .performance-data-controls ul.controls li.current {
	background: url(/brown-web/resources/images/carousel-active.png) no-repeat;
}

#app div.control-wrapper {
	display: block;
	padding-top: 40px;
}

#app div.control-wrapper ul.controls {
	margin: 0 0 0 -20px;
}

#accounts-data, #performance-data {
	table-layout: fixed;
	float: left;
	position: relative;
}

#app table#accounts-data tbody td {
	color: #666666;
	background: #fcfcfc;
	text-align: right;
	height: 36px;
	min-height: 36px;
	max-height: 36px;
	line-height: 36px;
	padding: 0 4px 0 0;
	vertical-align: middle;
}

#app table#accounts-data tbody td.ipad {
	height:      50px !important;
	min-height:  50px !important;
	max-height:  50px !important;
	line-height: 50px !important;
}

#app table#accounts-data tfoot,
#app table#performance-data tfoot {
	background: #c0def3;
	border-bottom: 2px solid #ccc;
}

#app table#accounts-data tfoot td,
#app table#performance-data tfoot td {
	padding-right: 4px;
	padding-left: 4px;
	text-align: right;
	font-size: 12px;
}
.ie7 #app table#accounts-data tfoot td,
.ie7 #app table#performance-data tfoot td {
	padding-top:9px;
}
ul.controls li.current {
	color: blue;
}

.clearfix {
	clear: both;
}

/* Change In Portfolio */
#app #portfolio-data tr th {
	font-size: 11px;
	padding: 10px 3px;
	cursor:pointer;
	text-align:right;
}

#app #portfolio-data tr.begin td {
	color:#333;
	font-weight:bold;
}

#app #portfolio-data tr .rightAlign {
	padding-right: 3px !important;
}
#app #portfolio-data tr td {
	font-size: 11px;
	padding: 10px 3px;
	color:#333;
}
#app #portfolio-data .total td {
	font-size: 11px;
	padding: 10px 3px;
}

/*bottom change in portfolio*/

#app #portfolio-data .noBold td {
	font-weight:normal;
	 border-bottom: 1px solid #D6D6D6;
}

#app #portfolio-data .empty td {
	padding:0;
	 border-bottom: 1px solid #D6D6D6;
}

#app #portfolio-data .noBold td {
	font-weight:normal;
}
/*end */

#app #portfolio-data tfoot td {
	padding: 10px 3px;
}

/* BRAT-36847: Line height for table footer changed to accomodate text wrapping */
#app #portfolio-data tfoot td:first-child {
	line-height: 1.4 !important;
}

.portfolioToolTip {
	text-align: right;
	font-weight: normal;
	color: #666666;
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
}

.portfolioLabel {
	font-weight: bold;
	margin-left: 10px;
}

#changeInPortfolio .disclaimer,#changeInPortfolio .disclaimerFootNote{margin:10px 0 10px 0; }

#changeInPortfolio #chart_div {
	background-color: #CCCCCC;
    float: none;
    height: 210px;
    margin: 0;
    min-height: 210px;
   	padding: 8px;
	width: 776px;
}

#changeInPortfolio #chart_div .loader {
    background: url("/brown-web/resources/images/spinner.gif") no-repeat scroll center 25px #FFFFFF;
    left: 0;
    position: absolute;
    text-align: center;
    top: 34px;
    z-index: 100;
}
#changeInPortfolio #chart_div .loader .loadingText{
	margin-top: 100px !important;
}
.selectTopArrow {
	position: absolute;
	top: 0;
	left: 165px
}

.topArrowContainer {
	position: relative;
	height: 16px;
}

.topArrowContainer .container {
	background-color:#ccc;
	text-align: center;
	margin-left: auto;
	height: 16px;
}
.topArrowContainer .selectHighlightContainer {
	height: 1px;
	position: relative;
	text-align: center;
	margin: -16px auto 0;
}

.selectCellOverlay {
	background: none repeat scroll 0 0 #888888;
	height: 297px;
	left: 136px;
	opacity: 0.2;
	filter: alpha(opacity = 20);
	position: absolute;
	text-align: center;
	top: 16px;
	width: 73px;
	z-index: 100;
}

#app #portfolio-data tr th:first-child {
	width: 121px
}

#app table .begin td {
	background: #e4e4e5;
}

#app table .total td {
	font-weight: bold;
	background: #E8EFF5;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
}

#app .highlightedColumnBackground {
	color:orange !important;
	font-weight: bold;
}

/* Nested table style*/
#app table.nestedTable {
	border:1px solid #cccccc;
	display:inline-block;
}

#app table.nestedTable thead th {
	background-color: #0076be !important;
	padding: 2px 3px !important;
	font-size: 10.5px !important;
	text-align: center !important;
	color: #ffffff;
	cursor: default;
}
#app table.nestedTable tbody td,
#app table#nestedTable tbody td {
	padding: 2px 3px !important;
	font-size: 10.5px !important;
	text-align: center !important;
	color: #242323;
}

#app #accounts-data thead th,
#app #performance-data thead th {
	height: 50px;
    padding: 0 4px 4px !important;
}

.highslide-body {
	overflow: hidden !important;
}

.highcharts-data-labels {
	z-index: 999 !important
}

.ui-datepicker .ui-datepicker-title select {
	color: #666;
	font-size: 9px !important;
	font-family: arial, helvetica, sans-serif;
}

/* datepicker changes after jquery upgrade start */
.ui-widget {
	font-family: Verdana,Arial,sans-serif;
}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	color: #555;
	border: 1px solid #d3d3d3;
	background: #e6e6e6 50% 50% repeat-x;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color: #212121;
	font-weight: normal;
	border: 1px solid #aaa;
	background: #fff url(../images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
}
.ui-widget-header {
	color: #222;
	border: 1px solid #aaa;
	background: #ccc url(../images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus,
.ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	color: #212121;
	font-weight: normal;
	border: 1px solid #999999;
	background: #dadada 50% 50% repeat-x;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none;
}
.ui-widget.ui-widget-content {
	color: #222;
	border: 1px solid #aaa;
	background: #fff 50% 50% repeat-x;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	color: #363636;
	border: 1px solid #fcefa1;
	background: #fbf9ee 50% 50% repeat-x;
}
/* datepicker changes after jquery upgrade end */

/*Page Heading */
#app #headings #subHeading {
	float: left;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size: 23px;
	font-weight: normal;
	margin: 0;
	width: 315px;
}

#app #headings #subHeading.docSubHeading{
	width:auto;
}

#app #headings #subHeading span {
	display: block;
	font-size: 19px;
}

#app #headings #subHeading.oneDate {
	width: 500px;
}

/*My Documents*/

#mainWrapper aside ul.docSubMenu li.selected{
	background:#003768;
}

#mainWrapper aside .selected  ul li{
	color:#ffffff;
}

#mainWrapper aside ul li ul li ul li{
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 10px -1356px transparent;
	border-bottom: none;
	padding: 1px 0 1px 20px;
	font-size: 11px;
	font-weight:normal;
}

#mainWrapper aside ul.docSubMenu{
	margin:0px;
	padding:0px;
	background:#F6F6F7;
}

#mainWrapper aside ul.docSubMenu li{
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 10px -1356px transparent;
	border-bottom: none;
	padding: 1px 0 1px 20px;
	font-size: 11px;
	font-weight:normal;
}

#mainWrapper aside nav ul li ul.docSubMenu{
	background:transparent;
}
#mainWrapper aside nav ul li ul.docSubMenu li{
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 10px -1356px transparent;
	border-bottom: none;
	padding: 1px 0 1px 20px;
	font-size: 11px;
	font-weight:normal;
}

.portfolio_name figure {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -1397px     transparent;
	display: inline-block;
	height: 10px;
	margin-left: 5px;
	width: 11px;
	cursor: pointer;
}

.ie7 .portfolio_name figure {
	display: inline;
	zoom: 1;
	padding-bottom: 2px;
}

.portfolio_name.down figure {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -1397px     transparent;
}

.portfolio_name.up figure  {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -1438px     transparent;
}

#filterArea  .yearFilter {
	position:relative;
	float:left;
	width:auto;
}
#filterArea  .dateFilter {
	position:relative;
	float:right;
	width:200px;
}

#app #filterArea .dropArrow {
    background: url("/brown-web/resources/images/icons-misc-droparrow.png") no-repeat scroll 83px 6px transparent !important;
    border: 3px solid #E2E2E2;
    border-radius: 3px 3px 3px 3px;
    float: left;
    margin: -2px 0 0 20px;
    min-height: 18px;
    padding: 1px 12px 1px 9px;
    position: static;
    width: 80px;
}
.ie7 #app #filterArea.myDocumnet .dropArrow { padding: 1px 22px 1px 9px;}
#app  #filterArea  .dateFilter .dropArrow  { width: 80px; }
#app #filterArea ul.dropDownMenu li { width:auto; }
#app #filterArea ul.dropDownMenu {
    top: 8px;
    width: 102px;
    z-index: 2000;
}

#app #filterArea { clear: both; padding:10px 0 20px 0; min-height: 30px; height: 30px; }
#app #filterArea h3 { font-family: arial, helvetica, sans-serif; font-size: 12px; float: left; font-weight: normal; margin: 0;color:#666; }

#document-data { width:100%; }
#app #document-data tr td { border:none; padding:14px 8px 14px 8px; font-size: 11px;vertical-align:middle;  }
#app #document-data tr.odd{ background:url("/brown-web/resources/images/bg-diagonal-stripe.png") repeat scroll 0 0 transparent; }
#app #document-data tr td.pdf{  padding:14px 14px 14px 14px; width:65%;font-family: 'BentonSansMedium', arial, helvetica;font-style: normal;font-weight: normal; font-size: 13px; color:#000000; }
#app #document-data tr td.xls{  padding:14px 14px 14px 14px; width:65%;font-family: 'BentonSansMedium', arial, helvetica;font-style: normal;font-weight: normal; font-size: 13px; color:#000000; }
#app #document-data tr td.new{ padding:5px 14px 5px 14px;text-align:center; }
#app #document-data tr td.old{  padding:5px 0px 5px 50px; }
#app #document-data tr td a{ text-decoration:none; }
#app #document-data tr td span { color:#0076be; font-weight:bold; cursor:pointer; }
#app #document-data .header figure {  display: inline-block; height: 10px;  margin-left: 5px; width: 11px; }
#app #document-data tr td.pdf img { margin-right:14px; }
#app #document-data tr td.xls img { margin-right:14px; }
/*my document left nav*/

#leftNav {z-index:100 }
#ui-datepicker-div { z-index:999 !important;}
#leftNav nav:first-child { margin-bottom:20px; }
#mainWrapper aside nav:first-child  ul li.header { border-top:none;  }
#mainWrapper aside .selected sup { /*color:#ede77d;*/ }
#mainWrapper aside header sup { /*color:#f56b3a;*/ }
#mainWrapper aside .group_name sup { /*color:#f56b3a;*/ }

#app ul.dropDownMenu li.disabledLinks{color: #CCC;cursor: default; pointer-events: none;}
#userName.grey{font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;color: #222222;}

.ipadTooltip{
	font-weight:bold;
	font-size: 9px;
}

.errorPage h1{margin-bottom:0;text-decoration: underline;}
.errorPage p{font-size:14px;font-weight: normal;line-height: 24px;margin-top: 0;padding-top: 6px;}
.disclaimer p{ margin:0; }

/* =============================================================================
   Media Queries
   ========================================================================== */
@media screen and (-webkit-min-device-pixel-ratio:0) {
	#app table thead th {
		font-size: 11px
	}
	#app table.accounts-data-outer thead th {
		padding: 0 4px;
		height: 54.5px;
	}
	#app header nav ul li:first-child {
		/* BRAT-35339: Padding changed to make tab menu responsive */
		padding: 0 1.6em;
	}
}

@media only screen and (min-width: 35em) {
	/* Style adjustments for viewports that meet the condition */
}

@media only screen and (max-width: 1280px) {
	/* Style adjustments for viewports that meet the condition */
	#app header nav ul li {
		font-size: 12px;
		text-align: center;
		border-bottom: 1px solid #CCCCCC;
	}
}

@media only screen
and (min-device-width : 481px)
and (max-device-width : 1024px){
	#app header nav ul li {
		font-size: 12px;
		text-align: center;
		border-bottom: 1px solid #CCCCCC;
		padding: 8px 13px;
	}
	#app header nav ul.noGain li {
		padding: 8px 16px;
    }

 	#appTabAsset{
		padding: 8px 14px 8px 15px !important;
	}

}

/* =============================================================================
   Non-Semantic Helper Classes
   ========================================================================== */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
	*line-height: 0;
}

.ir br {
	display: none;
}

.hidden {
	display: none !important;
	visibility: hidden;
}

.visuallyhidden {
	border: 0;
	clip: rect(0, 0, 0, 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}

.visuallyhidden.focusable:active,.visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}

.invisible {
	display: none;
}

.clearfix:before,.clearfix:after {
	content: "";
	display: table;
}

.clearfix:after {
	clear: both;
}

.clearfix {
	*zoom: 1;
}

/* Top Menu */
#controls li {
	position: relative;
}

.ie7 #controls li {
	position: static;
}

#controls li.selected {
	background:#fff;
	border-bottom:none;
}

#controls li.selectedOnClick {
	background:#fff;
	border-bottom:none;
}

.ie7 ul.sub-menu{
	left:0px;
	width:200px;
}
.ie7 ul.sub-menu.myProfile{
	left:80px;
	width:118px;
}

#controls li.selectedOnClick ul.sub-menu{
	display:block;
}

#controls li.selected ul.sub-menu {
	display: block;
}

#controls ul.sub-menu {
	background:#fff;
	display: none;
	position: absolute;
	top: 85px;
	z-index: 103;
	padding-right:15px;
	border-bottom:1px solid #E2E2E2;
	border-right:1px solid #E2E2E2;
	border-left:1px solid #E2E2E2;
}

#controls ul.sub-menu li {
	text-align: left;
	float:none;
	background:#fff;
	width:90%;
	border-top:none;
	border-left:none;
	border-right:none;
	/* border-bottom: 1px dotted; */
	border-bottom: 1px solid rgb(226, 226, 226);
	padding:7px 0;
	margin:0 15px;
	height:auto !important;
}
#controls ul.sub-menu li span{
	display:block;
	color:#878687;
	font-size:11px;
}

#controls ul.sub-menu li a{
	text-decoration:none;
	color:#0076bf;
	font-size:12px;
	font-weight:normal;
	text-transform:capitalize;
}
#controls ul.sub-menu li span a{
	font-size:12px;
}
#controls ul.sub-menu li span.email a{
	 text-transform: none;
}
#controls ul.sub-menu li.last{
	border:none;
}

#controls ul.sub-menu li span.advisor{font-family: 'Benton Sans',arial,helvetica;font-style: normal;font-weight: bold; font-size: 14px; color:rgba(0, 0, 0, 0.7);}
#controls ul.sub-menu li span.seniorAdvisor{font-family: 'Benton Sans',arial,helvetica; font-size: 12px;color:#a3a3a3;padding-bottom:8px;}
#controls ul.sub-menu li span.sendMessage { background:url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -574px transparent;padding:10px 0 5px 20px;}
#controls ul.sub-menu li span.email,
#controls ul.sub-menu li span.phone,
#controls ul.sub-menu li span.message {
	padding:2px 0px;
	font-size:12px;
}
#controls ul.sub-menu li span.email i.fa,
#controls ul.sub-menu li span.phone i.fa,
#controls ul.sub-menu li span.message i.fa {
	color: #c3c3c3;
	padding-right: 8px;
	
}

#controls ul.sub-menu li span.message{padding-top:8px;position:relative;padding-left:20px;word-break:break-word}
#controls ul.sub-menu li span.message img{
	position:absolute;
	left:0;
	top:11px;
	height:12px;
	moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
}
#controls ul.sub-menu li.close {
	background: none repeat scroll 0 0 transparent;
    height: 26px;
    margin: 0;
    min-height: 21px;
    padding: 0;
    position: absolute;
    right: -14px;
    top: -13px;
    width: 27px;
    border:none;
    cursor:pointer;
    z-index:999;
}
#controls ul.sub-menu li.close span {
	background: url("/brown-web/resources/images/iconsBg.png") no-repeat scroll 0 -698px transparent;
    padding: 14px;
    text-indent: -999px;
    z-index:999;
}
#controls ul.sub-menu.myProfile li{
	min-height:20px;
}
#controls ul.sub-menu.myTeam-dropdwn{
    width: 328px;
    box-sizing: border-box;
    padding:0;
    box-shadow: 0 4px 5px rgb(0,0,0,0.5);
}
#controls ul.sub-menu.myTeam-dropdwn.noProfRel{
    width: 245px;
}
#controls ul.sub-menu.myTeam-dropdwn li.myTeam-tab{
    /* position: static; */
    float:left;
    width:50%;
    margin:0;
    text-align:center;  
    font-weight:bold;   
    min-height:1px;
    border:none;
    padding-bottom:0;
}
#controls ul.sub-menu.myTeam-dropdwn li.myTeam-tab #myTeam{
	margin-right:2px;
}
#controls ul.sub-menu.myTeam-dropdwn li.myTeam-tab .tablink{
	display: block;
    padding: 5px 0;
    color: rgba(0, 0, 0, 0.7);
    font-weight: bold;
    font-size: 11px;
    background:#f6f6f7;
    line-height:30px;
}

#controls ul.sub-menu.myTeam-dropdwn li.myTeam-tab a.active{	
    border-bottom: 1px solid #0076bf;
    outline: none;
    color: #0076bf;
}

#controls  ul.myTeam-dropdwn li.tab-content{
	clear:both;
	border:none;
	padding:0;
	margin:0;
	width:100%;
	max-height: 500px;
    overflow: auto;
}

#controls ul.sub-menu.myTeam-dropdwn ul.myTeam-data ,
#controls ul.sub-menu.myTeam-dropdwn ul.prof-rel-data{
   margin:0 5px;
}

#controls ul.sub-menu.myTeam-dropdwn ul.myTeam-data li,
#controls ul.sub-menu.myTeam-dropdwn ul.prof-rel-data li{
    width: 100%;
    margin:0;
    box-sizing: border-box;
    padding-left: 10px;
}

/* BRAT-29650 | START */
#controls ul.sub-menu.myTeam-dropdwn ul.myTeam-data .brown-team-image {
	float: left;
	padding-right: 0.8em;
}

#controls ul.sub-menu.myTeam-dropdwn ul.myTeam-data .brown-team-image img {
	width: 45px;
}

#controls ul.sub-menu.myTeam-dropdwn ul.myTeam-data .brown-team-image img.data-uri-orginator {
	border-radius: 60px;	
}
/* BRAT-29650 | END */

#app #exportMultipleChart {
	position:absolute;
	width: 350px;
	min-height: 400px;
	overflow: hidden;
	margin: -10px 15px 20px 0;
	top:-1000px;
}
#app #exportMultipleChart.welcomeFix {
	width:408px;
	margin: 0 0 0 20px;
	min-height: 350px;
}

/** Overriding jQuery dialog styles start */
.ui-dialog.ui-widget, .ui-tabs.ui-widget, .ui-tooltip.ui-widget, .ui-slider.ui-widget {
	font-size: 0.7em;
}
.ui-dialog.baModalDialog {
	padding: 0.2em;
}
/* Resize icon is hidden by default after jQueryUI 1.10 updates.
Below style overrides default style to show resize icon on right-bottom corner. */
.ui-dialog .ui-resizable-se.ui-icon-gripsmall-diagonal-se {
	width: 16px;
	height: 16px;
}
.ui-widget-header {
	color: #222222;
	font-weight: bold;
	border: 1px solid #aaaaaa;
	background: #cccccc url(/brown-web/resources/images/ui-bg_gloss-wave_35_f6a828_500x100.png) 50% 50% repeat-x;
}
.ui-tabs .ui-widget-header {
	border: none;
}
.ui-widget-header .ui-icon, .ui-state-hover .ui-icon,
.ui-state-focus .ui-icon, .ui-button:hover .ui-icon,
.ui-button:focus .ui-icon {
    background-image: url(/brown-web/resources/images/ui-icons_222222_256x240.png);
}
.ui-widget-overlay {
	opacity: 0.8;
	filter: alpha(opacity=80);
	background: #000 50% 50% repeat-x;
}
.ui-dialog-titlebar-close, .ui-state-hover, .ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	border: none;
	outline: none;
	background: none;
}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover,
.ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {
	color: #212121;
	font-weight: normal;
	border: 1px solid #999999;
	background: #dadada 50% 50% repeat-x;
}
.ui-state-hover a, .ui-state-hover a:hover {
	color: #212121;
	text-decoration: none;
}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active {
	color: #212121;
	border: 1px solid #aaaaaa;
	background: #ffffff url(/brown-web/resources/images/ui-bg_glass_65_ffffff_1x400.png) 50% 50% repeat-x;
}
.ui-state-hover .ui-icon, .ui-state-focus .ui-icon, .ui-button:hover .ui-icon, .ui-button:focus .ui-icon {
	background-image: url(/brown-web/resources/images/ui-icons_222222_256x240.png);
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
	color: #363636;
	border: 1px solid #fcefa1;
	background: #fbf9ee 50% 50% repeat-x;
}
.ui-dialog .ui-dialog-content {
	padding: 1em;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
	font-family: Verdana,Arial,sans-serif;
}

/* states and images: datepicker changes after jquery upgrade */
.ui-icon { background-image: url(/brown-web/resources/images/ui-icons_222222_256x240.png); } /*{iconsContent}*/
.ui-widget-content .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_222222_256x240.png); } /*{iconsContent}*/
.ui-widget-header .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_222222_256x240.png); } /*{iconsHeader}*/
.ui-state-default .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_888888_256x240.png); } /*{iconsDefault}*/
.ui-state-active .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_454545_256x240.png); } /*{iconsActive}*/
.ui-state-highlight .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_2e83ff_256x240.png); } /*{iconsHighlight}*/
.ui-state-error .ui-icon, .ui-state-error-text .ui-icon { background-image: url(/brown-web/resources/images/ui-icons_cd0a0a_256x240.png); } /*{iconsError}*/

/* positioning */
.ui-icon-carat-1-s { background-position: -64px 0; }
.ui-icon-triangle-1-s { background-position: -64px -16px; }
.ui-icon-arrow-1-s { background-position: -64px -32px; }
.ui-icon-arrowthick-1-n { background-position: 0 -48px; }
.ui-icon-radio-off { background-position: -96px -144px; }
.ui-icon-radio-on { background-position: -112px -144px; }

/* corner curves */
.ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br {
	-wekbit-border-bottom-right-radius: 4px;
	-khtml-border-bottom-right-radius: 4px;
	-moz-border-radius-bottomright: 4px;
	border-bottom-right-radius: 4px;
}
.ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl {
	-wekbit-border-bottom-left-radius: 4px;
	-khtml-border-bottom-left-radius: 4px;
	-moz-border-radius-bottomleft: 4px;
	border-bottom-left-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr {
	-webkit-border-top-right-radius: 4px;
	-khtml-border-top-right-radius: 4px;
	-moz-border-radius-topright: 4px;
	border-top-right-radius: 4px;
}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl {
	-webkit-border-top-left-radius: 4px;
	-khtml-border-top-left-radius: 4px;
	-moz-border-radius-topleft: 4px;
	border-top-left-radius: 4px;
}

/* BRAT-534557: Transaction comments delete dialog styles */
.cmtDelDialog.ui-dialog {
	width: 30% !important;
	overflow: auto;
	padding: 20px;
	margin: 0 auto;
	border: none;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #fefefe;
	box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
	-moz-box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
}
.cmtDelDialog .ui-widget-header.ui-dialog-titlebar {
	position: absolute;
	top: 2px;
	right: 2px;
	cursor: pointer;
	border: none;
	background: none;
}
.cmtDelDialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close:hover,
.cmtDelDialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close:focus,
.cmtDelDialog .ui-widget-header.ui-dialog-titlebar .ui-dialog-titlebar-close:visited {
	border: none;
	background: none;
}
.cmtDelDialog .ui-dialog-content {
	display: block;
	color: #4d4e4c;
	margin: 0;
	padding: 0;
	font-size: 22px;
	border: none;
	text-align: center;
	font-family: "Benton Sans", arial, helvetica;
}
.cmtDelDialog .ui-dialog-buttonpane {
	margin: 0;
	padding: 0;
	border: none;
	text-align: center;
}
.cmtDelDialog .ui-dialog-buttonpane .ui-dialog-buttonset {
	float: none;
}
.cmtDelDialog .ui-dialog-buttonpane .ui-button {
	min-width: 70px;
	color: #0f3865;
	font-size: 15px;
	padding: 10px 20px;
	margin: 10px 20px 10px 0;
	border: 1px solid #0f3865;
	background-color: #fefefe;
}
.cmtDelDialog .ui-dialog-buttonpane .ui-button:nth-child(2) {
	color: #fff;
	border: none;
	background-color: #0f3865;
}
.cmtDelDialog .ui-dialog-buttonpane .ui-button:focus,
.cmtDelDialog .ui-dialog-buttonpane .ui-button:active,
.cmtDelDialog .ui-dialog-buttonpane .ui-button:visited {
	outline: none;
	color: #0f3865;
	border-color: #0f3865;
	background-color: #fefefe;
}
.cmtDelDialog .ui-dialog-buttonpane .ui-button:nth-child(2):focus,
.cmtDelDialog .ui-dialog-buttonpane .ui-button:nth-child(2):active,
.cmtDelDialog .ui-dialog-buttonpane .ui-button:nth-child(2):visited {
	outline: none;
	color: #fff;
	border: none;
	background-color: #0f3865;
}
.cmt-del-overlay.ui-widget-overlay {
	background-color: rgba(255,255,255,0.5);
}
/** Overriding jQuery dialog styles end */

/** User alert Dialog Css**/
.ui-dialog.userAlertModal .ui-dialog-content {
	font-family: 'Benton Sans', arial, helvetica;
	overflow: auto !important;
	max-height: 500px !important;
}
.ui-dialog .ui-dialog-content .head {
	background-color: #F7F8F8;
	font-size: 17px;
	padding: 13px 14px;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
}
.ui-dialog .ui-dialog-content .content {
	font-size: 13px;
	padding: 0px 14px;
}

/* Dialog: jQuery UI upgrade impact max-height is set to auto by JS */
.ui-dialog.userAlertModal .userDocumentPreferenceModalAlert.ui-dialog-content {
	max-height: 350px !important;
}
.ui-dialog.userPreferenceModal .userDocumentPreferenceModal b {
	display: inline-block;
}
.ui-dialog button.actionButton {
	font-family: 'Benton Sans',arial,helvetica;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 14px;
}

/** BA modal dialog css begins*/
.baModalDialog { position: absolute; padding:2px;overflow: visible !important }
.baModalDialog select{ background: none repeat scroll 0 0 #E2DFDF; border: 1px solid #CBCBCC;font-size: 11px;}
.baModalContent { padding-top:10px;font-family: Arial,Verdana,sans-serif }
.baModalContent .heading { background: url("/brown-web/resources/images/app-heading-border.jpg") repeat-x scroll left bottom;display:block;font-size:12px;font-weight:bold;padding:0 7px 17px 7px }
.baModalDialogInner { padding:0; }
.baModalDialog .baModalDialog-titlebar { position: absolute; top:-14px;right : -7px; z-index : 9999  }
.baModalDialog .ui-corner-all { -webkit-border-radius: 0; -khtml-border-radius: 0; -moz-border-radius: 0; border-radius: 0; border: none; background: none; }
.baModalDialog .ui-widget-header { background : #dbdddf }
.baModalDialog-titlebar .ui-icon { width:31px;cursor:pointer;height:31px;background: url(/brown-web/resources/images/baModalCloseButton.png) no-repeat 0 0 !important; }
.baModalDialog .form, .baModalDialog .row, .baModalDialog .form .label, .baModalDialog .form .value, .baModalDialog label {display:block }
.baModalDialog .form .addressFields .value{display:inline;}
.baModalDialog .row { width:100%;padding: 0;float:left }
.baModalDialog .form { width:95%;padding:7px 21px }
.baModalDialog .row .label, .baModalDialog label { color:#565656; padding:0 0 3px 0 }
.baModalDialog .row .colFull label, .baModalDialog .row .colLeft label, .baModalDialog .row .colRight label { width: 235px; }
.baModalDialog .sectionSeparator { width:100%;border-bottom: 2px dotted #D6D6D6;padding-bottom:8px;float:left }
.baModalDialog .row .colFull { width:100%;float:left }
.baModalDialog .row .value { font-size:14px }
.baModalDialog .row input {
	width: 219px;
    height: 19px;
    background: #f6f6f7;
    border: #cbcbcc 1px solid;
    color: 333333;
    padding: 2px 8px 2px 8px;
    font-size: 11px;
    float: left;
}

.baModalDialog .row .colLeft {
    width: 294px;
    float: left;
}
.baModalDialog .row .colRight {
    width: 285px;
    float: left;
}
.baModalDialog .row input.checkbox { width:auto;height:auto;background:none;border:0;padding:0;margin-right:5px }
.baModalDialog .row .disabledSelect .selectIcon { width:9px;height:5px;background: url(/brown-web/resources/images/selectArrow.jpg) no-repeat 0 0;margin-top:4px;float:right }
.baModalDialog .row .disabledInput.big { width:263px }

.baModalDialog .zipCode { float:left }
.baModalDialog .state .disabledSelect { width:158px }
.baModalDialog .zipCode .disabledInput { width:65px }
.baModalDialog .title { width:100%;display:block;float:left }
.baModalDialog h3 { width:100%;padding-bottom:10px;float:left }
.baModalDialog .title h3, .baModalDialog .rowheading h3, .baModalDialog h3 { color:#003768;font-size:13px;font-weight:bold;margin:0 }
.baModalDialog .title h3, .baModalDialog .rowheading h3 { width:auto;float:left }
.baModalDialog .rowheading { border-bottom: 2px dotted #D6D6D6;padding-bottom:5px;margin-bottom:10px }
.baModalDialog .address { width:100%;padding-top:18px;float:left }
.baModalDialog .addressTypesContainer{max-height: 200px;overflow: auto;width: 100%;}
.baModalDialog .action { width:100%; padding:18px 0 0 0;margin-top:8px;float:left }
.baModalDialog input.activeButton,.baModalDialog a.resetSecurity, .baModalDialog input.disabledButton , button.actionButton{
	width:70px;
	height:27px;
	border:0;
	background: url(/brown-web/resources/images/saveBg.jpg) repeat-x 0 0;
	font-family: 'BentonSansCond', sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color:#ffffff;
	float:left;
	margin-left:198px;
	outline:none;
}
.baModalDialog input.activeButton.cancelButton { margin-left: 20px; }
.baModalDialog a.resetSecurity {
    float: right;
    padding: .3rem .6rem;
    margin-left: 0px;
    width: auto;
    text-decoration: none;
    box-sizing: border-box;
}
.baModalDialog a.resetSecurity:focus {
	outline: rgb(77, 144, 254) auto 5px;
}
.baModalDialog input#updateForm.disabledButton{margin-left:198px;}
.baModalDialog input.disabledButton { background: url(/brown-web/resources/images/cancelBg.jpg) repeat-x 0 0;margin-left:20px }
.baModalDialog span.showHideIcon { width:14px;height:14px;background: url(/brown-web/resources/images/dropDownArrows.jpg) no-repeat 0 0;cursor:pointer;margin:3px 0 0 8px;float:left }
.baModalDialog span.expand { background-position:0 -15px }
.baModalDialog .showHideContent { display:none }

.baModalDialog .ui-dialog-titlebar-close:hover { border:0;background:none }
.baModalDialog h2 { font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 19px;color: #6F6F6F;padding:0 0 10px 0;margin:0 }
.baModalDialog h4 {background: url("/brown-web/resources/images/table-row-collapsed.png") no-repeat scroll right 3px transparent;cursor: pointer;display: inline;font-weight: normal;padding-right: 16px;}
/* .baModalDialog .selectedQ h4{background: url("/brown-web/resources/images/table-row-expanded.png") no-repeat scroll right 3px transparent;} */
.baModalDialog .securityQuestionOuterCon h4{clear:both; font-size:11px;}
.baModalDialog p { padding:0 0 10px 0;margin:0 }
.baModalDialog .threeCols, .baModalDialog  .rowheading { width:100%;float:left; overflow:hidden }
.baModalDialog  .rowheading { font-weight:bold }
.baModalDialog .threeCols .colLeft, .baModalDialog .threeCols .colMiddle, .baModalDialog .threeCols .colRight {width:33%;float:left }
.baModalDialog ul.numberOrderList { list-style:none;padding:0; margin:0;}
.baModalDialog ul.numberOrderList li{margin-bottom:10px;}
.baModalDialog ul.numberOrderList ul{list-style:none; padding:0; margin:0 0 10px 0;border: 1px solid #CCCCCC; height:143px;overflow-y: scroll;}
.baModalDialog ul.numberOrderList ul li{ cursor:pointer;padding-left: 5px;margin:0}
.baModalDialog ul.numberOrderList ul li.selected{background-color:#ccc}
.securityQuestion,.securityQuestionValue { margin-bottom: 10px; width: 450px;}
.baModalDialog .hide { display:none }
.baModalDialog .correct, .baModalDialog .error { width:13px; margin-top:22px; height:13px;background: url(/brown-web/resources/images/dropDownArrows.jpg) no-repeat -19px 0;margin:5px 0 0 10px;float:left }
.baModalDialog .error { background-position:-19px -15px }
.baModalDialog input.invalid { background-color:#f0dddd;color:#ff0000;border:#ff0000 1px solid }
.baModalDialog .phoneTypes .colLeft { width:294px }
.baModalDialog .phoneTypes .colRight { padding-top:10px }
.baModalDialog .phoneTypes input, .baModalDialog .phoneTypes label, .baModalDialog .addressType input, .baModalDialog .addressType label { width:auto;float:left }
.baModalDialog .phoneTypes label { font-style:italic;padding:2px 12px 0 2px }
.baModalDialog .addressType label { padding:2px 20px 0 4px;font-size:12px }
.baModalDialog .addressType { padding-top:5px }
.baModalDialog .errorMsg, .baModalDialog .errorMsg2, .baModalDialog .blankMsg { color:#ff0000;clear:both;display:none;padding-top:5px }
.baModalDialog .myInformationEdited { display:none }
.baModalDialog .showMore { color:#1574aa;font-size:12px;text-decoration:none;font-weight:bold }
.baModalDialog .showMoreAddresses {margin-top:10px;}
.baModalDialog input.cancelButton { margin-left:230px }
 div.divNoData{ font-size: 12px;font-style: normal;font-weight: normal;margin-top: 35%;padding: 0 20px;text-align: center;}
.noData.risk div.divNoData{ font-family: 'BentonSansMedium', arial, helvetica;font-size: 12px;font-style: normal;font-weight: normal;margin-top:0 ;padding:136px 20px 0 20px;text-align: center;background-color:#ccc; height:140px;}
#changeInPortfolio .noData{font-family: 'BentonSansMedium', arial, helvetica;font-size: 12px !important;font-style: normal;font-weight: normal;margin-top:110px;}
button.actionButton{float:none;margin:0 !important}

/* My Profile tab styles */
.baModalTabs {
	width: 100%;
	border-bottom: #bbbbbb 1px solid;
	display: block;
	background: #dbdddf;
	margin: 0;
	text-align: center;
	padding: 10px 5px 0;
	list-style-type: none;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.baModalTabs li {
	width: calc(16.666666% - 1px);
	float: left;
	border-right: #bbbbbb 1px solid;
	margin: 0;
	font-family: 'Benton Sans', arial, helvetica;
	font-style: normal;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	color: #898989;
}
.baModalTabs li:first-child {
	margin: 0;
}
.baModalTabs li:last-child, .baModalTabs li.noBorder {
	border: none;
}
.baModalTabs li a {
	background: url(/brown-web/resources/images/tabDisabled.jpg);
	color: #898989;
	padding: 9px 10px;
	text-decoration: none;
	display: block;
	outline: none;
}
.baModalTabs li a:active, .baModalTabs li a:focus, .baModalTabs li a:hover, .baModalTabs li a:visited {
	outline: none;
}
.baModalTabs li.highlight a {
	background: url(/brown-web/resources/images/tabSelected.jpg);
	color: #ffffff;
}
/* BRAT-36913: My Profile Multi-Factor Authentication tab styles */
.baModalTabs.mfa-enabled-list li {
	width: calc(14.285714% - 1px);
}
.baModalTabs.mfa-k1-disabled-list li  {
	width: calc(20% - 1px);
}
.baModalTabs li.myInformation a, .baModalTabs li.defaultTab a, .baModalTabs li.k1Consent a, .baModalTabs.mfa-k1-disabled-list li a {
	min-height: 35px;
	padding-top: 18px;
	padding-bottom: 1px;
}

/**************************** MY Information Tab Styles ****************************/

.baModalDialog.my-info {
	top: 35px !important;
}
.baModalDialog form[name="myInformationForm"], .baModalDialog form[name="securityQuestionsForm"],
.baModalDialog form[name="updatePasswordForm"], .baModalDialog form[name="changeUsernameForm"],
.baModalDialog form[name="mfaPreferencesForm"], .baModalDialog form[name="updateK1ConsentForm"] {
	width: 612px;
	max-height: auto;
	margin: 0 auto;
	overflow-x: hidden;
}
.baModalDialog form[name="myInformationForm"] .logo .icon {
	width: 25%;
}
.baModalDialog form[name="myInformationForm"] .logo .touchpoint {
	float: right;
	width: 21%;
}
.baModalDialog form[name="myInformationForm"] .primary-info {
	background-color: #F9F6F6;
	border-radius: 5px;
	padding: 10px;
	border: 2px solid #E4E2DF;
	margin-bottom: 10px;
}
.baModalDialog form[name="myInformationForm"] .primary-info .user-image {
	width: 30%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
}
.baModalDialog form[name="myInformationForm"] .primary-info .user-image img {
	border-radius: 70px;
	height: 135px;
	padding: 5px;
}
.baModalDialog form[name="myInformationForm"] .primary-info .user-prim-info {
	width: 69%;
	display: inline-block;
}
.baModalDialog form[name="myInformationForm"] .fa {
	padding-right: 5px;
}
.baModalDialog form[name="myInformationForm"] .fa-map-marker {
	vertical-align: top;
}
.baModalDialog form[name="myInformationForm"] .row .value{
	font-size:12px;
}
.baModalDialog form[name="myInformationForm"] .row, .baModalDialog form[name="myInformationForm"] .label,
.baModalDialog form[name="myInformationForm"] .value, .baModalDialog form[name="myInformationForm"] label {
	display:inline-block;
	float:none;
	font-size:12px;
	padding-bottom:2px;
	color: #003961;
}
.baModalDialog form[name="myInformationForm"] .user-name .value {
	text-transform: uppercase;
	font-size: 20px;
}
.baModalDialog form[name="myInformationForm"] .user-name .first-name, .baModalDialog form[name="myInformationForm"] .user-name .last-name {
	font-weight: bold;
}
.baModalDialog form[name="myInformationForm"] .inform-sal-row .label, .baModalDialog form[name="myInformationForm"] .inform-sal-row .value {
	font-size: 15px;
}
.baModalDialog form[name="myInformationForm"] .row .pri-email {
	font-weight: bold;
}
.baModalDialog form[name="myInformationForm"] .row .pri-add {
	width: 95%;
}
.baModalDialog form[name="myInformationForm"] .inform-sal-row {
	padding-bottom: 10px;
}
.baModalDialog form[name="myInformationForm"] .column {
	width:	46%;
	color: #003961;
	display:inline-block;
	vertical-align: top;
	padding: 5px;
}
.baModalDialog form[name="myInformationForm"] .column .header{
	color: #050505;
	font-size: 17px;
	font-weight: 500;
}
.baModalDialog form[name="myInformationForm"] .column .add-label {
	font-size: 12px;
	font-weight: 600;
	text-transform: uppercase;
}
.baModalDialog form[name="myInformationForm"] .column .address {
	padding-bottom: 5px;
	border-bottom: 2px solid #E9E8E5;
	word-wrap: break-word;
}
.baModalDialog form[name="myInformationForm"] .column .address:last-child {
	border-bottom: none;
}
.baModalDialog form[name="myInformationForm"] .column .phone {
	padding: 18px 0 0;
}
.baModalDialog form[name="myInformationForm"] .column .phone-label, .baModalDialog form[name="myInformationForm"] .column .phone-number {
	display: inline-block;
}
.baModalDialog form[name="myInformationForm"] .column .phone-label {
	width: 30%;
	text-align: right;
}
.baModalDialog form[name="myInformationForm"] .column .phone-number {
	width: 60%;
	padding-left: 20px;
}
.baModalDialog form[name="myInformationForm"] .row .label{
    width: 170px;
    font-weight: bold;
}
.baModalDialog form[name="myInformationForm"] .vertical-border {
	background-image: url("/brown-web/resources/images/app-heading-border-long-vertical.jpg");
	display: inline-block;
	width: 1%;
}
.baModalDialog form[name="myInformationForm"] .footer-message {
	color: #003961;
	padding: 10px 0;
}

.baModalDialog form[name="myInformationForm"] .footer-message a {
	color: #003961;
}

.baModalDialog form[name="myInformationForm"] .tp-button {
	border-top: 2px solid #E9E8E5;
	text-align: center;
}

.baModalDialog form[name="myInformationForm"] .tp-button .continue-to-tp {
	color: white;
	background-color: #003961;
	border: 0;
	padding: 10px;
	margin-top: 10px;
}

.baModalDialog form[name="myInformationForm"] .showMorePhones {
	clear:both;
}

.ajax-loading{
	position: absolute;
    top: 50%;
    left: 50%;
    background: url("/brown-web/resources/images/spinner.gif") no-repeat center;
    z-index: 9999;
    height: 60px;
    width: 60px;
}

/**************************** Reset Password and Change Username Tab Styles ****************************/

.baModalDialog form[name="updatePasswordForm"] .row,
.baModalDialog form[name="changeUsernameForm"] .row {
	margin-top: 10px;
}

/*************************************** Comm pref tab Styles***************************************/
.baModalDialog form[name="communicationPreferencesForm"] select{
	width:150px;
}

.baModalDialog form[name="communicationPreferencesForm"] .colLeft , .baModalDialog form[name="communicationPreferencesForm"] .colMiddle ,
.baModalDialog form[name="communicationPreferencesForm"] .colRight{
	width:185px;
}

.securityQuestionCon{display:none}
form#securityQuestionsForm .securityQuestionCon{display:block;}
.ie7 .securityQuestionCon ul{width:600px;}
.selectedQ .securityQuestionCon{display:block; margin-top:5px;}
.changePassCon,.changeUnameCon{clear: both; overflow: hidden;}
.changePassCon .errorMsg,.setPassword .errorMsg,.changeUnameCon .errorMsg,.changeUnameCon .errorMsg2{padding-right:30px}
.errorMsg, .errorMsg2{color:#ff0000}
.successbox {background-color: #EDFCED;background-image: url("/brown-web/resources/images/ico-validation-sucess.png");color: #4F8A10; display:none}
.successbox, .warningbox, .errormsgbox {background-position: 10px center;background-repeat: no-repeat;border: 2px solid;font-weight: bold;margin: 10px 0;padding: 15px 10px 15px 70px;}
.errormsgbox {background-color: #FDD5CE;background-image: url("/brown-web/resources/images/ico-validation-error.png"); color: #D8000C; display:none}
.TermsNCon{margin-top:10px}
.TermsNCon input{floatL:left}
.TermsNCon label{margin-left:5px;display:inline}
.sectionTnc{clear:both;overflow:hidden}
.firstUserMessage{display:none}
.firstUserMessage h2{margin:0px; padding:0}
.firstUserMessage hr{margin:5px 0}
#fromDateSpan{margin-right:5px;}
#toDateSpan{margin-left:5px;}
.ie7 .statusBtns div{vertical-align:middle;}
.baModalDialog .setPassword input#updateForm{ margin-left: 262px;}
.personalInformation .row{margin-bottom:10px;}
.personalInformation .phoneTypes{
	margin-bottom:0px;
	max-height:85px;
	overflow:auto;
}

.hideComponent{display:none;}
.showMoreAddresses.notVisible { clear: both; }
.baFooterModalDialog{display:none;}
.baFooterModalDialog iframe{display:none}
.baFooterModalDialog .staticPageContent h2{margin:0; padding:0}
.baFooterModalDialog .staticPageContent h3{color:#000;float:left; width:auto}
.baFooterModalDialog .staticPageContent .label{font-weight:bold}
.baFooterModalDialog .staticPageContent .label span{font-weight:normal}
.baFooterModalDialog .staticPageContent .printPage{float:right}
.ie7 .securityQuestionOuterCon .row{clear:both}
.ie7 .baFooterModalDialog {padding-right:0px !important;}
#fWrapper a { color:#fff; text-decoration:none}
.baFooterModalDialog .staticPageContent{max-height:490px; overflow-y: auto;padding-right: 10px;}
.baFooterModalDialog .staticPageContent p{text-align: justify;}

span.messCon1{ background: url("/brown-web/resources/images/ico-mescon.png") no-repeat scroll 0 0 transparent;color: #0076be;display: inline-block;font-family: arial;font-size: 10px;font-weight: 700;padding:4px 0 0; position: absolute;right: 4px; top: 3px;width: 16px; height: 16px; text-align: center; }
span.messCon2 {  background: url("/brown-web/resources/images/ico-mescon.png") no-repeat scroll -18px 0 transparent;color: #0076BE;display: inline-block;font-family: arial;font-size: 10px;font-weight: 700;padding: 5px 0 0; position: absolute;right: 5px;top: 3px;width: 18px; height:18px; text-align: center;}
span.messCon3 {background: url("/brown-web/resources/images/ico-mescon.png") no-repeat scroll -36px 0 transparent;color: #0076be;display: inline-block;font-family: arial;font-size: 10px;font-weight: 700;height: 20px;padding: 5px 0 0px;position: absolute;right: 0px;top: 5px; width: 28px; text-align: center;}
.alignRight{text-align:right}

/* ---- Login Page Styles ---- */
#loginApp figure { margin-bottom: 30px; }
#loginApp {background: none repeat scroll 0 0 #FFFFFF;border: 1px solid #CCCCCC;box-shadow: 1px 1px 3px 2px #CCCCCC;display: block;min-height: 400px;overflow: hidden;position: relative;padding:23px 0 0 33px;}
#loginApp.errorPage { margin: 9px 12px; padding: 23px 33px 0; min-height:auto; }
#loginApp .socialImgContainer { width:130px;margin:25px auto 0; }
#loginApp .formData{width:300px}
#loginApp .formData h1{ float: left;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 23px;font-weight: normal; margin: 0;}
#loginApp .formData h2{ float: left;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 18px;font-weight: normal; margin: 4px 0 0 7px;}
#loginApp .formData h3{ clear:both;font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;font-size: 14px;font-weight: normal;  margin:0;}
#loginApp .formData p{font-size:12px; clear:both; margin:0}
#loginApp .formData hgroup , .dashSeparator{background: url("/brown-web/resources/images/app-heading-border.jpg") repeat-x scroll left bottom transparent;margin-bottom: 10px;overflow: hidden;padding-bottom: 10px;}
#loginApp .formData fieldset{background: url("/brown-web/resources/images/app-heading-border.jpg") repeat-x scroll left bottom transparent;margin-bottom: 10px;overflow: hidden;padding-bottom: 20px;}
#loginApp .formData fieldset ul{padding:0; margin:4px 0 0 0}
#loginApp .formData fieldset ul li{border:none;padding:5px 0 3px;cursor:default}
#loginApp .formData fieldset ul label{clear:both; color:#000;cursor:default}
#loginApp .formData fieldset ul input[type="text"],#loginApp .formData fieldset ul input[type="password"]{clear:both; display:block;background: none repeat scroll 0 0 #F6F6F7;border: 1px solid #CBCBCC;font-size: 11px;height: 19px;padding: 2px 8px;width: 219px;margin-top:3px}
#loginApp .formData fieldset ul input[type="submit"], .buttonClass,.buttonControl{background: url("/brown-web/resources/images/saveBg.jpg") repeat-x scroll 0 0 transparent;border: 0 none;color: #FFFFFF;float: right;font-family: 'Benton Sans', arial, helvetica !important;font-style: normal;font-weight: bold; font-size: 13px !important;height: 27px;text-transform: uppercase; width: 95px;margin-right:64px;}
.buttonControl{width:auto;float: none;padding: 1px 12px;}
#loginApp .formData fieldset .buttonHolder{float:left}
#loginApp .formData fieldset .buttonHolder label{margin-left:5px}
#loginApp .formData .helpContent{margin:10px 0 20px 0}
#loginApp .formData .sampleLogin a{color: #0076BF;}
#loginApp .formData .sampleLogin h3{margin-bottom: 5px;}
#loginApp .formData .sampleLogin{margin:10px 0}
.tourHeading{text-decoration:none;}
#loginApp .formData .helpContent h3{color:#0076bf; font-size:13px; margin-bottom:5px}
#loginApp .formData .helpContent a{color:#0076bf}
#loginApp .videoContainer{padding-top: 36px; width: auto; margin-left:50px;}
#loginfooter{ background-color: #45545F;background-image: none;height: 35px;}
.loginPage header{background: url("/brown-web/resources/images/loginheaderBg.jpg") repeat-x  0 bottom transparent;display:block}
.loginPage #mainWrapper { min-height:430px; }
.cookiePolicy #mainWrapper { min-height:430px; }
.loginPage #mainWrapper.errorPageMain{   background: none repeat scroll 0 0 #FFFFFF; margin-top:0;}
.form-error-field,.logout span{color:#ff0000}
#loginApp .formData fieldset ul select{clear:both; display:block;font-size: 12px;width: 236px;margin-top:3px}
#loginApp .formData.relpage{width:850px;}
#loginApp .formData.relpage ul{margin:0}
#loginApp .formData.relpage .relDiv{margin-top: 10px; position: relative;}
#loginApp .formData.relpage input[type="submit"], #loginApp .formData.relpage input[type="button"].submitButton{margin: 8px 0 0 0; }
#baSecQuesModalDialogInner input[type="submit"]{margin-left:0}
.sNaPage h2{padding:0  }
.sNaPage hr{margin:5px 0 5px 0  }
.sNaPage .footnote{clear: both;padding-top: 15px;}
.sNaPage .action{margin-top:30px; padding-top:10px;clear:both;}
.ie7 .sNaPage .action{width:470px}
.sNaPage input[type="password"] {
    background: none repeat scroll 0 0 #F6F6F7;
    border: 1px solid #CBCBCC;
    float: left;
    font-size: 11px;
    height: 19px;
    padding: 2px 8px;
    width: 219px;
}
#loginApp input.disabledButton, .buttonControl.disabledButton { background: url(/brown-web/resources/images/cancelBg.jpg) repeat-x 0 0 !important;float: right;height: 27px }
.security-question-container label{clear:both}
.textCenter{text-align:center !important}
.divTableWithFloatingHeader #portfolio-data{width:100%}
#changeInPortfolio .divTableWithFloatingHeader #portfolio-data {
	width: auto;
	margin: auto;
}
.HoldingIntrestSpan {color: #666666;cursor: default;display: block;}
.individual { border-top: 2px solid #E2E2E2; }

.staticPageContent h2{ color: #6F6F6F;font-family: "Palatino Linotype","Book Antiqua",Palatino,serif;font-size: 19px;margin-bottom:15px;}
.staticPageContent #faq h2{float:left}
.staticPageContent #faq h3{float:none;font-size:12px; cursor:pointer;font-family:sans-serif; padding:0 0 2px 19px;background: url("/brown-web/resources/images/faq-icons.png") no-repeat scroll 0 -16px transparent}
.staticPageContent #faq h3.expended{background: url("/brown-web/resources/images/faq-icons.png") no-repeat scroll 0 2px transparent;}
.staticPageContent #faq aside{float:right;color: #0068A8;cursor: pointer; font-family: arial,helvetica,sans-serif; font-size: 11px; font-weight: bold; text-decoration: none;}
.staticPageContent #faq div{clear:both}
.staticPageContent #faq p{clear: both;display:block;font-family:sans-serif;padding-left:19px;}
.staticPageContent #faq a {
    color: #0076BF;
    font-size: 12px;
    font-weight: normal;
    /*text-decoration: none;*/
}

.staticPageContent{font-size:12px}

.staticPageContent .privacyPolicy h3,.staticPageContent .termsAndCond h3{
 	float: none;
    font-family: sans-serif;
    font-size: 12px;
    padding: 0 0 2px 19px;
}
.staticPageContent .privacyPolicy p,.staticPageContent .termsAndCond p{clear: both;display: block;font-family: sans-serif;padding-left: 19px;}

.toolTipJquery {
	display:none;
}

.childtoolTipJquery {
	margin: 0;
	padding: 0 0 0 20px;
}
/*  .ie7 #app table tbody td {
	position:relative;
}
.ie7 .tableFloatingHeader1{
	z-index:1;
} */

/* ---- Asset Tab Styles ---- */
.assetButton{
	margin: 0px;
	float: none;
	font-family: arial, helvetica, sans-serif !important;
    font-weight: normal;
}
.assetButtonDiv{
	text-align: center;
	padding-top:30px;
}
.assetNotediv{
	position:static !important;
	margin-top:20px;
}
.inceptionDate{
	margin-left:25px;
}
.sliderContainer{
	margin: 10px 30px 0;
}
.selectedRangeText{
	font-size: 12px;
	margin-bottom:10px;
}
.sliderLabelsContainer{
	margin-top: 5px;
	font-size: 12px;
}
.sliderLeftLabel{
	float: left;
	width: 14%;
}
.sliderMiddleLabel{
	float: left;
	width: 24%;
	text-align: center;
}
.sliderRightLabel{
	width: 14%;
	float: right;
	text-align: right;
}

.sliderLabelThreeInterval{
	width: 33%;
}
/* Custom UI slider classes
Added #app as in Dev env after minimy the jquery UI css classes comes in end*/
#app .ui-slider{
	height: .6em;
}
#app .ui-slider-range{
	background: none repeat scroll 0 0 #E4E4E4 ;
}
#app .ui-slider .ui-slider-handle{
	top: -0.35em !important ;
	background: none repeat scroll 0 0 #f56945;
	border: 1px solid #DD2E01;
	outline: medium none;
}

/*.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
 border:0px;
}*/

/* =============================================================================
   Print Styles
   ========================================================================== */
@media print {
	* {
		background: transparent !important;
		color: black !important;
		box-shadow: none !important;
		text-shadow: none !important;
		filter: none !important;
		-ms-filter: none !important;
	} /* Black prints faster: h5bp.com/s */
	a,a:visited {
		text-decoration: underline;
	}
	a[href]:after {
		content: " (" attr(href) ")";
	}
	abbr[title]:after {
		content: " (" attr(title) ")";
	}
	.ir a:after,a[href^="javascript:"]:after,a[href^="#"]:after {
		content: "";
	} /* Don't show links for images, or javascript/internal links */
	pre,blockquote {
		border: 1px solid #999;
		page-break-inside: avoid;
	}
	thead {
		display: table-header-group;
	} /* h5bp.com/t */
	tr,img {
		page-break-inside: avoid;
	}
	img {
		max-width: 100% !important;
	}
	@page {
		margin: 0.5cm;
	}
	p,h2,h3 {
		orphans: 3;
		widows: 3;
	}
	h2,h3 {
		page-break-after: avoid;
	}
}

.allReportMessage{
     width:auto;
     color:#ff0000;
     font-size: 0.8em;
}

#headerMessage label {cursor:default;}

#chart_note_avt_div {
	color: #6F6F6F;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    position: absolute;
    top: 370px;
    z-index: 99;
    text-align: left;
    left: 0;
}

#chart_note_welcome_div, .holdingsNote {
	float: right;
	margin: 20px 20px 0 0;
	width: 408px;
    font-family: arial,helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    color: #6F6F6F;
    text-align: center;
}

.fixedIncomeNote{
	margin:20px 0 0 0;
	text-align:left;
	width:290px;
	font-weight: bold;
}
.table_date{
	text-align:center;
	width:10%;
}
.table_quantity{width:8%;}
.table_trade{width:11%;}
.table_security{width:250px;}
.table_sector{width:163px  !important;}

/*attribute_data*/
#app #attribution-tabs tr.clearbackground{background:none;}
.gaptop{padding-top:20px; color:#000;}
#attribution-tabs{padding:10px; border:0 !important;}
#app #attribution-tabs th{font-size:11px ;}
#app #attribution-tabs th.gap{padding:0 10px !important;}
#app #attribution-tabs td{text-align:center;}
#app #attribution-tabs th.borderbottom_style{border-right:1px solid #999;}
#app #attribution-tabs th.leftborderbottom_style{border-left:1px solid #999 !important;}
#attribution-tabs.ui-tabs .ui-tabs-nav {padding:0 !important;}
/* jQuery UI upgrade impact */
#attribution-tabs.ui-tabs .ui-tabs-nav li.ui-tabs-active { padding: 0; }
#attribution-tabs.ui-tabs .ui-tabs-panel{ padding:0 !important;margin-top:0px;}
#app #attribution-tabs th.aligncenter{text-align:center;}
#attribution-tabs .ui-widget-header{ background:none;}
#attribution-tabs .ui-state-active a,#attribution-tabs  .ui-state-active a:link,#attribution-tabs  .ui-state-active a:visited{ color:#003768; background:#fff;font-family:arial, helvetica, sans-serif; font-weight:bold; border:#f58400 1px solid;}
#attribution-tabs .ui-state-default,#attribution-tabs  .ui-widget-content .ui-state-default,#attribution-tabs  .ui-widget-header .ui-state-default{background:#e8eff5;font-family:arial, helvetica, sans-serif; font-weight:bold; border-radius:0;margin:0; border:1px solid #ccc !important;border-left:0 !important;}
#attribution-tabs .ui-state-default:first-child{border-left:1px solid #ccc !important;}
#attribution-tabs .ui-state-default a:focus{border:0 !important;}
#attribution-tabs .ui-state-default:hover{ background:#CFDCE8;}
#attribution-tabs.ui-state-default a,#attribution-tabs  .ui-state-default a:link,#attribution-tabs  .ui-state-default a:visited{ color:#003768; border:0;font-family:arial, helvetica, sans-serif; font-weight:bold; width:95px; text-align:center;}
/* datepicker changes after jquery upgrade */
#attribution-tabs .ui-state-active, #attribution-tabs .ui-widget-content .ui-state-active, #attribution-tabs .ui-widget-header .ui-state-active {border:0;font-family:arial, helvetica, sans-serif; font-weight:bold;}
#attribution-tabs table tr.blue_background th{ background:#ccc; padding:10px 3px !important; color:#000; text-align:center !important;}
#app .sliderControl.institutionalControls .cSwitch.center{background-position: 23px 35px;width: 67px;}
#app .sliderControl.institutionalControls .cSwitch.right{background-position: 73px 35px;width: 147px;}
#app .sliderControl.institutionalControls{width:360px;}
.disable_attributiondata{display:none;}
#app #attribution-tabs td:first-child{text-align:left;}

/* Login page image background style for i8 +  */
/* body.loginBackgroundImg{
     background: url("/brown-web/resources/images/loginFullBackground.jpg") no-repeat  ;
	 background-size: cover  ;
	 background-attachment : fixed  ;
} */
/* End login page image background style for i8 +  */

/* Private Equity Table */
#app .pe-table.reduced-font {
    width: 100%;
    min-width: 100%;
}

#app .pe-table thead th figure {
	bottom: 7px;
	margin: 0 50%;
	top: 50px ;
}

#app .pe-table thead th:first-child figure {
	left: 87px;
	margin: 0;
	top: 29px;
}

#app .pe-table th.header {
	padding-bottom: 13px ;
}

/* BRAT-35343: Ellipsis when text overflows column width for iPad safari */
#app .pe-table.reduced-font thead th,
#app .pe-table.reduced-font tbody td,
#app .pe-table.reduced-font tfoot td {
	overflow: hidden;
	text-overflow: ellipsis;
}

#app .pe-table.reduced-font thead .tableFloatingHeaderOriginal1 th:first-child,
#app .pe-table.reduced-font tbody td:first-child,
#app .pe-table.reduced-font tfoot td:first-child {
	width: 100px !important;
}

#app .pe-table.reduced-font thead .tableFloatingHeaderOriginal1 th:last-child,
#app .pe-table.reduced-font tbody td:last-child,
#app .pe-table.reduced-font tfoot td:last-child,
#app .pe-table.reduced-font thead .tableFloatingHeaderOriginal1 th:nth-last-child(2),
#app .pe-table.reduced-font tbody td:nth-last-child(2),
#app .pe-table.reduced-font tfoot td:nth-last-child(2) {
	width: 52px !important;
}

.deleteIcon {
	cursor: pointer;
}

/* Account table hide extra text */
#accounts-data {
	width: 100%;
}

#app .table-header-left table.accounts-data-outer td div,
#app .table-header-right table.accounts-data-outer td div,
#app #accounts-data tr td div {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
    line-height: 36px;
}

/************* PDF Viewer *****************/
/* .pdfEmbedPopup {
  position: fixed;
  display: block;
  width: 83%;
  height: 85%;
  z-index: 999999;
  top: 5%;
  left: 8.5%;
  background:#ccc;
} */

.pdfEmbedPopup {
	position: fixed;
	display: block;
	width: 100%;
	height: 98%;
	z-index: 999999;
	top: 0;
	left: 0;
	background: #ccc;
}

.closePdfPupup {
  background: url("/brown-web/resources/images/popup_close.png") no-repeat;
  height: 16px;
  width: 16px;
  display: block;
  padding: 4px;
  cursor: pointer;
  font-weight: bold;
  text-align: center;
  vertical-align: middle;
  z-index: 999;
  font-size: 0px;
  float: right;
  margin-top: 18px;
  margin-right: 10px;
}

.showPdfPopup {
	width:100%;
	height:90%;
	background: #dcdcdc;
}

.popupHeader {
  background: #455360;
}

.file-name {
  padding: 10px;
  background: #dcdcdc;
  color: #627381;
  border-bottom: 2px solid #fff;
  font-size: 13px;
  font-weight: bold;
  padding-left: 47px;
}

.overlay {
  position: fixed;
  width: 100%;
  height: 100%;
   background: url("/brown-web/resources/images/overlay_bg.png") repeat;
  display: block;
  z-index: 99999;
  top: 0;
  left: 0;
  opacity: .7;
}

.pdfContener {
	height: 561.75px;
	height: calc(100% - 63px);
	width:100%;
	overflow-x:hidden;
	overflow-y:auto;
	-webkit-overflow-scrolling: touch;
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)  {
	/* STYLES GO HERE */
	.pdfEmbedPopup{
	 	position: absolute;
		height: calc(100% - 10em);
		width: calc(100% - 18em);
		 overflow:hidden;
		/* -webkit-overflow-scrolling: touch; */
	}
	.showPdfPopup{
		height:5000px;
		width:80%;
		padding:0px;
		display:block;
		float:right;
		padding-left:20%;
	
	}
	.pdfContener{
		height: calc(100% - 126px);
		width:100%;
		overflow-x:hidden;
		overflow-y:auto;
		-webkit-overflow-scrolling: touch;
	}
	
	.overlay {
	  position: fixed;
	  width: 100%;
	  height: calc(100%);
	   background: url("/brown-web/resources/images/overlay_bg.png") repeat;
	  display: block;
	  z-index: 99999;
	  top: 0;
	  left: 0;
	  opacity: .7;
	  pointer-events:fill;
	}
}

@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation : portrait) {
	.showPdfPopup {
		width:91%;
		padding-left:9%;
	}
	.pdfEmbedPopup {
		width: calc(100% - 14em);
	}
}

/* Style for popup Buttons */
.deleteConfirmationDialog button {
  background: url("/brown-web/resources/images/saveBg.jpg") repeat-x scroll 0 0 transparent !important;
  border: 0 none !important;
  color: #FFFFFF !important;
  font-family: 'BentonSansCond', sans-serif !important;
  font-style: normal;
  font-weight: bold;
  font-size: 13px !important;
  height: 27px;
  text-transform: uppercase;
  width: auto;
  padding: 1px 12px;
}
.radio-center, .radio-risk-liquidity {
  text-align: center;
  font-size: 12px;
  font-weight: bold;
}

span.radio-center span {
  vertical-align: top;
  margin: 7px;
  color: #6F6F6F;
}

.buttonControl.searchDocuments{
	background:#67a262 url("/brown-web/resources/images/search_button.jpg") top left  repeat-x ;
}

.cdk-page #performance-data thead th{
	width: 105px !important;
}

.performance-data-wrapper .bgColorGrey td{
	height: 20px;
	padding: 0px;
}
.performance-summary-page thead th{
	  padding: 3px !important;
}
#app #performance-data.performance-summary-page thead th:first-child{
	width:29%;
}
#app #performance-data.performance-summary-page tbody td:first-child{
	text-align:left;
}
#app table.performance-data-cdk  tbody td {
	text-align: right;
}
#app table.performance-data-cdk  tbody tr.parent td {
	padding: 6px 4px 9px 4px !important;
}

.ie9 #app table.accounts-data-outer thead th , .ie9 .accounts-data-outer thead th{
	padding-top:3px;
	padding-bottom:3px;
}

#app .performance-contribution-page table.tableLayout tr> td:first-child{
	cursor: auto;
}

.performance-calendar-year thead th{
	height:auto !important;
	padding: 3px 8px 3px !important;
}

.performance-calendar-year thead th:first-child{
	width:32% !important;
}

#app .pe-table tbody tr.head2 td:first-child {
	padding-left: 30px !important;
}

#app .pe-table tbody tr.head1 td {
	font-family: arial, helvetica, sans-serif;
 	font-style: normal;
 	font-weight: bold;
 	padding-left: 10px;
 	color: #000;
}

/* BRAT-510942: Class added to handle Realized Investment & Grand Total section in PE reports table */
#app .pe-table tbody tr.head1,
#app .pe-table tbody tr.psuedo-tfoot {
	background-color: #E3E8EC;
	border-bottom: 2px solid #fff;
}
 
#app .pe-table tbody td:first-child img {
	margin-left: 10px;
}
 
#app .pe-table tbody tr.head2 {
	background: #fff !important;
}

#app .pe-table tbody tr.head2.groupedAlternateRow {
	background: #EFF4F8 !important;
}

.tableFloatingHeader1{
	z-index:1 !important;
}

.tableFloatingHeaderOriginal1{
	z-index:0 !important;
}

/* Style for Fixed Income Reports Section*/
.fixedIncomeBondCharactersticsText > p {
	font-family: arial, helvetica, sans-serif;
	font-size: 11px;
	float: left;
	font-weight: bold;
	margin-bottom: 24px;
	color: #666;
	font-weight: bold;
}
.fixedIncomeNote {
	width:100%;
	margin-top:10px;
	margin-bottom: 25px;
}
.fixedIncomeDownload-table-div {
	margin-top: 48px;
	margin-bottom: 20px;
	width:100%;
}
.ukUserName {
	margin: 0px !important;
}

/* End Fixed Income Reports Section */

/*Style for New Doc Alert Css Start here */
@-webkit-keyframes rotateIcon {
    0%   {-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}
    89%  {-ms-transform: rotate(0deg); /* IE 9 */
    -webkit-transform: rotate(0deg); /* Chrome, Safari, Opera */
    transform: rotate(0deg);}
    90%  {-ms-transform: rotate(-20deg); /* IE 9 */
    -webkit-transform: rotate(-20deg); /* Chrome, Safari, Opera */
    transform: rotate(-20deg);}
    100% {ms-transform: rotate(20deg); /* IE 9 */
    -webkit-transform: rotate(20deg); /* Chrome, Safari, Opera */
    transform: rotate(20deg);}
}
* {
	border-collapse: collapse;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
.hide {
	display: none;
}
.show {
	display: block;
}
.notification {
	background-color: #f6f6f6;
	padding: 10px 20px;
	animation: anim 2s linear infinite;
}
/*@keyframes anim{
	0% {background-color:rgba(227,232,236,1);}
	25% {background-color:rgba(227,232,236,0.85);}
	50% {background-color:rgba(227,232,236,0.7);}
	75% {background-color:rgba(227,232,236,0.85);}
}*/
.doc-alert {
    width: 97.5%;
    margin: 0px;
    background-color: #f6f6f6;
    padding: 11px 9px 5px 10px;
}
.document-alert-area{
	margin:20px 0px;
	    font-family: arial, helvetica, sans-serif;
}
.text-container {
    width: 95%;
    display: inline-block;
    font-weight: bold;
}
.text-container a {
	color: #0f71ad;
	text-decoration: none;
}
.icons {
	width: 20px;
	height: 20px;
	display: inline-block;
	text-align: center;
	cursor: pointer;
	float: right;
	margin-top: 2px;
}
.doc-table-wrapper{
	/*display:none;*/
	width: 968px;
	margin: 0 20px 0 20px;
}
.doc-table-head {
    width: 100%;
    border: 0;
}
.doc-table {
    border-left: 1px solid #d6d6d6;
    border-right: 1px solid #d6d6d6;
    border-top: 0;
}
.doc-table thead tr{
	background-color: #8f989f;
	color: #fff;
}
.doc-table th {
	text-align: left!important;
	padding-left: 20px!important;
}
.doc-table th:first-child {
	width: 48%!important;
}
.doc-table tr {
	height: 30px;
}
.doc-table td {
	padding-left: 20px;
}

#app table.doc-table tbody tr:last-child td{
	border-bottom:0px;
}
/* .doc-table tbody tr:nth-child(even) {
	background-color: #e3e8ec;
} */
.alert-icon {
	width: 25px;
	height: 25px;
	background: url(/brown-web/resources/images/notification-icon.png) no-repeat center left;
	/* Rotate div */
	-webkit-animation: rotateIcon 2s infinite; /* Chrome, Safari, Opera */
	-ms-animation: rotateIcon 2s infinite;
	-o-animation: rotateIcon 2s infinite;
	animation: rotateIcon 2s infinite;
}
.doc-alert.blink{
	/* Rotate div */
	-webkit-animation: colorFade 5s infinite; /* Chrome, Safari, Opera */
	-ms-animation: colorFade 5s infinite;
	-o-animation: colorFade 5s infinite;
	animation: colorFade 5s infinite;
}
@keyframes colorFade{
	1% { background:#f6f6f6; }
	30% { background:#e5e4e4; }
	60% { background:#f6f6f6; }
	90% { background:#e5e4e4; }
}

.classDownArrow{
	background: url(/brown-web/resources/images/down-arrow-circle-th.png) no-repeat center left;
}
.classUpArrow{
	background: url(/brown-web/resources/images/up-arrow-circle-th.png) no-repeat center left;
}

.docAlertTitle{width: 11px;height:10px;float: left;}
.docAlertTitleText{ float: left;margin-left: 5px;line-height: 11px;font-weight:bold;}
.docAlertTitleText a{
	font-family: arial, helvetica, sans-serif;
	color:#0f71ad;
	text-decoration:none;
}
span.float-left.notice-code {
    font-size: 0.9em;
    margin-left: 10px;
    padding-top: 2px;
}
span.float-right.show-doc-link {
    font-size: 0.9em;
    margin-top: 2px;
}
#app table tbody td.docAlertTypeColor{width:1%;padding:0;margin:0;}
.doc-table-scroll{
	max-height:165px;
	overflow-y:auto;
}
#app table.doc-table tbody td{
	border-left:none;
}
th.doc-title-th span{
    padding-left: 17px;
}
.secured-document-icon{
	padding: 0 0 3px 6px;
}
#app table thead th.doc-type-th {
    text-align: left;
    width: 29%;
}
.document-title-link{ width:51.3%;}

.docAlertTitleText a, .document-type-text div{
	display:block;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
.docAlertTitleText a{width: 379px;}
.document-type-text div{width: 330px;}
/*End Style for New Doc Alert Css Start here */

/*Progress meter*/
.progress-meter {
  padding: 0;
}

ol.progress-meter {
  padding-bottom: 9.5px;
  list-style-type: none;
  text-align: center;
  margin:1em -4em;
}
ol.progress-meter li {
  display: inline-block;
  text-align: center;
  text-indent: -19px;
  height: 36px;
  width: 20%;
  font-size: 12px;
  font-weight:bold;
  border-bottom-width: 4px;
  border-bottom-style: solid;
}
ol.progress-meter li:before {
  position: relative;
  float: left;
  text-indent: 0;
  left: -webkit-calc(50% - 9.5px);
  left: -moz-calc(50% - 9.5px);
  left: -ms-calc(50% - 9.5px);
  left: -o-calc(50% - 9.5px);
  left: calc(50% - 9.5px);
}

ol.progress-meter li.new:before {
  content: "\25BC";
  height: 30px;
  width: 30px;
  line-height: 32px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
   color: white;
  background-color: gold;
}
ol.progress-meter li.new {
	font-size: 12px;
  color: black;
  border-bottom-color: gold;
}

ol.progress-meter li.claimed:before {
  content: "\25B2";
  height: 30px;
  width: 30px;
  line-height: 28px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
   color: white;
  background-color: #0076be;
}
ol.progress-meter li.claimed {
	white-space: nowrap;
	font-size: 12px;
  color: black;
  border-bottom-color: #0076be;
}
ol.progress-meter li.claimed .username{
  font-weight:normal;
}

ol.progress-meter li.approved:before {
  content: "\2713";
  height: 30px;
  width: 30px;
  line-height: 28px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
   color: white;
  background-color: yellowgreen;
}
ol.progress-meter li.approved {
	white-space: nowrap;
	font-size: 12px;
  color: black;
  border-bottom-color: yellowgreen;
}

ol.progress-meter li.approved .username{
  font-weight:normal;
}

ol.progress-meter li.rejected:before {
  content: "\2717";
  height: 30px;
  width: 30px;
  line-height: 28px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
   color: white;
  background-color: #B5121B;
}
ol.progress-meter li.rejected {
	white-space: nowrap;
	font-size: 12px;
  color: black;
  border-bottom-color: #B5121B;
}
ol.progress-meter li.rejected .username{
  font-weight:normal;
}

ol.progress-meter li.pending:before {
  color: silver;
  height: 30px;
  width: 30px;
  line-height: 28px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
}
ol.progress-meter li.pending {
  color: silver;
  border-bottom-color: silver;
  font-size: 12px;
}


ol.progress-meter li.cancelled:before {
  content: "\25A0";
  height: 30px;
  width: 30px;
  line-height: 28px;
  bottom: -24px;
  border: none;
  border-radius: 19px;
  font-size: 15px;
   color: white;
  background-color: red;
}
ol.progress-meter li.cancelled {
	white-space: nowrap;
	font-size: 12px;
  color: black;
  border-bottom-color: red;
}

/* CIP Chart css */
.cip_chart_div .highcharts-tooltip span {
    background: url("/brown-web/resources/images/cip_tooltip_bg_new.png") repeat scroll 0 0;
    width:195px;
    padding:3px;

}
.cipEndingContainer{
	height:50px;
	padding-bottom:10px;
}
/*  End CIP Chart css*/


/*RGL */
.adjustColumnWidthOfRGL{
	width:10%;
}
.addEmptyCoulmnRgl{
	width:80px!important;
}
/*End RGL */

/*Asset Allocation */
.assetAllocationElips {
    float:left;
    margin-left: 5px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 85% !important;
    color: #0076bf!important;
}
/*End Asset Allocation */

/* Pledge Report CSS */
#app .pledge-report-table-wrapper {
	width: 100%;
	overflow: auto;
}
#app #transactionPledgeReport-data thead tr th {
	text-transform: capitalize;
	text-align: center;
	font-size: 9px;
	vertical-align: bottom;
	padding-bottom: 4px !important;
}
#app #transactionPledgeReport-data thead tr th:first-child {
	width: 15%;
	padding-left: 3px;
	text-align: left;
}
#app #transactionPledgeReport-data thead tr th.original-pledge {
	width: 8%;
}
#app #transactionPledgeReport-data thead tr th.payment-frequency {
	width: 9%;
}
#app #transactionPledgeReport-data thead tr th.anual-contribution {
	width: 9%;
}
#app #transactionPledgeReport-data thead tr th.balance-on-pledge {
	width: 7%;
}
#app #transactionPledgeReport-data thead tr th.due-year-gt5 {
	width: 8%;
}
#app #transactionPledgeReport-data thead tr th.due-by-year-end {
	width: 38%;
}

#app #transactionPledgeReport-data tbody tr td {
	text-align: center;
}
#app #transactionPledgeReport-data tbody tr td:first-child {
	text-align: left;
}
#app #transactionPledgeReport-data .due-by-year-list span {
	display: inline-block;
	padding: 0px 5px;
	width: 50px;
	text-align: center;
}
#app #transactionPledgeReport-data .tbody-col,
#app #transactionPledgeReport-data .pledge-name-text,
#app #transactionPledgeReport-data .pledge-dec-text {
	color: #666;
}
#app #transactionPledgeReport-data .pledge-dec-text {
	font-size: 0.8em;
}
#app #transactionPledgeReport-data .tbody-col {
	font-size: 9px !important;
}
#app #transactionPledgeReport-data .tbody-col:last-child {
	text-align: right;
	padding: 10px 9px !important;
}

#app #transactionPledgeReport-data tfoot td {
	text-align:center;
}
#app #transactionPledgeReport-data tfoot td:first-child {
	text-align:left;
}

#app #transactionPledgeReport-data tfoot .tbody-col {
	padding:7px 2px !important;
	border:none;
	background:#fff;
	font-size:9px !important;
}
/* Pledge Report CSS ends */

/* Multicurrency report CSS begins */
#app #holdings-data.multicurrency-table thead th.align-right {
	text-align: right;
}

#app #holdings-data.multicurrency-table thead th.currency {
	display: table-cell !important;
}

#app #holdings-data.multicurrency-table thead th.security,
#app #holdings-data.multicurrency-table thead th.quantity {
	width: 13% !important;
}

#app #holdings-data.multicurrency-table thead th.currency,
#app #holdings-data.multicurrency-table thead th:nth-child(4),
#app #holdings-data.multicurrency-table thead th:nth-child(8),
#app #holdings-data.multicurrency-table thead th:nth-child(11) {
	width: 4% !important;
}

#app #holdings-data.multicurrency-table thead th:nth-child(5),
#app #holdings-data.multicurrency-table thead th:nth-child(6),
#app #holdings-data.multicurrency-table thead th:nth-child(7) {
	width: 12% !important;
}

#app #holdings-data.multicurrency-table thead th:nth-child(9),
#app #holdings-data.multicurrency-table thead th:nth-child(10) {
	width: 11% !important;
}

#app #holdings-data.multicurrency-table tbody tr td:nth-child(2) {
    cursor: pointer;
}

#app #holdings-data.multicurrency-table tbody tr.head1 td:nth-child(2) {
	padding-left: 7px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head2 td:nth-child(2) {
    padding-left: 20px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head3 td:nth-child(2) {
    padding-left: 30px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head4 td:nth-child(2) {
    padding-left: 40px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head5 td:nth-child(2) {
    color: #0076BF;
    padding-left: 50px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head5 td:first-child {
	color: #666;
	cursor: default;
	padding-left: 5px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head5 td:nth-child(2) img {
    display: none;
}

#app #holdings-data.multicurrency-table tbody tr.head5 td.noQuantity {
	padding-left: 55px !important;
}

#app #holdings-data.multicurrency-table tbody tr.head5 td.withQuantity {
	padding-left: 5px !important;
}

#app #holdings-data.multicurrency-table tbody td:first-child img {
    margin-left: 0px;
}

#app #holdings-data tbody tr.head5 td {
    padding-right: 3px !important;
}

.pricedate {
	font-size: 12px;
}

#app #holdings-data tbody tr.head5 td.price-td {
	height: 45px;
}

#app #holdings-data tbody tr.head5 td span.price-as-of-date {
    position: absolute;
    font-size: 11px;
    top: 15px;
    right: 0;
}

#app #holdings-data tbody tr.head5 td span.asofdate-vcenter {
	position: static;
}

#app #holdings-data tbody tr.head5 td div.price-as-of-date-wrapper {
	position: relative;
}

#app #holdings-data tbody tr.head2 td,
#app #holdings-data tbody tr.head3 td,
#app #holdings-data tbody tr.head4 td {
	color:#000;
	font-weight:bold;
}
#app #holdings-data tbody tr.head4,
#app #holdings-data tbody tr.head2 td {
	background:#fff;
}

.secondary-header {
	display: table;
	width: 100%;
	color: #fff;
	margin-bottom: 2px;
    font-size: 11px;
    font-weight: bold;
    font-family: arial, helvetica, sans-serif;
}
.sub-header {
	display: table-cell;
	padding: 10px;
	text-align: center;
	background-color: #455560;
}
.secondary-header .sub-header-blank {
	width: 26%;
	display: table-cell;
}
.secondary-header .sub-header:first-child {
	width: 20%;
}
.secondary-header .sub-header:last-child {
	width: 54%;
	border-left: 2px solid #FFF;
}
/* Multicurrency report CSS ends */

/* Cash Ledger report css begins */
#app #cashLedgerReportData.noData {
	text-align: center;
}
#app #cashLedgerReportData thead th.col-type {
	width: 16%;
}
#app #cashLedgerReportData thead th.col-desc {
	width: 20%;
}
#app #cashLedgerReportData thead th.col-desc-wide {
	width: 35%;
}
#app #cashLedgerReportData thead th.span-to-6 {
	display: none;
}
#app #cashLedgerReportData thead th.col-account {
	width: 15%;
}
#app #cashLedgerReportData thead th.col-date {
	width: 8%;
}
#app #cashLedgerReportData thead th.col-money {
	width: 13.25%;
}
#app #cashLedgerReportData thead th.col-total {
	width: 14.5%;
}
#app #cashLedgerReportData thead tr.head1,
#app #cashLedgerReportData thead tr.head2 {
	cursor: pointer;
}
#app #cashLedgerReportData .head2 td:first-child {
	font-weight: bold;
	color: #000;
}
#app #cashLedgerReportData tbody td:first-child img {
	margin-left: 5px;
}
#app #cashLedgerReportData tbody tr.head1 {
	background: #e3e8ec;
}
#app #cashLedgerReportData tbody tr.head2 td:first-child {
	padding-left: 12px !important;
}
#app #cashLedgerReportData tbody tr.head3 td:first-child {
	padding-left: 20px !important;
}
#app #cashLedgerReportData tr.head4 td {
	background-color: #CADDEE;
}
#app #cashLedgerReportData tr.head4 td:first-child {
	font-weight: bold;
	padding-left: 12px !important;
}
#app #cashLedgerReportData tr.head4 td.col-money-total {
	font-weight: bold;
}
#app #cashLedgerReportData > tbody > tr.cmt-row > td {
	width: 100%;
	padding-left: 40px !important;
	color: #666;
}
#app #cashLedgerReportData > tbody > tr > td > .cmt-wrapper > i {
    display: block;
    word-wrap: break-word;
}
/*Cash ledger report css ends*/

/** BRAT-35339: Tab menu made responsive */
#app nav ul.full-width {
	width: auto;
}

#contentWrapper.full-width {
	width: 100%;
}

.hidden {
	display: none;
}

/* Welcome page redesign CSS */
.welcome-page {
	width: 104.2%;
	margin: -20px -20px 0px -20px;
	padding: 20px;
	font-family: arial, helvetica, sans-serif;
	-webkit-box-sizing: box-border;
	-moz-box-sizing: box-border;
	box-sizing: border-box;
}
.welcome-page-divider {
	background: url("/brown-web/resources/images/pattern-data-crousel.png") repeat-x top left;
	background-size: .8%;
	height: 16px;
	margin: 0px -20px;
}

/* Start | BRAT-19464: Styles for banner container on My documents & Upload documents tab */
.banner-container {
	position: relative;
	width: 100%;
	padding: 13px 20px 10px 20px;
	font-size: 0.66rem;
	-webkit-box-sizing: box-border;
	-moz-box-sizing: box-border;
	box-sizing: border-box;
	border-bottom: 1px solid #b4b4b4;
}
.banner-container.doc-banner {
	padding-left: 10px;
	padding-right: 10px;
	margin-bottom: 20px;
}
/* End | BRAT-19464 */

.welcome-page .new-documents-icon {
    background: url("/brown-web/resources/images/welcome-page/file-upload-icon.png") no-repeat right bottom;
    height: 30px;
    width: 30px;
    background-size: 85%;
    display: inline-block;
    position: relative;
    bottom: -1px;
}
.welcome-page .greetings-text {
    color: #01366a;
    font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
    display: inline-block;
    margin: 0px;
}
.welcome-page .as-of-date {
	font-family: inherit;
    font-size: 12px;
    font-weight: normal;
}
.welcome-page .welcome-head {
    padding-bottom: 10px;
}
.welcome-page .report-carousel {
    width: 40% !important;
    float: left;
    padding-top: 10px;
    min-height: 500px;
}
.welcome-page .right-section {
    width: 60%;
    float: left;
    padding-top: 10px;
    min-height: 520px;
}
.welcome-page .market-value {
    text-align: center;
    font-size: 2rem;
    color: #0097db;
}
.welcome-page .market-value label {
    cursor: text;
    font-size: 1.5rem;
    vertical-align: top;
}
.welcome-page .market-price {
    width: 100%;
    background: url("/brown-web/resources/images/welcome-page-pattern.png") repeat-x center;
    background-size: 1%;
    display: inline-block
}
.welcome-page .price {
    font-size: 2.8rem;
    display: inline-block;
    background-color: #fff;
    padding: 0px 10px;
}
.static-data-crousel {
    display: block;
    overflow: hidden;
    position: relative;
    min-height: 400px;
    box-sizing: border-box;
    margin: 0px -20px 0px -20px;
}
.static-data-crousel iframe {
	margin: 0px;
    border: none;
    padding: 0px;
}
.welcome-disclaimer {
    border-top: 1px solid #b4b4b4;
    padding-top: 20px;
    font-size: .66rem;
    color: #262626;
    font-family: arial,helvetica,sans-serif;
}
.welcome-page .table-caption {
	padding-top: 10px;
    color: #003169;
    font-size: 24px;
    font-weight: lighter;
}
/*Welcome page css ends*/

/** Transaction Table css starts */
.transaction-table {
	font-family: inherit;
	width: 100%;
	table-layout: fixed;
}
.txn-comment-input-error {
	color: #b32025 !important;
	border-color: #E1A0A0 !important;
	background-color: #fbf4f4 !important;
}

/* BRAT-609747: Styles to prevent table overflow when comments have long text */
#app #transaction-data > thead > tr > th.table_txn_type,
#app #transaction-data > tbody > tr:not(.cmtRow) > td:first-child {
	width: 12%;
}
#app #transaction-data > thead > tr > th.table_security,
#app #transaction-data > tbody > tr:not(.cmtRow) > td:nth-child(2) {
	width: 25%;
}
#app #transaction-data > thead > tr > th.table_account,
#app #transaction-data > tbody > tr:not(.cmtRow) > td:nth-child(3) {
	width: 23%;
}
#app #transaction-data > thead > tr > th.table_date,
#app #transaction-data > thead > tr > th.table_quantity,
#app #transaction-data > thead > tr > th.table_trade,
#app #transaction-data > tbody > tr:not(.cmtRow) > td:nth-child(4),
#app #transaction-data > tbody > tr:not(.cmtRow) > td:nth-child(5),
#app #transaction-data > tbody > tr:not(.cmtRow) > td:nth-child(6),
#app #transaction-data > tbody > tr:not(.cmtRow) > td:last-child,
#app #transaction-data > tbody.colHidden > tr:not(.cmtRow) > td:nth-child(3),
#app #transaction-data > tbody.colHidden > tr:not(.cmtRow) > td:nth-child(4),
#app #transaction-data > tbody.colHidden > tr:not(.cmtRow) > td:nth-child(5),
#app #transaction-data > tbody.colHidden > tr:not(.cmtRow) > td:last-child {
	width: 10%;
}
#app #transaction-data > tbody > tr.cmtRow > td {
	width: 100%;
}
#app #transaction-data > thead.colHidden > tr > th.table_security,
#app #transaction-data > tbody.colHidden > tr:not(.cmtRow) > td:nth-child(2) {
	width: 48%
}

/* BRAT-613818: Expand/collapse title text and icon styles */
#app #transaction-data > tbody > tr > td .ceText {
	cursor: pointer;
	position: relative;
	padding-right: 16px;
}
#app #transaction-data > tbody > tr > td .ceIcon {
	float: right;
	position: absolute;
	top: 2px;
	right: 0;
}
#app .transaction-table thead th, #app .transaction-table tbody td {
	font-family: inherit;
}
.transaction-table .small-col {
	width: 20%;
}
#app .transaction-table th:first-child.small-col {
	width: 18%;
}
.transaction-table .large-col {
	width: 42%;
}
.transaction-table-container {
	height: 317px;
	overflow: hidden;
}
#app .transaction-table th:first-child, #app .transaction-table th {
	padding: 15px 8px 8px 0;
	background: transparent;
    color: #003768;
    font-size: 12px;
}
.transaction-table thead {
	border-bottom: 1px solid #d6d6d6;
    border-top: 3px solid #b4b4b4;
}
#app .transaction-table tbody td:first-child {
	color: #666;
}
#app .transaction-table tbody td {
	padding: 11px 15px 11px 0;
	vertical-align: middle;
	border-left: none;
}
#app .transaction-table .trade-amount {
	text-align: right;
}
/* BRAT-553909: Transaction comments styles */
#app #transaction-data tbody tr.noComment {
	cursor: pointer;
}
#app #transaction-data tbody td .view-box .cmt-wrapper,
#app #transaction-data tbody td .edit-box .cmt-wrapper {
	position: relative;
	width: 100%;
	display: block;
	color: #666;
}
#app #transaction-data tbody td .view-box .cmt-wrapper {
	width: calc(100%  - 40px);
	display: inline-block;
	vertical-align: top;
}
#app #transaction-data tbody td .view-box .cmt-wrapper > i {
	display: block;
	padding-left: 20px;
	word-wrap: break-word;
}
#app #transaction-data tbody td .cmt-wrapper textarea {
	width: 100%;
	height: 26px;
	padding: 5px;
	outline: none;
	resize: none;
	border: 1px solid #e2e2e2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#app #transaction-data tbody td .view-box .btn-wrapper {
	width: 40px;
	display: inline-block;
	vertical-align: top;
	text-align: right;
}
#app #transaction-data tbody td .edit-box .btn-wrapper {
	width: 100%;
	display: block;
}
#app #transaction-data tbody td .btn-wrapper p {
	width: calc(100% - 45px);
	display: inline-block;
	padding-top: 2px;
	padding-left: 5px;
	color: #666;
}
#app #transaction-data tbody td .btn-wrapper .icon-wrapper {
	display: inline-block;
	width: 40px;
	text-align: right;
}
#app #transaction-data tbody td .btn-wrapper .warning-msg {
	display: none;
	margin-left: 25px;
	color: #b32025 !important;
}
#app #transaction-data tbody td .btn-wrapper .fa {
	font-size: 16px;
	line-height: 14px;
	cursor: pointer;
	color: #666;
	margin: 3px 0;
	vertical-align: top;
}

/* Extra top margin added to edit icon to make edit & delete icons on same level */
#app #transaction-data tbody td .btn-wrapper .fa.ico-edit {
	margin-top: 4px;
}
#app #transaction-data tbody td .btn-wrapper .fa.ico-save {
	color: #4f8a10;
}
#app #transaction-data tbody td .btn-wrapper .fa.ico-cancel {
	color: #f00000;
}
#app #transaction-data tbody td .btn-wrapper .fa.ico-save,
#app #transaction-data tbody td .btn-wrapper .fa.ico-delete {
	margin-left: 5px;
}

/* BRAT-553900 : Contribution & Withdrawal styles */
#app #transactionCW-data thead th.align-right {
	text-align: right;
}
#app #transactionCW-data thead th.table_security {
	width: 28%;
}
#app #transactionCW-data thead th.table_type {
	width: 10%;
}
#app #transactionCW-data thead th.table_quantity,
#app #transactionCW-data thead th.table_amount {
	width: 15%;
}
#app #transactionCW-data thead th.table_account {
	width: 12%;
}
#app #transactionCW-data thead th.table_date {
	width: 10%;
}

/* Column widths when account column is hidden */
#app #transactionCW-data thead.colHidden th.table_security {
	width: 32%;
}
#app #transactionCW-data thead.colHidden th.table_type {
	width: 12%;
}
#app #transactionCW-data thead.colHidden th.table_quantity,
#app #transactionCW-data thead.colHidden th.table_amount {
	width: 18%;
}
#app #transactionCW-data thead.colHidden th.table_date {
	width: 10%;
}

#app #transactionCW-data tbody > tr > td .cmt-wrapper i {
	word-wrap: break-word;
}

/* BRAT-659762 : Purchase & Sales styles */
#app #transactionPS-data thead th.align-right {
	text-align: right;
}
#app #transactionPS-data thead th.table_security {
	width: 22%;
}
#app #transactionPS-data thead th.table_type {
	width: 12%;
}
#app #transactionPS-data thead th.table_account {
	width: 15%;
}
#app #transactionPS-data thead th.table_date,
#app #transactionPS-data thead th.table_market_value {
	width: 9%;
}
#app #transactionPS-data thead th.table_quantity {
	width: 11%;
}
#app #transactionPS-data thead th.table_amount {
	width: 13%;
}

/* Column widths when account column is hidden */
#app #transactionPS-data thead.colHidden th.table_security {
	width: 25%;
}
#app #transactionPS-data thead.colHidden th.table_type {
	width: 15%;
}
#app #transactionPS-data thead.colHidden th.table_date {
	width: 10%;
}
#app #transactionPS-data thead.colHidden th.table_quantity {
	width: 13%;
}
#app #transactionPS-data thead.colHidden th.table_market_value {
	width: 12%;
}
#app #transactionPS-data thead.colHidden th.table_amount {
	width: 15%;
}

/* BRAT-569255: Income & expense styles */
#app #transactionIncome-data thead th.table_security {
	width: 36%;
}
#app #transactionIncome-data thead th.table_type {
	width: 16%;
}
#app #transactionIncome-data thead th.table_account {
	width: 20%;
}
#app #transactionIncome-data thead th.table_date {
	width: 10%;
}
#app #transactionIncome-data thead th.table_amount {
	width: 18%;
}

/* Column widths when account column is hidden */
#app #transactionIncome-data thead.colHidden th.table_security {
	width: 50% !important;
}
#app #transactionIncome-data thead.colHidden th.table_type {
	width: 18% !important;
}
#app #transactionIncome-data thead.colHidden th.table_date {
	width: 12% !important;
}
#app #transactionIncome-data thead.colHidden th.table_amount {
	width: 20% !important;
}

#app #transactionIncome-data tbody tr.head5 i {
	display: block;
	margin-left: 20px;
	word-wrap: break-word;
}

.transcation-reports .submit-button-chevron {
	float: right;
}
.report-carousel .submit-button-chevron {
	bottom: 0;
	left: 138px;
    margin: 0 auto;
    display: block;
    position: absolute;
}
.no-reports {
	font-size: 15px;
    color: #000;
    text-align: left;
    padding-top: 10%;
}
.transaction-hidden {
    height: 355px;
    display: table;
    width: 100%;
}
.hidden-tab-msg {
	display: table-cell;
    vertical-align: middle;
    font-size: 15px;
    color: #000;
    text-align: center;
}
/** Transaction Table css ends */

#app .report-carousel#chart_div {
	min-height: 520px;
	margin: 0;
}

/** Overriding default style of bxslider */
#app .bx-wrapper .bx-pager.bx-default-pager a {
	background: #c3c3c3;
	border-radius: 4px;
	height: 8px;
	width: 8px;
}
#app .bx-wrapper .bx-pager .bx-pager-item {
	vertical-align: middle;
}
#app .bx-wrapper .bx-pager.bx-default-pager a:hover,
#app .bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #003768;
	border-radius: 6px;
	height: 12px;
	width: 12px;
}
/** Overriding default style of bxslider ends */

.report-carousel ul.bxslider{
	margin: 0;
	padding: 0;
	height: 500px;
}
.report-carousel .bxslider li{
	height: 500px;
}
.report-carousel .bxslider li .carousel-report-asof-date {
	margin: 0 5px 10px;
	font-family: inherit;
    font-size: 12px;
    font-weight: normal;
    text-align: center;
}
.report-carousel .threeBucketColor{
	display: block;
    left: 60px;
    font-size: 11px;
    bottom: 70px;
    top: inherit;
    width: auto;
}
.report-carousel .threeBucketColor div{
	padding-bottom: 10px;
	float:left;
	color: #3E576F;
	width: 90px;
}
 .report-carousel .threeBucketColor span.threeBucketBullet {
	padding-left: 0;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    margin-top:2px;
 }
.report-carousel .bx-wrapper .bx-viewport {
	background: none;
	border:none;
	box-shadow: none;
}
.report-carousel div.divNoData {
	top: 48%;
    position: relative;
    margin: 0;
    font-size: 15px;
}
.report-carousel .bx-wrapper .bx-pager{
	padding-top: 0;
    bottom: -22px;
}

.bx-clone { display: none }
.report-carousel .chart-title {
	text-align: center;
    color: #000000;
    font-family: inherit;
    font-size: 12px;
    font-weight:bold;
    width: 92%;
}
.default-tab-selection-view {
	margin: 0 auto;
	position: relative;
}
.default-tab-selection-view .default-selection-modal {
	background: #f2f6fc;
	border-radius: 3px;
	margin: 100px auto;
	padding: 30px 48px;
	position: relative;
	width: 515px;
	z-index: 100000;
}
.default-selection-modal h1 {
	color: #003768;
	font-family: "BentonSansCond", sans-serif;
	font-size: 23px;
	font-weight: bold;
	margin: 0;
	padding-top: 20px;
	text-align: center;
}
.default-selection-modal ul {
	margin: 0 auto;
	list-style-type: none;
	padding: 0;
}
.default-selection-modal .tab {
	border: 1px solid #cdd1d5;
	box-sizing: border-box;
	cursor: pointer;
	height: 110px;
	padding: 15px;
	text-align: center;
	width: 24.5%;
	color: #f16531;
	float: left;
}
.default-tab-selection-view.disabled  .tab {
	cursor: default;
}
.default-selection-modal .tab.selected {
	background: #003768;
	cursor: default;
	opacity: 1;
}
.default-selection-modal .tab.selected .tab-title {
	color: #FFFFFF;
}
li.tab:hover {
	animation: defaultTabHover .5s ease forwards;
}
li.tab:hover .tab-icon {
	animation: scaleImage .5s ease forwards;
}
.default-tab-selection-view.disabled .tab, .default-tab-selection-view.disabled .tab:hover .tab-icon {
	animation: none;
}
@keyframes defaultTabHover {
	100% {
		background-color: #02427b;
		color: #FFFFFF;
	}
}
@keyframes scaleImage {
	100% {
		transform: scale(1.25);
	}
}
.default-selection-modal .tab-title-box {
	display: table;
	height: 70%;
	width: 100%;
}
.default-selection-modal .tab-title {
	display: table-cell;
	font-size: 12px;
	line-height: 1.3;
	margin: 0 auto;
	vertical-align: middle;
}
.default-selection-modal .tab-icon {
	display: block;
	height: 40%;
	margin: 0 auto;
}
.default-selection-modal .verbiage {
	color: #6f6f6f;
	display: block;
	font-size: 11px;
	padding: 15px 0;
    text-align: left;
}
.default-selection-modal .tab.default-setting {
	background: #cdd1d5;
	color: #003768;
}
.default-selection-modal .tab.default-setting .tab-title {
	text-align: center;
}
.baModalContent .default-selection-modal h1 {
	float: none;
	padding-top: 0px;
}
.baModalContent .default-selection-modal {
	margin: 0 auto;
}
.default-tab-landing-page {
	background: url("/brown-web/resources/images/loginFullBackground.jpg") no-repeat;
}
.default-tab-landing-page header {
    background: #ffffff;
    height: 87px;
    width: 100%;
    margin-top: 10px;
}
.default-tab-landing-page .logo-brown {
    margin: 20px 0 0 200px;
    float: left;
    display: inline-block;
}
.default-tab-landing-page .logo-touchpoint {
    margin: 30px 200px 0 0;
    float: right;
}
.active-loader {
	height: 100%;
    z-index: 100000;
    background: url("/brown-web/resources/images/spinner.gif") no-repeat center #fff;
    position: absolute;
    top: 0px;
    text-align: center;
    width: 100%;
    margin: 0 auto;
    right:0px;
}
.new-documents{
	position: relative;
	box-sizing: border-box;
	margin:0 10px 0 0;
	cursor: pointer;
}
.new-documents-count{
    background-color: #f26531;
    border: 1px solid white;
    border-radius: 15px;
    padding: 1px 1px;
    color: white;
    font-size: 10px;
    font-weight: bold;
    position: absolute;
    top: -11px;
    right: -7px;
    width: 15px;
    height: 15px;
    text-align: center;
}
.new-documents:after {
    content: '';
    position: absolute;
    top: 25px;
    left: 8px;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: solid 10px #CCC;
    border-left: solid 10px transparent;
    border-right: solid 10px transparent;
}
.new-documents.arrow-up:after{
	display:none;
}
.uploaded-docs-info{
	font-size: 14px;
	font-weight: 12px;
}

.updated-documents-list{
	margin: 0 -20px 0 -20px;
    background-color: white;
    padding: 20px 0 30px 0;
    position: relative;
    box-shadow: inset 0px 11px 15px -10px #CCC, inset 0px -11px 15px -10px #CCC;
}
.doc-table{
	table-layout: fixed;
	border: none;
    word-break: break-word;
    word-break: break-all;
}
.doc-table a{
    color: #00aef0; /*#0076bf;*/
    font-weight: bold;
    text-decoration: none;
}
#app .doc-table-head thead {
    border-bottom: 1px solid #d6d6d6;
}
#app .doc-table-head thead th{
    padding: 15px 20px 9px 20px;
    color: #003768;
    font-size: 12px;
    background-color: #FFFFFF;
    text-align: left;
}
#app .doc-table-head thead th:first-child {
	padding-left: 20px;
}

#app .doc-table tbody td {
    padding: 9px 20px 9px 20px;
}
#app .doc-table-wrapper table tbody td,
#app .doc-table-wrapper table thead th {
    width: 468px;
}

#app .doc-table-wrapper table thead th:last-child, #app .doc-table-wrapper table tbody td:last-child {
    width: 500px; /* 500px + 16px scrollbar width */
    text-align: left;
}

/* START | Alert dialog popup styles */
.userDocumentPreferenceModal p {
	margin: 0 !important;
	padding: 0 !important;
}
.userDocumentPreferenceModal input[type="radio"] {
	vertical-align: middle;
	margin-top: 0px !important;
}
.userDocumentPreferenceModal sup {
	font-size: 10px !important;
}
.userPreferenceModal .ui-dialog .ui-dialog-content {
	padding: 0.5em;
}
.userPreferenceModal .ui-dialog-titlebar {
	display: none;
	padding: 0em 1em;
	height: 12px;
	overflow:hidden;
}
.userPreferenceModal p {
	line-height:13.5px;
}
.consent-confirm-popup {
	display: none;
}
.alertDialog p {
	padding: 0;
	margin: 0;
	font-size: 11px;
}
.alertMessageContainer {
	color: #d01f2f;
	cursor: pointer;
	font-size: 12px;
	padding: 20px;
}
.alertMessageContainer p {
	margin: 0;
}
button.welcomeAlertContinueButton {
	width: 90px;
	margin: 0 auto !important;
}
/* END | Alert dialog popup styles */

/** BRAT-35142: Multi-Factor authentication common styles | Start */
.textUppercase {
	text-transform: uppercase;
}

.input-error {
	outline: none;
	border: 1px solid #f00 !important;
}

.has-error {
	color: #f00000;
}

.has-success {
	color: #4f8a10;
}

.error-message-wrapper {
	position: relative;
	display: none;
	font-size: 12px;
	margin: 0;
}

.error-message-wrapper .fa-times-circle {
	position: absolute;
	top: 2px;
	left: 0;
	font-size: 18px !important;
	line-height: 18px !important;
}

.error-message-wrapper p {
	margin: 5px 0 !important;
	padding: 0 0 0 20px !important;
}

.content-wrapper, .content-body {
	padding: 0 10px !important;
}

.hyperlink {
 	color: #06e !important;
	cursor: pointer;
	text-decoration: none;
}

.hyperlink:active, .hyperlink:focus, .hyperlink:hover {
	color: #00e !important;
	outline: 0;
}

.inline-list {
	list-style-type: none;
	display: block;
	width: 80%;
 	margin: 25px auto;
	padding: 0;
}

.inline-list li {
	display: inline-block;
	width: 32%;
	max-width: 250px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	line-height: 20px;
	vertical-align: top;
}

.inline-list li .icon {
	display: block;
	width: 70px;
	margin: 0;
}

.inline-list li.active .activation-icon {
	cursor: default;
	pointer-events: none;
}

.inline-list li.active h5,
.inline-list li .icon-grey,
.inline-list li.active .icon-blue {
	display: block !important;
}

.inline-list li h5,
.inline-list li .icon-blue,
.inline-list li.active .icon-grey {
	display: none !important;
}

.inline-list.centered-items li .icon {
	margin: 0 auto;
}

.inline-list .lbl-large {
	padding: 8px 0 8px 8px;
}

.inline-list .fa-question-circle {
	font-size: 18px;
	line-height: 22px;
	cursor: pointer;
	padding: 5px;
	margin: 0 0 -5px -5px;
	z-index: 999;
	color: #0072b5;
	vertical-align: bottom;
}

.inline-list h5 {
	display: block;
	font-size: 12px;
	line-height: 16px;
	text-transform: none;
	color: #0072b5;
	margin: 10px auto 0;
}

.table-wrapper {
	display: table;
	width: 100%;
	margin: 0;
}

.table-wrapper .row {
	display: table-row;
	width: 100%;
	padding: 0;
	float: none;
}

.table-wrapper div[class^='col'],
.table-wrapper div[class*=' col'] {
	position: relative;
	display: table-cell;
	vertical-align: top;
	padding: 0;
}

.table-wrapper .col { width: auto; }
.table-wrapper .col-2 { width: 50%; }
.table-wrapper .col-3 { width: 33.3333333333333333%; }
.table-wrapper .col-20 { width: 20%; }
.table-wrapper .col-30 { width: 30%; }
.table-wrapper .col-40 { width: 40%; }
.table-wrapper .col-60 { width: 60%; }
.table-wrapper .col-70 { width: 70%; }
.table-wrapper .col-80 { width: 80%; }
.table-wrapper .col-100 { width: 100%; }

.table-wrapper .fa-check-circle,
.table-wrapper .fa-times-circle {
	font-size: 42px;
	line-height: 44px;
	margin: 0;
}

.button-wrapper .btn {
	display: inline-block;
	background-color: #102436;
    color: #ffffff;
    text-decoration: none;
    font-weight: bold;
    font-family: 'Book Antiqua',serif;
    font-size: 16px;
    line-height: 20px;
    width: 120px;
    outline: 0;
    text-align: center;
    margin: 0 10px;
    padding: 8px 0px;
    border: 0;
    border-radius: 3px;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
}

.button-wrapper .btn:hover,
.button-wrapper .btn:active {
	background-color: #2d6ea5;
    transition: background .32s;
    -moz-transition: background .32s;
    -o-transition: background .32s;
    -ms-transition: background .32s;
}

.button-wrapper .btn:disabled,
.button-wrapper .btn:disabled:hover,
.button-wrapper .btn:disabled:active {
	background-color: #B8B8B8;
	transition: none;
}

.dropdown-input {
	display: block;
	width: 235px;
	height: 30px;
	font-size: 12px;
	line-height: 30px;
	outline: none;
	padding: 0;
	margin: 5px 0 10px;
	background: none !important;
	border-color: inherit !important;
}

.dropdown-input:active,
.dropdown-input:focus {
	outline: none;
	border-color: inherit !important;
}

.mfa-mode-wrapper .icon {
	width: 100%;
}

.mfa-mode-wrapper .selected-option {
	font-weight: bold;
	padding: 0;
	margin: 10px 0;
}

/* Code input & resend block styles */
.code-input-wrapper .col:first-child {
	width: 110px;
}

.code-input-wrapper label {
	display: inline-block;
	font-size: 12px;
	line-height: 30px;
	text-align: right;
	white-space: nowrap;
	padding: 0;
	margin: 5px 5px 5px 0;
}

.code-input-wrapper .code-input {
	display: inline-block;
	width: 150px !important;
	height: 30px !important;
	font-size: 12px !important;
	line-height: 30px;
	margin: 5px 0;
	padding: 0 10px !important;
	float: none !important;
}

.code-input-wrapper .code-input:active,
.code-input-wrapper .code-input:focus {
	outline: none;
	border: 1px solid #A1A1A1 !important;
}

/** MFA mobile app registration styles */
.supported-mobile-apps .ms-auth-icon {
	display: inline-block;
	width: 60px;
	margin: 15px 0;
	padding: 0;
	vertical-align: middle;
}

.supported-mobile-apps h3 {
	display: inline-block;
	width: auto;
	float: none;
	font-weight: bold;
	margin: 10px 0 10px 10px;
	padding: 0;
	vertical-align: middle;
}

.barcode {
	display: block;
	width: 180px;
	margin: 0 auto;
	padding: 0;
}

.barcode .qrCodeImage {
	display: block;
	width: 100%;
}

/** MFA registration cancel section */
.cancellation-options-list {
	list-style-type: none;
	display: block;
 	margin: 25px 0 15px 25px;
	padding: 0;
}

.cancellation-options-list li {
	display: block;
	width: 100%;
	font-size: 12px;
	line-height: 20px;
	margin-bottom: 8px;
}

.cancellation-options-list li label {
	display: inline-block;
}

.cancellation-options-list li span {
	font-weight: bold;
}

/** BRAT-35142: Multi-Factor authentication common styles | End */

/** BRAT-598427: Transaction comments save success/failure notification dialog */
.ntf-overlay.ui-widget-overlay {
	background-color: rgba(255,255,255,0.5) !important;
}
.ui-widget.ui-widget-content.ntf-dialog {
	padding: 20px 20px 10px;
	border: none;
	border-radius: 5px;
	background-color: #fefefe;
	font-family: "Benton Sans", arial, helvetica;
	box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
	-moz-box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
	-webkit-box-shadow: 0px 0px 16px 0px rgba(102,102,102,0.8);
}
.ntf-dialog .ui-widget-header.ui-dialog-titlebar {
	position: absolute;
	top: 2px;
	right: 2px;
	border: none;
	background: none;
}
.ntf-dialog .ui-dialog-titlebar-close {
	right: 0.1em;
}
.ntf-dialog .ui-widget-header.ui-dialog-titlebar .ui-button:hover,
.ntf-dialog .ui-widget-header.ui-dialog-titlebar .ui-button:focus {
	border: none;
	background: none;
}
.ntf-dialog .ui-dialog-content {
	padding: 0;
}
.ntf-dialog .ntf-wrapper {
	position: relative;
}
.ntf-dialog .ntf-wrapper .err-icon,
.ntf-dialog .ntf-wrapper .suc-icon {
	font-size: 56px;
	position: absolute;
}
.ntf-dialog .ntf-wrapper .err-icon {
	color: #ff5a24;
}
.ntf-dialog .ntf-wrapper .suc-icon {
	color: #31a90a;
}
.ntf-dialog .ntf-wrapper .ntf-content {
	margin-left: 70px;
}
.ntf-dialog .ntf-wrapper .ntf-content .ntf-header {
	color: #000;
	font-size: 32px;
	font-weight: bold;
	margin: 0 0 5px 0;
}
.ntf-dialog .ntf-wrapper .ntf-content .ntf-text {
	color: #b5b5b5;
	font-size: 14px;
	margin-bottom: 10px;
}