@font-face {
    font-family: 'MentoneSemiBold';
    src: url('../fonts/mentone-semibol-webfont.eot');
    src: url('../fonts/mentone-semibol-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/mentone-semibol-webfont.woff') format('woff'),
         url('../fonts/mentone-semibol-webfont.ttf') format('truetype'),
         url('../fonts/mentone-semibol-webfont.svg#MentoneSemiBold') format('svg');
    font-weight: normal;
    font-style: normal;

}
fieldset {border:none;padding:5px 0 10px 0;margin-top:10px;float:left;width:434px;}
fieldset legend {font-size:18px;font-family: 'MentoneSemiBold';display:block;overflow:hidden;}

h1.planner-h1 {font-size:26px;font-family: 'MentoneSemiBold';color:#333;}
h2.planner-h2 {font-size:16px;font-family: 'MentoneSemiBold';color:#333; background:url(../images/header-bg.png) repeat-x top;padding:10px 10px 10px 15px;height:20px;}
form#planner-form {padding:0 10px 0 10px;}
form#planner-form label{clear:both;display:block;font-family:Arial,sans-serif;font-size:14px;font-weight:bold;color:#333;margin:15px 0;}
form#planner-form input,form#planner-form select, form#planner-form option {font-family:Arial,sans-serif;font-size:16px;}
form#planner-form select,form#planner-form input[type='text'] {border:1px #DFDFDF solid;padding:4px;color:#333;max-width:400px;}
form#planner-form input[type='image']#planner_button {clear:both;border:none;display:block;margin:15px 0;padding:0;}
#resources_popup {border: 1px solid #ccc; padding: 10px; background-color: #e5e5e5}
#resources_popup ol {list-style: decimal outside;}
#resources_popup li {padding-bottom: 10px; margin-left: 20px;}
div.two-40 {float:left;width:240px;}
div.six-30 {float:left;width:630px;}
div.four-30 {float:left;width:434px;}
div.three-25 {float:left;width:325px;}
div.four {float:left;width:400px;}
div.two-45 {float:left;width:235px;}
div.one-10 {float:left;width:118px;text-align:center;margin:20px 0;}
div.one-10:FIRST-CHILD {border-right:1px solid #c8c8c8;}
div.three-85 {float:left;width:365px;padding-right:10px;border-right:1px solid #C8C8C8;overflow:hidden;margin-bottom:10px;}
div.gray-div {background-color:#F5F5F5;overflow:hidden;}
div.row {clear:both;overflow:hidden;}
p.verdict-p {text-align:center;}
span.verdict-msg {color:#999;font-size:18px;text-align:center;}
span.verdict{font-size:48px;font-family: 'MentoneSemiBold';}
span.verdict.bad {color:#990000;}
.ml20 {margin-left:20px;}
.pdb20 {padding-bottom:20px;}
div.bottom-row h2 {margin:10px 0;}
div#chart {margin:0 0 0 20px;}
div#chart_legend {float: right;}
span.lexile {font-size:18px;}
p.projections-p {text-align:center;}
span.projections-text {font-size:48px;font-family: 'MentoneSemiBold';color:#333;}
span.projections-name {color:#999;}
#progress {padding:0 15px;font-size:16px;margin-bottom:10px;color:#333;}
#progress p#no_data {display: block;}
#progress p#target_good {display: none;}
#progress p#target_bad {display: none;}
#x-axis {width: 600px;text-align: center;margin-bottom: 20px;margin-left: 24px;}
#y-axis {float: left;padding-top: 96px;}
#placeholder {float: right;}
.full-width {width:100%;}
.left {float:left;}
.oh {overflow:hidden;}
hr.form-hr {margin:15px 0;}
.mentone {font-size:26px;font-family: 'MentoneSemiBold';color:#333;}
.lexile-range {background-color:#e5e5e5;padding:20px;margin-top:20px;}
.lexile-range p {font-size:22px;}
.blue-btn {
	
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #316d93), color-stop(1, #204a64) );
	background:-moz-linear-gradient( center top, #316d93 5%, #204a64 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#316d93', endColorstr='#204a64');
	background-color:#316d93;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:none;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:15px;
	font-weight:bold;
	padding:6px 24px;
	text-decoration:none;
	text-shadow:1px 1px 0px #545454;
}.blue-btn:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #204a64), color-stop(1, #316d93) );
	background:-moz-linear-gradient( center top, #204a64 5%, #316d93 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#204a64', endColorstr='#316d93');
	background-color:#204a64;
}.blue-btn:active {
	position:relative;
	top:1px;
}
ul.errorlist {list-style:none;padding:0;margin:0;}
ul.errorlist li {padding:10px;background-color:#cc0000;color:#fff;}
