﻿html,body{font-family:Helvetica,Arial,sans-serif;height:100%;color:#3f3f3f;background:rgb(167,169,172); text-align:left; font-size:13px; margin-top:0; padding-bottom:200px;}
body a{color:rgb(0, 170, 198); text-decoration: none;}
body a:visited{text-decoration: none;}
body a:hover{color:#494949; text-decoration: none;}
#header{width:1000px;height:131px;margin:0 auto;background:rgb(167,169,172) url('images/bg_header.png') repeat-x;}
#subheader{width:1000px;height:36px;margin:0 auto;background:rgb(74,77,86);}
#footer{width:1000px; margin:15px auto 50px; clear:both; background-color:#3f3f3f; height:35px;}
#tenant{margin:0 auto; width:970px; background:#fff; color:#3f3f3f;padding:15px;}
#loading{padding: 15px; text-align: center; }
#logo img{ margin:20px 0px 0px 20px; }
#gradebar{width:1000px;margin:0 auto; padding: 17px 0px 7px 0px; background:rgb(220,221,222);}
.dots{background: url('images/dot.png') repeat-x; height:9px; margin:2px}
.centerit{text-align:center;}
.bold{font-weight:bold;}
.semi-bold{font-weight:500;}
.headerText{font-size:22px;margin:2px;font-family: 'Oswald', sans-serif;}
h1{font-size:22px;margin:2px;font-family: 'Oswald', sans-serif;}
h2{font-size:18px;margin:2px;font-family: 'Sanchez', serif;}
h3{font-size:14px;margin:2px;}
.hegreen{color:rgb(83,147,79)}/*53934f*/
.hepurple{color:rgb(89,44,130)}/*592c82*/
.heteal{color:rgb(0,170,198)}/*00aac6*/
.heblue{color:rgb(0,112,185)}
.hegraydark{color:rgb(167,169,172)}
.hegraylight{color:rgb(220,221,222)}
.bodyfont{font-family:Helvetica,Arial,sans-serif;}
.headerfont{font-family: 'Sanchez', serif;color:#3f3f3f}
.purplelobster{font-family: 'Lobster', cursive; color:rgb(89,44,130); font-size:28px;margin:7px 0px 15px 0px;}
.noFocus:focus {outline: none;}
input,select{color:#434343; background:#fff; border:rgb(167,169,172) 1px solid; padding:5px;border-radius:5px;}
.htmlButton{color:#434343; background:#fff; border:rgb(167,169,172) 1px solid; padding:5px;border-radius:5px;}
input:focus{border:rgb(0,170,198) 1px solid;}
#returnLink {position: relative; float: right; margin-right: -80px; z-index: auto;}
#returnLink img{border:none;}
.topMenu { float:right; margin:-25px 0px 0px 0px;color:white; padding:7px 20px 7px 20px; background:#733892;font-family:Sanchez,serif; border-radius:10px 0px 0px 0px; font-size:14px;}
.topMenu a{ color:white; }
.help{font-size:10px;color:Gray;}
.boxed{border:#e2e2e2 1px solid;padding:5px;margin-bottom:7px;background:#f2f2f2;}
.boxedRounded {border:#e2e2e2 1px solid;padding:5px;margin:0 auto;-ms-border-radius: 5px;border-radius: 5px;width: 50%;}

#footer_content{font-size:14px; padding-top:10px; padding-bottom:10px;}
#footer_links a{padding:8px; color:#b4b4b4; text-decoration: none;width:60%; margin: 0 auto;font-family:Sanchez,serif;}
#footer_links a:hover{color: #494949; text-decoration: none;}

#maintabs{float: left;margin-top: -8px;}
#maintabs a{color:white;font-family: 'Sanchez', serif; font-size:14px;padding: 0px 0px 0px 27px;}
#maintabs ul{margin:0;padding:0;list-style-type: none; font-size:0;}
#maintabs ul li{display:inline-block; width:170px;}
#submaintabs{float:right;}/*background: #6a6c74; padding:10px;*/
/*#submaintabs div a{color:White;}*/
.table-padding {padding-left: 30px;}
.table-bordersetting { border-collapse: separate; border-spacing: 0px 10.67px; margin-bottom: -16px; }
.font-size11 {font-size: 11px;}
.pl-3 {padding-left: 3px;}
.pb-5 {padding-bottom: 5px;}
.vertical-align-top {vertical-align: top;}
#risk-allocation-choice-title, #market-reaction-title { color: #6c6c6c; }

#app_top_dark{background:#696969;font-family:Sanchez,serif;clear:both;}
#app_top_dark h1{font-size:28px;}
#app_top_dark h2{font-size:18px;}
#app_top_dark h3{font-size:16px;}
#app_top_dark a{color:#fff;}
#app_top_dark .title{color:#c4c4c4;font-size:22px;}
#app_top_dark .name{color:#fff;font-size:26px;}

.iconimage{float: left;margin: 4px 5px 0px 0px; padding-right:10px; border-right:1px solid #c4c4c4;}
.iconimage img{border:none;}

.noborder{border: none; background-color:transparent;}

.ribbontext{color:white;font-family:'Oswald', sans-serif; font-size:22px; margin-bottom:-42px;padding-left:2px;}
.clearing{clear:both;}

/**********************************************
Button Styles
***********************************************/
a.buttonblue{background:transparent url(images/button_blue_a.png) no-repeat scroll top right;display:block; float:left;height:25px;margin-right:6px; padding-right:10px; font-size:12px;text-decoration:none;color:#ffffff;font-weight:bold;}
a.buttonblue span{background:transparent url(images/button_blue_span.png) no-repeat;display:block;line-height:15px;padding:5px 0px 5px 10px;}
a:hover.buttonblue{background:transparent url(images/button_blue_a.png) no-repeat scroll bottom right;}
a:hover.buttonblue span{background:transparent url(images/button_blue_span.png) no-repeat bottom left;}

a.buttongreen{background:transparent url(images/button_green_a.png) no-repeat scroll top right;display:block; float:left; height:30px; margin-top:-1px; margin-right:6px; padding-right:7px; font-size:12px;text-decoration:none;color:#ffffff;font-weight:bold;}
a.buttongreen span{background:transparent url(images/button_green_span.png) no-repeat;display:block;line-height:18px;padding:5px 2px 7px 10px;}
a:hover.buttongreen{background:transparent url(images/button_green_a.png) no-repeat scroll bottom right;}
a:hover.buttongreen span{background:transparent url(images/button_green_span.png) no-repeat bottom left;}

a.buttonorange{background:transparent url(images/button_orange_a.png) no-repeat scroll top right;display:block; float:left; height:30px; margin-top:-1px; margin-right:6px; padding-right:7px; font-size:12px;text-decoration:none;color:#ffffff;font-weight:bold;}
a.buttonorange span{background:transparent url(images/button_orange_span.png) no-repeat;display:block;line-height:18px;padding:5px 2px 7px 10px;}
a:hover.buttonorange{background:transparent url(images/button_orange_a.png) no-repeat scroll bottom right;}
a:hover.buttonorange span{background:transparent url(images/button_orange_span.png) no-repeat bottom left;}

/**********************************************
	Content Box
************************************************/
#fdbox{margin: 0px;}
#fdbox .modalSettings{color: #0081cc;font-size: 12px;font-weight: normal;}
#fdbox .stepboxtitle{ font-size:14px;font-family:'Oswald', sans-serif; background:#ebebeb;}
#fdbox .stepboxtitle h1{margin:0px;font-weight:bold; font-size:14px;}
#fdbox .stepboxtitle .rightside{float:right; width:49%; text-align:right;}
#fdbox .stepboxtitle .leftside{float:left; width:49%;}
#fdbox .accountfooter{width:100%; padding:0px 0px 5px 10px;}
#fdbox .stepboxtitle table{margin-left: 2px;}
#fdbox .contents{font-size:12px; }
#fdbox .contents h1{font-weight:bold;}
#fdbox .contents h2{padding:15px; font-size:21px; background:#f7f7f7; margin:0px 0px; font-family:coustardregular,Helvetica,arial,sans-serif;}
#fdbox .contents h2 a{font-weight:normal;}
#fdbox .contents h2 a.buttonorange{color: #ffffff;}
#fdbox .contents h2 a:hover.buttonorange{color: #ffffff; text-decoration:none;}
#fdbox .contents h3{font-size:12px; color:#4b4b4b;margin:0px 0px;}
#fdbox .contents p{padding-left:10px;}
#fdbox .contents a{color: #1122CC;text-decoration: none;}
#fdbox .contents a.buttonblue{color: #ffffff;}
#fdbox .contents a:hover.buttonblue{color: #ffffff;text-decoration:none;}
#fdbox .contents a.buttonorange{color: #ffffff;}
#fdbox .contents a:hover.buttonorange{color: #ffffff; text-decoration:none;}
#fdbox .contents a:hover{color: #616161;text-decoration: none;}
#fdbox .contents td{padding:3px;}
#fdbox .contents th{padding:3px 0px;}
#fdbox .contents .hr{width:96%; margin:0 auto; border-bottom:1px solid #cecece;}
#fdbox .contents .profile table{width: 100%;}
#fdbox .contents .profile td{padding:5px 5px 10px 5px;}
#fdbox .contents .profile .portfolioTable table{ margin:0px 15px 0px 5px}
#fdbox .contents .profile .portfolioTable td{padding:4px 0px 4px 0px;}
#fdbox .contents textarea {font-family:arial,sans-serif;color:#3f3f3f;}
#fdbox .sell{color:#e85f03;}
#fdbox .buy{color:#688332;}
#fdbox .hold{color:#888888;}
/*#fdbox h2 {padding:5px; font-size:21px; background:#f7f7f7; margin:0px 0px; font-family:coustardregular,Helvetica,arial,sans-serif;}*/

/**********************************************
	flyout
************************************************/
.hoverprofilemenu{display: none;overflow:hidden;text-align:left;border: 1px solid #052C67;position:relative;margin-top:3px;}
#ulProfileMenu{padding: 0px;margin: 0px;}
#ulProfileMenu li{list-style: none;margin-bottom: 0px;text-align: left; }
#ulProfileMenu li a{display: block;	font-size: 13px;background: #ffffff;color: #696969;	padding: 5px 0px 5px 5px;text-decoration:none;}
#ulProfileMenu li a:hover{background: #696969;color: #ffffff;text-decoration: none;}
#ulProfileMenu li a.active{background: #696969;color: #ffffff;text-decoration: none;}
#ulProfileMenu li a.image:hover{background: #F2F2F2;}

/**********************************************
icon Styles
***********************************************/
.subwaydotgray{background:url('../../../images/subway_gray.png') no-repeat 1% 45%; padding:19px 0px 1px 0px;}
.subwaydotgreen{background:url('../../../images/subway_green.png') no-repeat 1% 45%; padding:19px 0px 1px 0px;}
.subwaydotteal{background:url('../../../images/subway_teal.png') no-repeat 1% 45%; padding:19px 0px 1px 0px; }
.subwaydotblue{background:url('../../../images/subway_blue.png') no-repeat 1% 45%; padding:19px 0px 1px 0px;}

.thumbsUpIcon{background:url('../../../images/thumbsup.png') no-repeat 1% 45%; padding-left:16px;}
.squareIcon{background:url('../../../images/square.png') no-repeat 1% 45%; padding-left:16px;}
.chatlink{background:url('../../../images/wooicons/comment_user_16.png') no-repeat 50% 50%; padding-left:16px;}
.userlink{background:url('../../../images/minion_icon.png') no-repeat 1% 50%; padding-left:21px;background-size: contain;}
.manyuserlink{background:url('../../../images/icons/group.png') no-repeat 1% 50%; padding-left:16px;}
.addassetlink{background:url('../../../images/wooicons/add_16.png') no-repeat 1% 50%; padding-left:16px; cursor:pointer;}
.piechartlink{background:url('../../../images/icons/chart_pie_white.png') no-repeat 1% 50%; padding-left:16px;}
.coglink{background:url('../../../images/cog.png') no-repeat 1% 50%; padding-left:16px;}
.bigcoglink{background:url('../../../images/settingsgear.png') no-repeat 1% 50%; padding:20px 0px 20px 20px; font-size:16px; color:#696969;}
.reportlink{background:url('../../../images/icons/report.png') no-repeat 1% 50%; padding-left:16px;}
.pdflink{background:url('../../../images/PDF_icon.png') no-repeat 1% 50%; padding-left:16px;}
.externallink{background:url('../../../images/icons/world_link.png') no-repeat 1% 50%; padding-left:16px;}
.pencillink{background:url('../../../images/icons/pencil.png') no-repeat 1% 50%; padding-left:16px;}
.settingslink{background:url('../../../images/icons/page_gear.png') no-repeat 1% 50%; padding-left:16px;}
.advancedsettingslink{background:url('../../../images/icons/page_lightning.png') no-repeat 1% 50%; padding-left:16px;}
.futuremoneylink{background:url('../../../images/icons/money_add.png') no-repeat 1% 50%; padding-left:16px;}
.calculatorlink{background:url('../../../images/icons/calculator_link.png') no-repeat 1% 50%; padding-left:16px;}
.folder_edit{background:url('../../../images/icons/folder_edit.png') no-repeat 1% 50%; padding-left:16px;}
.sellIcon{background:url('../../../images/sellIcon.png') no-repeat 1% 45%; padding-left:20px;}
.holdIcon{background:url('../../../images/keeparrow.png') no-repeat 1% 45%; padding-left:20px;}
.todoIcon{background:url('../../../images/holdIcon.png') no-repeat 1% 45%; padding-left:16px;}
.buyIcon{background:url('../../../images/buyIcon.png') no-repeat 1% 45%; padding-left:20px;}
.msgIcon{background:url('../../../images/messageIcon.png') no-repeat 1% 45%; padding-left:20px;}
.infoIcon{background:url('../../../images/wooicons/info_button_16.png') no-repeat 1% 45%; padding-left:16px;}
.empty{padding-left:16px;}

/**********************************************
Content Service Tabs
***********************************************/
#contentserviceresultsmenu {width: 150px; margin-top:-3px;}	
#contentserviceresultsmenu li{margin-bottom:5px; }
#contentserviceresultsmenu li a {height: 24px;text-decoration: none;background:#c4c4c4;}		
#contentserviceresultsmenu li a:link, #contentserviceresultsmenu li a:visited {color:#696969;display: block; padding: 8px 0 0 10px;	}	
#contentserviceresultsmenu li a:hover {	color: #696969;padding: 8px 0 0 10px;background:#f2f2f2;}
#contentserviceresultsmenu .active{ color:#696969; background:#f2f2f2;margin-right:-3px;}	
#resultlinks a{margin-bottom:3px; font-size:12px;}
#resultlinks {height:250px; overflow:auto;}	

/**********************************************
	Grades: mini, small, medium, large
************************************************/
.minigradedisplay{width: 25px;height: 25px; font-family:Sanchez,serif; font-size: 14px; font-weight: bold;color: White; margin: 0px;}
.minigradedisplay .miniletter{text-align: center;padding-top: 2px;}
.smallgradedisplay{width: 50px;height: 49px; font-family:Sanchez,serif;font-size: 32px; font-weight: bold;color: White; margin: 0px;}
.smallgradedisplay .smallletter{text-align: center;padding-top: 2px;}
.mediumgradedisplay{width: 60px;height: 59px; font-family:Sanchez,serif; font-size: 38px; font-weight: bold;color: White; margin: 0px;}
.mediumgradedisplay .mediumletter{text-align: center;padding-top: 3px;}
.largegradedisplay{width:130px;height: 128px; font-family:Sanchez,serif; font-size: 84px; font-weight: bold;color: White; margin: 0px 16px 0px 0px;}
.largegradedisplay .largeletter{text-align: center;padding-top: 13px;}

/**********************************************
	Feedback: alert, success, error, info
************************************************/
.alert{text-align: left;padding: 5px 10px 5px 30px;background: #ffffff url('../images/wooicons/warning_16.png') no-repeat 1% 47%;color: black;border: 1px solid #c4c4c4;}
.alert-profile{text-align: left;padding: 5px 10px 5px 48px;background: #ffffff url('../images/wooicons/warning_16.png') no-repeat 1% 47%;color: black;border: 1px solid #c4c4c4;}
.alertside{background-color:#ff8f26;padding-left:20px;margin:5px;}
.success{text-align: left;padding: 5px 10px 5px 30px;background: #ffffff url('../images/wooicons/checkbox.png') no-repeat 1% 47%;color: black;border: 1px solid #c4c4c4;}
.successside{background-color:#9cc746;padding-left:20px;margin:5px;}
.error{text-align: left;padding: 5px 10px 5px 30px;background: #ffffff url('../images/wooicons/close_16.png') no-repeat 1% 47%;color: black;border: 1px solid #696969;}
.errorside{background-color:#ce3b37;padding-left:20px;margin:5px;}
.info{text-align: left;padding: 5px 10px 5px 30px;background: #ffffff url('../images/wooicons/error_button_16.png') no-repeat 1% 47%;color: black;border: 1px solid #696969;}
.infoside{background-color:#3c7bc8;padding-left:20px;margin:5px;}
.alert-error-new{color: #D80443;border-radius: 4px;border: 1px solid #FF3370;padding: 10px 5px;background: #FFF5F8;max-width: 650px;text-align: center;font-size: 14px;margin: 0 auto;margin-top:16px;margin-bottom:16px;display: flex;justify-content: center;align-items: center;}

/**********************************************
	Dot Leaders
************************************************/
ul.leaders {max-width: 48em;  padding: 0 0 10px 0; overflow-x: hidden; list-style: none}
ul.leaders li:before {float: left; width: 0; white-space: nowrap; content:
 ". . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . "}
ul.leaders span:first-child {padding-right: 0.33em; background:#F2F2F2;}
ul.leaders span + span {float: right; padding-left: 0.33em; background:#F2F2F2;}

