/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    border: 0 none; margin: 0; padding: 0; vertical-align: baseline;
}
/*GLOBAL*/
body {font-family: Arial,Helvetica,sans-serif; font-size: 10px; height: 100%;}
.outer-container {font-size: 1.6em; height: 100%; margin: 0 auto; max-width: 800px; width: 100%; padding:20px;}
.right {float: right;}
.left {float:left;}
.clear {clear:both;}
.group:after { clear: both;}
.group {clear: both;}
p {line-height: 1.4em; margin: 6px 0 10px;}
h3 {font-size: 1.3em; font-weight: normal; margin: 0 0 10px;}
h4 {font-size: 1.2em;font-weight: 700; margin: 0 0 10px;outline: medium none;}
.disclaimer {color: #666666;margin-top: 20px;font-size:.85em;}
.section-header { background-color: #FFFFFF; color: rgb(94, 152, 52); padding: 5px 0px 3px;font-size:2em; font-weight:normal;}
.section-sub-header{color:#424242;}
.asterisk {color:red;}
.hidden {position:absolute;left:-9999em;top:auto;width:1px;height:1px;overflow:hidden;}
.page-title {padding-bottom: 30px;}
.bold {font-weight: bold;}
.dotted-line {border-bottom: 2px dotted #BBBBBC; margin:0 0 5px 0 ; margin-bottom:20px; width: 100%;}

/* PROGRESS BARS */
.progress{background-color:transparent;color:#53682b;font-size:.875em;font-weight:700;text-transform:uppercase;margin:0 0 30px;padding:0;}
.progress .complete {
background: #516834;
background: -moz-linear-gradient(top, #7fa154 0%, #53682b 100%);
background: -webkit-gradient(linear, left top, left bottom, colorstop(0%,#7fa154), color-stop(100%,#53682b));
background: -webkit-linear-gradient(top, #7fa154 0%,#53682b 100%);
background: -o-linear-gradient(top, #7fa154 0%,#53682b 100%);
background: -ms-linear-gradient(top, #7fa154 0%,#53682b 100%);
background: linear-gradient(top, #7fa154 0%,#53682b 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#7fa154', endColorstr='#53682b',GradientType=0 );
}
.progress .toDo{background-color:#eee;}
.progress dl{display:block;border:1px solid #ddd;height:11px;width:100%;}
.progress dt{width:0;height:0;overflow:hidden;}
.progress dd{height:11px;float:left;position:relative;margin:0;}
.progress dd span{display:block;width:100%;height:100%;text-indent:-9000px;}
.progress dd div{width:0;height:0;border-top:11px solid transparent;border-right:11px solid #eee;border-left:0;position:absolute;top:0;right:0;}
.progress.bindStepOne .complete,.progress.bindStepThree .toDo{width:25%;margin:0;}
.progress.bindStepTwo .complete,.progress.bindStepTwo .toDo{width:50%;margin:0;}
.progress.bindStepThree .complete,.progress.bindStepOne .toDo{width:75%;margin:0;}
/*BUTTONS*/
.button-container {
    border-top: 2px dotted #BBBBBC;
    padding-top: 30px;
    width: 100%;
}
.button {
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 10px;
    overflow: visible;
    padding: 10px 25px;
    text-align: center !important;
}
.button-link {
    border-radius: 5px 5px 5px 5px;
    cursor: pointer;
    display: inline-block;
    font-size: 100%;
    font-weight: 700;
    margin-bottom: 10px;
    padding: 11px 25px;
    text-align: center !important;
    text-decoration: none !important;
}
#goBack{
	display:inline-block;
	}
	
.preferred { background-color: #0078BD; background-image: linear-gradient(to bottom, #0078BD 0%, #003466 100%); background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#0078BD), to(#003466)); background-image: -moz-linear-gradient(#0078BD, #003466) repeat scroll 0 0 transparent; background-image:-ms-linear-gradient:(top, #0078BD 0%, #003466 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466'); /* IE6 & IE7 */  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#0078BD', endColorstr='#003466')"; /* IE8 */ border:1px solid #003466; color:#ffffff;}
.preferred-secondary {
    background-color: #419A09;
    background-image: linear-gradient(to bottom, #609E30 0%, #285C01 100%);
    border: 1px solid #337401;
    color: #FFFFFF;
}
.preferred:hover, .preferred:active, .preferred:focus { background-image: linear-gradient(to bottom, #005281 0%, #002241 100%); background-image: -moz-linear-gradient(#005281, #002241) repeat scroll 0 0 transparent; background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#005281), to(#002241)); background-image:-ms-linear-gradient:(top, #005281 0%, #002241 100%); filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005281', endColorstr='#002241'); /* IE6 & IE7 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#005281', endColorstr='#002241')"; /* IE8 */ }
.preferred-secondary:hover, .preferred-secondary:active, .preferred-secondary:focus {
    background-image: linear-gradient(to bottom, #3D6B19 0%, #1B3B02 100%);
    text-decoration:none;
}
.non-preferred {
    background-color: #EBEBEB;
    background-image: -moz-linear-gradient(center top , #F7F7F7, #E4E4E4);
    border: 1px solid #AFAFAF;
    color: #333333 !important;
    text-decoration:none;
}
.non-preferred:hover, .non-preferred:active, .non-preferred:focus {
    background-color: #EEEEEE;
    background-image: linear-gradient(to bottom, #EEEEEE 0%, #C6C6C6 100%);
    border-color: rgba(175, 175, 175, 0.4) rgba(175, 175, 175, 0.5) rgba(100, 100, 100, 0.5);
    text-decoration:none;
}
.non-preferred-dark {
    background-color: #757575;
    background-image: -moz-linear-gradient(center top , #AEAEAE, #525252);
    border: 1px solid #AFAFAF;
    color: #FFFFFF !important;
    text-decoration:none;
}
.non-preferred-dark:hover, .non-preferred-dark:active, .non-preferred-dark:focus {
    background-color: #7E7E7E;
    background-image: linear-gradient(to bottom, #7E7E7E 0%, #333333 100%);
    border-color: rgba(175, 175, 175, 0.4) rgba(175, 175, 175, 0.5) rgba(100, 100, 100, 0.5);
    text-decoration:none;
}

/*HOVER HELP*/
a:hover,a:focus,a:active,.featurette a:hover{text-decoration:underline;}
.hover-active,.focus-active{background:url("/mm/images/feature/advicetools/x_button.gif") no-repeat left bottom}
.hover-help{line-height:1.22em!important;font-size:12px !important;text-decoration:none!important;border-bottom-width:1px;border-bottom-style:dashed;border-bottom-color:#06c}
.hoverHelpLink{color:#0000EE;line-height:1.3em!important;border-bottom:1px dashed;text-decoration:none!important;cursor:pointer}
.hoverHelpLink:visited, .hoverHelpLink:active{color:#0000EE;}
.hoverHelpDash{border-bottom:1px dashed}
#hoverHelpMessage{display:none;position:absolute;width:250px;background-color:#ffc;-moz-border-radius:5px;border-radius:5px;border:solid 2px #ddd;-moz-box-shadow:5px 5px 5px #888;-webkit-box-shadow:5px 5px 5px #888;box-shadow:5px 5px 5px #888;z-index:2000;padding:10px}
.hoverHelpMessageContent{display:none}
#hoverHelpMessageContent{font-size:12px;}
#hoverHelpArrow{margin-left:5px;display:none;position:absolute;z-index:2000}
#hoverHelpCloseIcon{display:none;float:right}
.hover-header{background-color:#3d8d0b;padding:5px 10px;color:#fff;font-weight:bold}
.hover-content{padding:5px 0; font-size:12px;}

/*FORMS*/
.advice-form {float:left; margin-top:20px; padding-bottom:20px;width:100%;}
.advice-form label {display:inline;}
.advice-form fieldset label {display:inline;}
.advice-form fieldset legend {color:#333;}
.advice-form .field-group {margin-bottom:18px; float:left; display:inline; width:100%;}
.advice-form .desc {width: 43%; float:left; display:block;max-width:350px; padding-top:12px;}
.advice-form .flat {padding-top:0px;}
.advice-form .value {color:#333333; width: 47%; float:left;}
.advice-form select, .selected-dd {min-width:100px;color:#333333; font-size:1em; /*border:1px solid #c7c8cB; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; -moz-box-shadow:  2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset;*/ padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}
.advice-form .text-field {width:180px;color:#333333; font-size:1em; border:1px solid #c7c8cB; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}
.advice-form .text-field-lrg {width:210px;color:#333333; font-size:1em; border:1px solid #c7c8cB; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}
.advice-form .text-field-mid {width:110px;color:#333333; font-size:1em; border:1px solid #c7c8cB; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}
.advice-form .dollar:before{content:"$";margin-left:-15px;}
.advice-form .hint{display:block;font-size:.85em;margin-top:5px;color:#757575;width:80%;}
.required {font-size:0.95em;margin:0 0 5px 0 ; margin-bottom:20px; border-bottom: 2px dotted #bbbbbc;}


.advice-form .column1 {width: 40%; float:left; display:block;max-width:350px; padding-top:12px;}
.advice-form .column2 {color:#333333; width: 30%; float:left;}
.advice-form .column3 {color:#333333; width: 30%; float:left;}
.advice-form .column4 {color:#333333; width: 60%; float:left;}

.advice-form .col-1{color:#333;padding-left:20px;width:275px;float:left;padding-top:10px}
.advice-form .col-2{width:420px;float:left;padding-top:10px}

.advice-form .outline{float:left;padding:10px 0px 10px 5px ;margin:15px 0;border:solid 1px #ccc; width:100%;}
.advice-form .column-1-alt{color:#333;padding-left:30px;float:left;padding-top:10px}

#disclosure-block{margin:15px auto; width:100%;}

.asset-form {font-size:0.9em; margin:15px;}

.ie7 .desc-big {width:350px;padding-top:0px;}
.ie7 .desc {width:350px;padding-top:0px;}
.ie9 .advice-form {width:100%;}

form .text-field-sm {width:60px;color:#333333; font-size:1em; border:1px solid #c7c8cB; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}
form .text-field-dollar {width:140px; color:#333333; font-size:1em; border:1px solid #c7c8cB; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 2px 0 5px 0 rgba(0, 0, 0, 0.15) inset; padding: 8px 5px; font-family:Arial,Helvetica,sans-serif;}


.advice-form .desc-big {width: 60%; float:left;}
.advice-form .value-sm {color:#333333; width: 40%; float:left;}

/*ERROR HANDLING*/
#error {background-color: #F5C5C5;background-image: url(/mm/images/feature/advicetools/alert_med.png);background-position:5px center;background-repeat: no-repeat; border:1px solid #ED4B34;margin-bottom: 30px; padding: 10px 10px 10px 50px;}
#error .message {color: #BE0002; font-size: 1em; font-weight: bold; margin: 5px 0;}
.field-error li {list-style-type:none;}
.field-error, .field-error2, .field-error3 { background-image: url(/mm/images/feature/advicetools/alert_sm.png); background-repeat: no-repeat; color: #BE0002;font-weight: bold; padding-bottom: 10px;padding-left: 28px; list-style-type:none;}
.field-error, .field-error2 {position: relative;top: 10px;}
.field-error {clear: both;display: block; float: none;}

/*Modal*/
.jqmWindow {    
    display: inline;
		position: absolute;
    top: 10%;
    top /*\**/: 7%\9;
    *top:7%;
    left: 50%;
    margin-left: -300px;
    width: 388px;
    background-color: #FFFFFF;
    color: #333;
    border: 1px solid black;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

.jqmHeader {
    line-height: 28px;
    border-bottom: 2px solid #8781BF;
    color: #8781BF;
    font-weight: bold;
    font-size: 15px;
    height: 28px;
    position: relative;
    font-family:Arial;
}

.jqmContentBody {
	background: url(/media/images/bg_leftnav1_blue.gif);
	background-repeat: repeat-x;
	padding-top:3px;
	
}

/*COST_MODAL*/
#lookup-table { 
	table-layout:fixed;
	width: 370px;
	height: 0px;
}

#lookup-table td {
	overflow: hidden;
	white-space: nowrap;
	vertical-align: bottom;
	height: 15px;
}

.cost-item:hover {
background-color:yellow;
}

.highlight-selected {
background-color:yellow;
}

.price {
	float: right;
	margin-right: 10px;
	font-weight:bold;
	font-size:11px;
}

.city {
	margin-left: 10px;
	font-weight:bold;
	font-size:11px;	
}

.headerSortUp { 
    background-image: url(/mm/images/feature/advicetools/headerSortUp.gif);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

.headerSortDown { 
    background-image: url(/mm/images/feature/advicetools/headerSortDown.gif);
    background-position: 98% 50%;
    background-repeat: no-repeat;
}

#name-of-school-header {
	border-right: 2px solid #999;
}

#college-cost-selectors {
	font-size:13px;
	padding-bottom: 40px;
	padding-top: 10px;	
}

#college-cost-selectors label {
	padding-top: 10px;	
}

.columnheader{
	cursor: pointer;
	border-bottom: 1px solid #999;
	color: white;
	font-size: 11px;
	font-weight:normal;
	background-color:#009ed9;
	color:white;
	padding:8px 8px 8px 8px;
	text-align:left;
	vertical-align:bottom;}
	
.columnheader a{
	color: white;
}

.columnheader a:hover{
	text-decoration:none;
}

.table-border {
	border:1px solid #999;
}


#graphTable {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 10pt;
	width: 100%;
	text-align: center;
	border-collapse: collapse;
	border: 1px solid #ccc;
}
#graphTable thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 10pt;
	padding: 8px;
	border: 1px solid #ccc;
}
#graphTable thead tr .header {
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
	border: 1px solid #cccc;
}
#graphTable tbody tr td {
    background-color: #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #3D3D3D;
    padding: 4px;
    vertical-align: top;
}
#graphTable tbody tr.odd td {
	background-color:#F0F0F6;
}

#graphTable thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
	background-color: #8dbdd8;
}

#graphTable thead tr .headerSortUp {
	background-image: url(/mm/images/feature/advicetools/headerSortUp.gif);
  background-position: 96% 50%;
  background-repeat: no-repeat;
  padding-right:12px;
}
#graphTable thead tr .headerSortDown {
  background-image: url(/mm/images/feature/advicetools/headerSortDown.gif);
  background-position: 96% 50%;
  background-repeat: no-repeat;
  padding-right:12px;
}

.accordionButton {	
   background: none repeat scroll 0 0 #CDCDCD;
   border-bottom: 1px solid #FFFFFF;
   color: #49563a;
   cursor: pointer;
   float: left;
   font-size: 14px;
   font-weight: bold;
   padding: 5px 5px 5px 10px;
   width: 99%;
}

.accordionButtonHovered{
	border: 1px solid #8bba00;
}

.accordionButtonSelected{
	background: none repeat scroll 0 0 #E3F6CE;
}

 
.accordionContent {	
	width: 100%;
	float: left;
	background: #FFF;
	display: none;
}

.title-table-graph{
	text-align: center;
	width:32%;	
}

#state-selector {padding: 3px;}
#tuition-selector {padding: 3px;}

/*TABLE FIXED HEADER*/
.scrollingViewByTbody {
    width: 388px;
    height: 270px;
	overflow-y: auto;
}

.investor-profile {border: 1px solid #cccccc;}
.investor-profile td {padding:3px;}
.investor-profile .header {background-color:#287200; color:#ffffff; font-weight:bold; text-align:center;}
.investor-profile .sel-mod {font-size:108%; font-weight:bold; text-align:center;}
.investor-profile .sub-head {background-color:#319900; color:#ffffff;}
.investor-profile .numeric {text-align:right;}
.investor-profile tr.even {background-color:#eaeaea;}
.investor-profile .tot {background-color:#666666; color:#ffffff; font-weight:bold;}
.inv-prof-highlight {padding:10px; background-color:#f3f3f3; float:left; width:760px;}
.inv-prof-highlight .column-one {width:420px; float:left;}
.inv-prof-highlight .column-two {float:left; border-left:1px solid #cccccc; padding-left:20px;}
.callout-area .column-one {padding: 0 60px 20px 40px; float:left; width:270px;}
.callout-area .column-two {padding: 0 40px 20px 60px; float:left; border-left:solid 1px #cccccc; width:269px;}
.investor-prof-table {border-top-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: none; border-bottom-style: solid; border-left-style: solid; border-top-color: #c7c7c7; border-bottom-color: #c7c7c7; border-left-color: #c7c7c7; border-collapse:collapse;}
.investor-prof-table th.columnheader {font-weight: bold; background-color: #909090; color:#ffffff; border-right-width: 1px; border-right-style: solid; border-right-color: #c7c7c7; padding:5px; text-align:center;}
.investor-prof-table th.columnsubheader {font-weight: bold; background-color: #dadada; color:#000000; border-right-width: 1px; border-right-style: solid; border-right-color: #c7c7c7; padding:5px; text-align:left;}
.investor-prof-table td.numeric, .investor-prof-table th.numeric {text-align:right;}
.investor-prof-table td, .investor-prof-table th.rowheader {text-align:left; border:1px solid #c7c7c7; padding:5px; font-weight:normal;
}
.investor-prof-table tr.rowheader th {text-align:left; border-right-width: 1px; border-right-style: solid; border-right-color: #c7c7c7; padding:5px; font-weight:normal;}
.investor-prof-table tr.subcategory th {border-right-width: 1px; border-right-style: solid; border-right-color: #c7c7c7; padding:5px 5px 5px 25px; font-weight:normal; text-align:left;}
.investor-prof-table td.total {font-weight:bold;}
img.centered {display: block; margin-left: auto; margin-right: auto; margin-bottom:16px;}
.selection {padding:7px; background-color:#088ecd; color:#ffffff; font-size:108%; font-weight:bold; margin-top:10px;}

.data-table7 {width:100%; padding:0; margin:0; border-collapse:collapse;}
.data-table7 th.tablehead {background-color:#666666; font-size:131%; vertical-align:bottom; margin:0; padding:5px; color:#ffffff; border: 1px solid #cccccc;}
.data-table7 th.header {margin:0; padding:5px; border-bottom: 1px solid #cccccc; font-weight:normal;}
.data-table7 td.description {margin:0; padding:5px; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.data-table7 tr.even {background-color:#e9f4fc;}
.data-table7 tr.even td.on {background-color:#f5fdc4;}
.data-table7 tr.total {background-color:#dadada;}
.data-table7 tr.total td.on {background-color:#eef4ba;}
.data-table7 td.numeric {text-align:right;}
.data-table7 td.select-model, .data-table7 th.select-model {background-color:#3991cd; padding:5px; font-weight:bold; border-bottom: 1px solid #cccccc; color:#ffffff;}
.data-table7 td.cell { margin:0; padding:5px 45px 5px 5px; text-align:right;}
.data-table7 .total {font-weight:bold;}
.data-table7 td.on, .data-table7 th.on {background-color:#f9ffc5; border-left: 1px solid #cccccc; border-right: 1px solid #cccccc;}
.data-table7 th.on {border-bottom: 1px solid #cccccc;}
.data-table7 td.border-right, .data-table7 th.border-right {border-right: 1px solid #cccccc;}
.data-table7 td.border-left, .data-table7 th.border-left {border-left: 1px solid #cccccc;}


.your-portfolio-content{margin:30px 0;}
.dialog-content{margin:0;}

#portfolio-description{width:80%;}
#sm-1 {display:none; text-align:center; padding:10px; font-weight:bold;}
#sm-2 {display:none; text-align:center; padding:10px; font-weight:bold;}
#sm-3 {display:none; text-align:center; padding:10px; font-weight:bold;}
#sm-4 {display:none; text-align:center; padding:10px; font-weight:bold;}
#sm-5 {display:none; text-align:center; padding:10px; font-weight:bold;}

/*ASSET ALLOCATION*/
.ass-col-a {float:left; width:45%; min-width:330px; margin-top:20px;}
.ass-col-b {float:left; margin-top:35px;}
.col-b-1 {float:left; margin:5px 5px 5px 0; padding-bottom:5px;}
.col-b-2 {float:left; width:180px; padding-bottom:5px;}
.col-b-3 {float:left; width:50px; padding-bottom:5px;}
.col-a {float:left; width:300px; margin:2px;}
.col-b {float:left;}
.text-large-normal {font-size:1.05em; font-weight:normal;}
.text-large {font-size:1.1em; font-weight:bold;}
hr {height:1px; width:100%; margin-top:20px; margin-bottom: 20px; background-color: #e2e3e6; color: #e2e3e6; border:#e2e3e6;}

.pie-chart-legend-color{width:15px;height:15px;display:block;}
#specialtyLegend{background-color:#333333;}
#internationalLegend{background-color:#00B6AF;}
#small-CapLegend{background-color:#2A8B16;}
#mid-CapLegend{background-color: #ACCE1C;}
#large-CapLegend{background-color:#FF956C;}
#balancedLegend{background-color:#860000;}
#bondsLegend{background-color:#D66EB4;}
#short-TermLegend{background-color:#ACAEB1;}
#cashLegend{background-color:#3333B1;}

.asset-allocation-pie-chart-legend-color{width:15px;height:15px;display:block;}
#internationalLegend{background-color:#fda01a;}
#small-CapLegend{background-color:#5e9bac;}
#mid-CapLegend{background-color: #b5b4b4;}
#large-CapLegend{background-color:#2f6a7d;}
#bondsLegend{background-color:#5bc6e8 ;}
#capitalPreservationLegend{background-color:#767980;}
