@charset "utf-8";
/* CSS Document */

html {
  position: relative;  /*IMPORTANT FOR THE ABSOLUTE FOOTER */
  min-height: 100%;
}
/*Import Impact font*/
@font-face {
    font-family: Impact;
    src: url('../fonts/impact.ttf');
}
.alert{
  margin: 15px 0;
}

* {
  text-rendering: optimizeLegibility;
	text-shadow: rgba(0,0,0,.01) 0 0 1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-style: normal;
  font-weight: 400;
}
body {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 14px;
	line-height: 1.428571429;
	color: #666;
	background-color: #ffffff;
	min-height: 100%; 
  height: auto !important; 
  height:100%;
  /* IMPORTANT: Margin bottom by footer height*/
  margin-bottom: 215px; 
}
footer {
  position:absolute; /*IMPORTANT FOR THE RELATIVE BODY*/
  width:100%;
	font:10px Arial, Verdana, Geneva, sans-serif;
	color:#fff;
	background:#005daa;
	margin-top: 30px;
  left: 0;
  bottom: 0;
  height: 215px;    /* IMPORTANT:  SAME AS BODY'S MARGIN  */
}
footer .container{
  padding: 30px;
  min-height:180px;
  height: auto;
}

/*Footer Styles*/
footer img{
  max-width: 100%;
}
footer .text-center{
	padding: 0 10%;
}
footer .text-center img{
	max-width: 80px;
	display: block;
	margin:0 auto 15px auto;
}
blockquote {
	border-left: none;
}
blockquote.bot-margin-sm {
	margin-bottom: 5px;
}
#popup-fixed {
	max-width: 520px;
}
.chart-fixed {
	width: 600px;
}
.col-lined {
	padding-right:70px;/*border-right: 1px solid #ccc;*/
}
.col-lined p{
  margin-bottom: 20px;
}
.header {
	text-align:center;
}
.header-text {
	margin:0;
	color:#00afdb;
	font-weight:bold;
}
h3, .h3 {
	font:24px Impact, "Helvetica Neue", Helvetica, Arial, sans-serif;
	margin-bottom:0;
	margin-top:20px;
	color: #005daa;
	text-align: center;
}
h4, .h4 {
	font:18px Impact, "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #00afdb;
	margin-bottom:0;
	margin-top:0;
}
h5, .h5 {
	font: 18px "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-weight: normal;
  color: #005daa;
  margin-bottom: 10px;
  margin-top: 20px;
}
h6, .h6 {
	font:12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: bold;
	color: #00afdb;
	margin-bottom:10px;
	margin-top:0px;
}
.h5-noTopMargin {
	margin-bottom:15px;
	margin-top:0;
}
.inline{
	display: inline-block;
}
h3.inline,
h4.inline{
	text-align: center;
	font-size: 24px;
	padding: 0 10px 0 0;
}
h4.inline{
	border-left: 2px solid #005daa;
  	padding: 0 10px;
}
.btn{
	-webkit-transition: .3s all ease-in-out;
	-moz-transition: .3s all ease-in-out;
	-o-transition: .3s all ease-in-out;
	transition: .3s all ease-in-out;
}
.btn.btn-default{
	margin-top: 15px;
	margin-bottom: 20px;
}
.btn-default{
	border-radius: 0;
	width: 100%;
	max-width: 255px;
	color: #005daa;
  	border-color: #005daa;
  	padding: 10px 5px;
}
.btn-default:hover{
	color: #00afdb;
  	border-color: #00afdb;
	background-color: #fff;
}
.form-control{
	border-radius: 0;
	border-color: #454545;
}
 
  .started.row {
    display: table;
  }
 .started [class*="col-"] {
    float: none;
  	width: 25%;
  	display: table-cell;
    vertical-align: top;
    position: relative;
    padding-bottom: 80px;
  }
.started  p.button {
    position: absolute;
    bottom: 0;
    /*text-align: center;*/
    margin-left: auto;
    margin-right: auto;
    width: 90%;
  }

.modal-header {
	font:18px Helvetica, Arial, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	min-height: 18px;
	padding: 15px;
	border-bottom: 1px solid #e5e5e5;
	color: #005daa;
	margin-bottom:0;
}
.browntext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #fe7d63;
}
.explore {
	margin-top:10px;
	height:360px;
	width:330px;
	background:#ffa356 url('../images/hp_explore_pict.jpg') no-repeat left bottom;
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fe7d63;
}
.explore .panel-body a{
	color: #fe7d63;
	text-decoration:underline;
}
.explore .panel-body a:hover{
	color: #9C9;
}
.instruction {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	font-style: italic;
	font-weight: normal;
}
.bq p {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #999;
	font-style: italic;
	font-weight: normal;
}
.plan {
	margin-top:10px;
	height:360px;
	width:330px;
	background:#005daa url('../images/hp_plan_pict.jpg') no-repeat left bottom;
	font:14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #fe7d63;
}
.plan .panel-body a{
	color: #fe7d63;
	text-decoration:underline;
}
.plan .panel-body a:hover{
	color: #cee2dc;
}
.brown-box {
	/*width:250px;
	height: 135px;*/
	background:#d8d2c9;
	line-height:18px;
	font:13px Arial, Verdana, Geneva, Helvetica, sans-serif;
	color: #fe7d63;
}
.brown-box .panel-body a{
	color: #fe7d63;
}
.brown-box .panel-body a:hover{
	color: #333;
}
.panel-heading {
	font:16px Arial, Verdana, Geneva, sans-serif;
	font-weight: bold;
}

/* --- ACADEMICS NAVIGATION -- */
#academic .btn-lg {
	width:200px;
	text-align:right;
}
#academic .btn-lg:hover {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";       /* IE 8 */
	filter: alpha(opacity=50);  /* IE 5-7 */
	-moz-opacity: 0.5;          /* Netscape */
	-khtml-opacity: 0.5;        /* Safari 1.x */
	opacity: 0.5;
	color: #666;/*f2faf8*/
}
#academic .lt-blue {
	background-color:#83cbb2;
	font:14px Verdana, Geneva, sans-serif;
	color: #fff;/*f2faf8*/
}
#academic .yellow {
	background-color:#ffa356;
	font:14px Verdana, Geneva, sans-serif;
	color: #fff;/*f2faf8*/
}
#academic .lt-green {
	background-color:#949494;
	font:14px Verdana, Geneva, sans-serif;
	color: #fff;/*f2faf8*/
	padding:7px;
}
#academic .brown {
	background-color:#fe7d63;
	font:14px Verdana, Geneva, sans-serif;
	color: #fff;/*f2faf8*/
}
/* -- TRACKER TRANSITION PAGE PANEL -- */
.panel .tracker {
	padding: 10px 10px;
	background-color: #fff;
}
.news {
	height: 150px;
	overflow-y: auto;
	overflow-x: hidden;
}
#adx100173 {
	padding-left:5px;
}
#adx100184 {
	padding-left:5px;
}
#adx100186 {
	padding-left:5px;
}
.tracker .panel-body {
	background-color:#fff;
	color: #fe7d63;
	border-color: #ddd;
	font-size: 11px;
}
.tracker {
	border-color: #dddddd;
}
.tracker >.panel-heading {
	border-bottom: 1px solid transparent;
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	background-image: linear-gradient(bottom, rgb(219,216,212) 2%, rgb(255,255,255) 61%);
	background-image: -o-linear-gradient(bottom, rgb(219,216,212) 2%, rgb(255,255,255) 61%);
	background-image: -moz-linear-gradient(bottom, rgb(219,216,212) 2%, rgb(255,255,255) 61%);
	background-image: -webkit-linear-gradient(bottom, rgb(219,216,212) 2%, rgb(255,255,255) 61%);
	background-image: -ms-linear-gradient(bottom, rgb(219,216,212) 2%, rgb(255,255,255) 61%);
	background-image: -webkit-gradient( linear, left bottom, left top, color-stop(0.02, rgb(219,216,212)), color-stop(0.61, rgb(255,255,255)) );
	height:30px;
	font:18px Verdana, Geneva, sans-serif;
	font-weight: bold;
	color:#999;
	padding: 5px 10px;
}
.tracker-entry {
	border-top: 1px dotted #fe7d63;
	/*margin-top:5px;*/
	padding-top:5px;
	padding-bottom:7px;
}
a.tracker-link {
	color: #fe7d63;
	/*font-weight: bold;*/
	text-decoration: none;
	float:right;
	padding-bottom:5px;
}
a.tracker-link:hover {
	color: #708090;
	font-weight: bold;
	font-size: 11px;
}
.tracker .panel-footer {
	background-color:#efefef;
}
/*.sidebarinfo .panel-heading {
	background-color:#9ecef2;
	color: #e7eff6;
	border-color: #fff;
}
.sidebarinfo .panel-body {
	background-color:#cee3f3;
	font-size: 12px;
}
.sidebarinfo .panel-footer {
	background-color:#cee3f3;
	border-color: #fff;
	font-size: 12px;
}*/
/* CONFIRM PROCESS STUFF */
.info .panel-body, table {
	background-color:#f2f2f2;
	font-size: 12px;
}
.info .panel-heading {
	background-color:#efefef;
}
/*end info table */
.confirmed table {
	font-size: 11px;
}
/*chart table */
.chart table {
	font-size: 11px;
}
/*reasoning table */
.critical, table td {
	background-color:#fff;
	font-size: 13px;
}
/*notetaking table */
.note table {
	/*margin-left:10px;*/
	width:620px;
}
.note table td {
	background-color:#f2f2f2;
	font-size: 12px;
}
.hotspot {
	/*background-color:#f0b1f6;*/
	line-height:18px;
}
a.hotspot {
	text-decoration:none;
}
.qtip-hotspot .qtip-content{
    font-size: 12px;
}

placeholder {
	color:#666;
}
/**** MODAL DIALOGS **/
#quiz1 .modal-dialog {
	width: 600px;/* your width */
}
#success-quiz .modal-dialog {
	width: 700px;/* your width */
}
#time-quiz .modal-dialog {
	width: 700px;/* your width */
}
#time-quiz2 .modal-dialog {
	width: 650px;/* your width */
}
#time-sched .modal-dialog {
	width: 780px;/* your width */
}
#critical-quiz .modal-dialog {
	width: 650px;/* your width */
}
#note-quiz .modal-dialog {
	width: 650px;/* your width */
}
#problem-quiz .modal-dialog {
	width: 820px;/* your width */
}
/* -- TRANSLUCENT HEADER OVER TRACKER -- */
.pict-heading {
	background-color: rgba(100, 100, 100, 0.7);
	position: absolute;
	top: 65%;
	left: 0;
	width: 100%;
	height: 49px;
	padding:5px;
}
.blue {
	background-color: rgba(0, 167, 229, 0.5);
	font:13px Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	color: #fff;
	text-transform:uppercase;
}
.green {
	background-color: rgba(157, 201, 186, 0.8);
	font:15px Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: bold;
	text-align:center;
	color: #dfefea;
}
.blue .sub {
	color: #00afdb;
}
.pict-bachelor {
	background:url('../images/bachelors.jpg' );
	position: relative;
	width:224px;
	height:177px;
}
.pict-jaywalk {
	background:url('../images/jj_jayWalk.jpg' );
	position: relative;
	width:224px;
	height:177px;
}
.pict-resources {
	background:url('../images/jj_resources.jpg' );
	position: relative;
	width:224px;
	height:177px;
}
.pict-degree-fos {
	background:url('../images/degree_hp_fos.jpg');
	position: relative;
	width:200px;
	height:150px;
}
.pict-degree-ffa {
	background:url('../images/degree_hp_ffa.jpg');
	position: relative;
	width:200px;
	height:150px;
}
.pict-degree-cj {
	background:url('../images/degree_hp_cj.jpg');
	position: relative;
	width:200px;
	height:150px;
}
.pict-degree-cs {
	background:url('../images/degree_hp_cs.jpg');
	position: relative;
	width:200px;
	height:150px;
}
.pict-degree-hs {
	background:url('../images/degree_hp_hs.png');
	position: relative;
	width:200px;
	height:150px;
}
.pict-degree-la {
	background:url('../images/degree_hp_la.png');
	position: relative;
	width:200px;
	height:150px;
}
.caption-font {
	font:12px Arial, Verdana, Geneva, Helvetica, sans-serif;
	font-weight: normal;
	color:fff;
	margin:3px;
}
/* -- FORM CONTROLS -- */
#confirm {
	width:700px;
}
select option {
	color: #777;
}
.empty {
	color: #666
}
#birthday {
	width:80px;
}
#birthyear {
	width:80px;
}
#birthmonth {
	width:118px;
}
.cancel {
	display: none;
}
label.error {
	margin-left: 10px;
	width: auto;
	display: inline;
}
.error {
	font: italic 11px Verdana, Geneva, sans-serif;
	color: #F33
}
label, .labeltext {
	font: 14px "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	margin-bottom: 10px;
}
/* -- FOOTER-- */
/*.footer-stripe {
	min-height:33px;
	font:11px Verdana, Geneva, sans-serif;
	padding:5px;
	text-align:center;
}*/
.footer {
  position:absolute; /*IMPORTANT FOR THE RELATIVE BODY*/
  width:100%;
	font:10px Arial, Verdana, Geneva, sans-serif;
	color:#fff;
	background:#005daa;
	padding: 30px 0;
	margin-top: 30px;
  left: 0;
  bottom: 0;
  height: 100px;    /* IMPORTANT:  SAME AS BODY'S MARGIN  */
}
.footer .border {
	height:100px;
	border-right:1px solid #cee2dc;
}
.footer-menu {
	margin:10px 0 10px 35px;
}
.footer-menu > div > ul {
	margin: 4px;
	padding: 4px;
	line-height: 14px;
	list-style:none;
}
.footer-menu > div > ul > li a {
	color:#fff;/*color:#cee2dc;*/
}
.footer-menu a {
	color:#fff;/*color:#cee2dc;*/
}
.padding-left {
	margin-left:10px;
}
.padding-right {
	margin-right:10px;
}
.padding-bottom {
	margin-bottom:10px;
}
/* PRINT MODAL WINDOW STUFF */

@media print {
.dontPrint {
	display: none;
}
}


.bth, .btn-lg{
  border-radius: 0;
}