/* STYLESHEET

COLORS:
almost black	: #333;	rgb(51,51,51);
dark grey			: #666;	rbg(102,102,102);
light grey		: #999;	rbg(153,153,153);

Font Weights:
Roboto 			:	300, 400, 500, 900
Roboto Slab : 300, 400, 700
*/

/* General */
html,body,p,a,span,small,label {font-family:'Roboto',sans-serif; color:#666; }
a {color:inherit; }
a:hover {text-decoration:none !important; }
ul {list-style:none; margin:0; padding:0; }
h1 {font-family:'Roboto'; font-weight:300; }
h2,h3,h4 {font-family:'Roboto Slab',serif; font-weight:400; }
body h3 {font-weight:400; color:#333; }
h4 {margin:0 0 .5em; }
hr {margin:1.5em 0 2em; border:1px dotted #ccc; clear:both; }
.clear {clear:both; }
.pure-g [class *="pure-u"] {font-family:'Roboto',sans-serif; }

button.btn-lg, input[type="submit"] {background-color:#666; color:#fff; box-shadow:1px 2px 4px 0px rgba(0,0,0,.3); border:none; padding:.5em; border-radius:2px; }
button.btn-lg:hover, input[type="submit"]:hover {background-color:#999; }
button.btn-lg:active, input[type="submit"]:active {outline:none; box-shadow:3px 6px 8px 0px rgba(0,0,0,.3); }
button.btn-lg:focus, input[type="submit"]:focus {outline:none; }

span.icon {color:#fff; font-size:1em; vertical-align:middle; }


/* Sidebar */
.sidebar {color:#fff; box-shadow:5px 0 14px 0px rgba(0,0,0,.3); position:relative;}
.oppScoreHeader {margin-top:0; }
.school-header {background-color:#fff; padding:48px 0 1.5em; }
.sidebar a {color:white; }
.school-header img {width:100px; height:auto; max-height:150px; }
h2.brand-tagline {font-weight:700; color:#999; margin-top:1em; }


/* Navigation */
.nav-list .nav-item {width:100%; margin-top:1em; border:0 solid transparent; border-right-width:8px; font-size:.9em;
		transition: border-color .4s ease-in-out;
    -webkit-transition: border-color .4s ease-in-out;
    -moz-transition: border-color .4s ease-in-out; }
.nav-list .nav-item a {font:300 1.5em 'Roboto Slab',serif; margin:0; padding-left:2em; float:left; width:100%; text-align:left; border:none !important; }
.nav-list .nav-item:hover {border-color:#fff; }
.nav-item a:hover{background-image:none !important;}
.i-book:before {font-size:.8em; }

.sidebar .secondary-nav {position:absolute; bottom:0; width:100%; margin-bottom:2em; }
.sidebar .secondary-nav li {margin-top:1em; font-weight:300; }
.sidebar .secondary-nav li a {border:0 solid transparent; border-bottom-width:1px; padding-bottom:1px; }
.sidebar .secondary-nav li a:hover {border-color:#fff; }


/* Tables / Input */
table * {font-family:'Roboto',sans-serif; font-weight:400; border:hidden; }
table input, input[type="text"], input[type="search"], input[type="password"] {border:1px solid #999; margin:5px 8px; color:#333; text-align:center; }
input[type="search"] {text-align:left; padding-left:.5em; outline:0; }
label small, .range small, small.range {color:#999; font-style:italic; }
select {background:#fff; border:1px solid #999; outline:none; }
table th.category {text-align:right; }
td.range {font-style:italic; color:#999; text-align:left; }
table.dataTable th.sorting {font-weight:500; }
table.dataTable th.sorting_asc, table.dataTable th.sorting_desc {font-weight:900; }
.dataTables_wrapper .dataTables_paginate a.paginate_button {border:none; }
.dataTables_wrapper .dataTables_paginate a.paginate_button.current {background:#999; color:#fff !important; border:none; }
.dataTables_wrapper .dataTables_paginate a.paginate_button:hover, .dataTables_wrapper .dataTables_paginate a.paginate_button.current:hover {
		background:#999; color:#fff; box-shadow:1px 2px 4px 0px rgba(0,0,0,.3); border:none; border-radius:2px; }
.dataTables_wrapper .dataTables_paginate a.paginate_button:active, .dataTables_wrapper .dataTables_paginate a.paginate_button.current:active {
		background-color:#666; outline:none; box-shadow:3px 6px 8px 0px rgba(0,0,0,.3); }

.psat-table {float:left; margin-bottom:1em; }
#eleventhCoefficientTable {margin-right:5em; }
.courseRigor {width:100%; margin:.5em 0 2em; float:left;  }
.courseRigor ul {margin-top:.4em; }
.courseRigor ul li {float:left; margin-right:1em; }

.extracurriculars {margin-bottom:1.5em; float:left; }
.extracurriculars > div {margin:.5em 0; width:48%; float:left; }

#tuitionRange {border:0; color:#f6931f; margin:0; text-align:left; }
.sliderContainer {margin-top:.5em; }


/* OppScore */
.opp-score {float:left; margin-bottom:1.5em; }
.opp-score h3 {padding-top:64px; /*line-height:150px;*/ margin:0; font-family:'Roboto',sans-serif; font-weight:300; color:#999; font-size:1.25em; }
#oppScore {font-size:3em; color:#fff; width:150px; height:150px; line-height:150px; text-align:center; border-radius:20em; 
		margin:0; box-shadow:1px 4px 7px 0px rgba(0,0,0,.4); margin-right:20px; }
.oppscore-range {float:left; }


/* FAQ */
.faq-directory li {margin-bottom:.1em; }
.faq-directory li a:hover {color:#666; }
.faq-list li {margin-top:2em; }


/* Login */
#login .sidebar {background-color:#66666d; }
#login h1.brand-title {margin-top:1.5em; letter-spacing:.1em; font-size:2.5em; text-shadow:-4px 3px 2px rgba(0,0,0,.3); }
#login .success {background-color:#61B329; color:#fff; padding:.5em; width:80%; text-align:center; }
.login-block h3 {margin:1.5em 0 .5em; }