@charset "utf-8"; 
/* ******************************************
** Body and Header
******************************************* */

.noscreen{
    display: none;
}

.invisible{
    display: none;
    visibility: hidden;
}

p.signature {
    margin-bottom: 0px;
    margin-top: 0px;
}
p.signature img{
    height: 70px;
    width: auto;
}

/*p.signature hr{*/
    /*margin-bottom: 0px;*/
/*}*/
#transcript_legend h2{
	text-decoration: underline;
}

#transcript_legend p{
	margin-bottom: 10px;
}

#transcript_legend table{
	border: 0px;
	width: 275px;
	margin-bottom: 25px;
	margin-top: 15px;
}

#transcript_legend th{
	padding: 0px;
	background-color: #ffffff;
	border: 0px solid #000000;
}

#transcript_legend td {
	padding: 0px;
	padding-left: 50px;
	background-color: #ffffff;
	border: 0px solid #000000;
}



.timestamp{
    color: blue;
}

.aliceblue {
	
	background-color: aliceblue;
	
}

table.unroll {
	width: 100%;
}

table.unroll td, table.unroll th {
	border: 1px solid lightgray;
}


div.watermark{
    background-image:url('../../images/four_winds.jpg');
    background-size: 200px auto; 
    min-height: 600px;
}


.highlight_green{
	
	background-color: #99ff00;
	
}

.highlight_yellow {
	
	background-color: #ffff66;
	
}

.highlight_lightgray{
	
	background-color: lightgray;
	
}


tr.grade_change_container{
	
	background-color: aliceblue;

}

tr.grade_change_container div.evals{
	
	width: 40%;
	float: left;
	min-height: 200px;
	border: 1px solid lightgray;
	padding: 20px;
	margin-left: 5%;
	border-radius: 15px;
	margin-bottom: 25px;

}

img.iconpreloader{
	
	height: 16px;
	width: auto;
	border: 0px solid #ffffff;

}

a.icon {

	border: 0;
	outline: none;
	color: #ffffff;
	
}

a.icon img {

	border: 0;
	outline: none;
	
}



body{
    padding: 15px 15px 25px 15px;
    font-size: 0.95em;
    color: #404040;
    font-family: arial;
    background-color: aliceblue;
    zoom: 1;
}

div.content_container{
    padding: 10px;
    background-color: #ffffff;
    max-width: 1600px;
    margin-left: auto;
    margin-right: auto; 
    min-height: 600px;
    border-radius: 10px;
    border: 0px solid #003896;
}

div.content_container > header{
    border: 0px solid #000000;
    padding-bottom: 5px;
}

div.content_container > header h1{
    font-weight: bold;
    font-size: 1.3em;
    float: right;
    color: #990000;
    margin-top: 15px;
}

div.content_container > header h2{
    color: #003896;
    font-weight: normal;
    margin-top: 15px;
    margin-bottom: 5px;
    float: left;
    clear: both;
}

div.content_container > header img{
    float: left; 
    display: block;
    width: 275px;
    /*height: 79px;*/
    height: auto;
}


   
span.user_name {
    color: #990000;
}

mark {
    padding: 2px;
}


article header{
    
    margin-bottom: 30px;
    border: 0px solid #000000;
    
}

section h2 {
    
    margin-bottom: 5px;
}

.grayed_out {
	background-color: #e0e0eb;
}

textarea.course_information{
	width: 100%;
	height: 400px;
	
}

textarea.tinymce_comments{
	width: 100%;
	height: 200px;
	
}


th{
 
    background-color: lightgray;
    background-color: #c5dbec;
    
}


td, th{
    
    padding: 4px 10px 4px 10px;
    
}


div.report_subsec{
    
    padding: 5px 20px 20px 10px;
    min-height: 30px;
}

div.report_subsec h4{
    
    margin-bottom: 10px;
    
}

div.report_subsec li{
    
     list-style-type: none;
     margin: 0px 20px 5px 0px;
    
}

div.report_subsec ul{
    margin: 10px 20px 8px 20px;
}

div.report_subsec table{
    border-collapse:separate;
    font-size: 0.83em;
    border-spacing: 0.5em 0.2em;
    margin-bottom: 25px;
    margin-left: 10px;
    margin-right: 10px;  
    margin-top: 10px;
}


/* ******************************************
** Navigation 
******************************************* */
nav {
        clear: both;
        margin: 0;
        padding: 0;
        margin-top: 10px;

    }
    

    nav ul {
	list-style: none;
        margin: 0;
        padding: 0;
    }
    
    nav li{
        margin: 0;
        padding: 0;
        float: left;
        border: 1px solid #ffffff;

    }
    
   nav a{
        margin: 0;
        padding: 0; 
        text-decoration: none;
        background-color: #003896;
        color: #ffffff;
        display: inline-block;
        position: relative;
        padding: 4px 20px 4px 20px;
        vertical-align: baseline;
        font-weight: 600;
        font-size: 0.8em;
    }   
    
    nav a:hover {
        color: #003896;
        background-color: aliceblue;
    }
    
    nav sup {
        background-color: #ff0000;
        position: absolute;
        top: -5px;
        right: 0px;
        color: #ffffff;
        border-radius: 50%;
        font-size: .9em;
        text-align: center;
        padding: 3px;
        min-width: 13px;
        vertical-align: baseline;
        display: block;
    }


/* ******************************************
** Articles
******************************************* */
article{
    width: 65%;
    border: 0px solid #003896;
    border-radius: 10px;
    padding: 10px;
    float: left;
}

article header h1{
    font-size: 1.2em;
    color: #990000;
    font-weight: bold;
    margin-bottom: 3px;
    clear: both;
    border: 0px solid #000000;
}

article header p{
    margin-top: 10px;
    margin-bottom: 10px;
}

article header h1{
    margin-bottom: 5px;
}

article header h2{
    color: #003896;
    font-weight: bold;
    font-size: 1.1em;
    margin-top: 5px;
}

article h2{
    color: #003896;
    font-weight: bold;
    font-size: 1.1em;
}

article h3{
    margin-top: 15px;
    font-weight: bold;
}


article li{
    margin-bottom: 3px;
    line-height: 135%;

}

article section{
    border: 0px solid #000000;
    margin-bottom: 20px;

}

article section.advisory{
    position: relative;
    border: 0px solid #000000;
    margin-bottom: 20px;
    color: blue;
}

article section h3{
    margin-top: 0px;
}



dl.report_list{
    border: 0px solid #000000;
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 15px;
    margin-bottom: 15px;
    padding: 10px;
}

dl.report_list dt{
    padding: 10px 10px 0px 10px;
    font-weight: bold;
    border-top: 1px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 0px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    border-top-left-radius: 15px;
}

dl.report_list dd{
    padding: 0px 10px 10px 10px;
    border-top: 0px solid #d3d3d3;
    border-right: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
    border-left: 1px solid #d3d3d3;
    margin-bottom: 15px;
}

form{
    border: 0px solid #000000;
    clear: both;
    margin-left: 25px;
    margin-right: 25px;
    margin-top: 20px;
    margin-bottom: 10px;
}


section.evaluation form{
    border: 0px solid #000000;
    clear: both;
    margin: 0px;
	position: relative;
	min-width: 350px;

}

section.evaluation textarea{
    
    clear: both;
    margin: 0px;
	margin-top: 25px;
	display: block;

}

section.evaluation label{
    border: 0px solid #000000;
	display: inline-block;
}

section.evaluation select{
    border: 1px solid #000000;
	display: inline-block;
	margin-right: 25px;
}

section.evaluation input[type="checkbox"]{
    clear: right;
}

section.evaluation div.input_container{
    border: 1px solid lightgray;
	margin-bottom: 25px;
	clear: both;
	position: relative;
	border-radius: 10px;
	background-color: aliceblue;
    padding: 10px;
}

section.evaluation div.input_container p{
    border: 0px solid lightgray;
	clear: both;
	color: #003896;
	font-weight: bold;
	margin-top: 0px;
	padding-left: 20px;
	padding-right: 20px;
}

section.evaluation section{
    border: 0px solid #000000;
}

section.evaluation section.section_select_designation{
	border: 0px solid lightgray;
	float: left;
	padding: 0px;
	padding-left: 10px;
	display: inline-block;
	width: 400px;
	padding-top: 20px;
}

section.evaluation section.section_select_designation select{
	
	 height: 25px;
	 font-size: inherit;

}


section.evaluation section.section_incomplete_date{
	 border: 0px solid lightgray;
	 float: left;
	 padding: 0px;
	 padding-top: 23px;
	 padding-left: 10px;
	 display: inline-block;
	 width: 300px;
}

section.evaluation section.section_incomplete_date input[type="text"]{
	height: 20px;
	width: 125px;
	font-family: inherit;
	font-size: inherit;
	display: inline-block;
}

section.evaluation section.section_incomplete_date input[type="date"]{
	height: 20px;
	width: 150px;
	font-family: inherit;
	font-size: inherit;
	display: inline-block;
}


section.evaluation section.section_checkbox_flag{
	border: 0px solid lightgray;
	float:left;
	padding: 0px;
	padding-left: 25px;
	display: inline-block;
	width: 275px;
	padding-top: 8px;
}


fieldset{
    border: 1px solid #003896;
    border-radius: 10px;
    padding: 15px;
}

#errormsg fieldset{
    background-color: #ffffff;
    color: red;
    border: 1px solid red;
    border-radius: 10px;
    padding: 15px;
}

#errormsg legend{
    background-color: #ffffff;
    border: 1px solid red;
    border-radius: 10px;
    color: red;
    font-size: 1.1em;
}

#alertmsg fieldset{
    background-color: #f1eacf;
    color: #000000;
    border: 1px solid #003896;
    border-radius: 10px;
    padding: 15px;
}

#alertmsg legend{
    background-color: #f1eacf;
    border: 1px solid #003896;
    border-radius: 10px;
    font-size: 1.1em;
}

legend{
    color: #003896;
    font-size: 1.1em;
}

label{
    display: block;
    clear: both;
    color: #003896;
    margin-top: 10px;
}

input[type="text"].ses{
    width: 400px;
}


input:focus{
    background-color: lightgray;
}

input[type="submit"], input[type="reset"] {
    display: block;
    margin-top: 15px;
    color: #003896;
    font-weight: bold;
    border-radius: 5px;
    padding: 3px 7px 3px 7px;
    cursor: pointer;
}

input[type="checkbox"]{
    width: 20px;
    height: 20px;
}

input[type="image"]{
    width: 20px;
    height: 20px;
}

input.addbtn {
    background-image: url(/images/add.jpg);
    background-color: transparent; /* make the button transparent */  
    background-repeat: no-repeat;  /* make the background image appear only once */
    border: none;           /* no border needed */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    width: 32px;            /* image width */
	align-self: center      /*center image*/
}

input.editbtn {
    background-image: url(/images/b_edit.png);
    background-color: transparent; /* make the button transparent */  
    background-repeat: no-repeat;  /* make the background image appear only once */
    border: none;           /* no border needed */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 16px;           /* make this the size of your image */
    width: 32px;            /* image width */
}

input.deletebtn {
    background-image: url(/images/delete.png);
    background-color: transparent; /* make the button transparent */  
    background-repeat: no-repeat;  /* make the background image appear only once */
    border: none;           /* no border needed */
    cursor: pointer;        /* make the cursor like hovering over an <a> element */
    height: 20px;           /* make this the size of your image */
    width: 32px;            /* image width */
}

section.advisory img{
    float: left;
    padding: 5px;
    border: 0px solid #000000;
    margin-left: 10px;
    display: block;
}

section.report_detail{
    border: 1px solid #dddddd;
    border-radius: 10px;
    margin-bottom: 15px;
    /*page-break-inside: avoid;*/
    min-height: 60px;
    margin-right: auto;
    margin-left: auto;   
}

section.report_detail header{
    border: 0px solid green;
}

section.report_detail header h3{
    background-color: #dddddd;
    background-color: aliceblue;
    border: 1px solid #dddddd;
    padding: 10px 10px 10px 10px;
    border-top-right-radius: 10px;
    border-top-left-radius: 10px;
    color: #003893;
    font-weight: bold;
    font-size: 1.0em;    
}

section.report_detail header p{
    padding: 10px;
    font-size: 0.9em
}

section.report_detail img{
    float: left;
    margin-left: 10px;
}

section.report_detail li img{
    float: none;
}


/* 
section.report_detail div p{
    margin-top: 2px;
    color: blue;
    margin-left: 75px;
    font-weight: bold;
}
*/


section.report_detail ul{
    border: 0px solid #000000;
    margin: 10px 10px 25px 100px;
}

section.report_detail li{
    font-size: 0.9em;
    margin-bottom: 8px;
    margin-left: 20px;
    list-style-type: disc;
}

div.term_summary{
    font-size: 0.92em;
    margin-top: 25px;
    margin-bottom: 25px;
    page-break-inside: avoid;
}

div.course_information{
	page-break-inside: avoid;
	margin-bottom: 25px;
}

div.term_summary th.title{
    width: 30%;    
}
div.term_summary th.instructor{
    width: 15%;    
}
div.term_summary th.session{
    width: 15%;    
}
div.term_summary th.status{
    width: 10%;    
}
div.term_summary th.designation{
    width: 20%;    
}
div.term_summary th.earned{
    width: 10%;    
}
div.term_summary th.attempted{
    width: 10%;    
}

/* ******************************************
** Asides
******************************************* */
aside{
    border: 1px solid #003896;
    border-radius: 10px;
    padding: 15px;
    width: 25%;
    margin: 0px 25px 25px 0px;
    margin-left: 70%;
    background-color: aliceblue;
    font-size: 0.9em;
}

aside h2{
    color: #990000;
    margin-bottom: 10px;
    font-weight: bold;
    font-size: 1.2em;
}

aside h3{
    color: #003893;
    font-weight: bold; 
}

aside h4{
    color: #222f3e;
    font-weight: bold;
    margin-left: 5px;
    /*padding-left: 100px;*/
}

aside ul {
    padding-left: 15px;
}

aside.table_note{
    border: 1px solid #003896;
    border-radius: 10px;
    padding: 3px 15px 3px 15px;
    width: 97%;
    margin: 0px 25px 15px 0px;
    margin-left: 0%;
    background-color: aliceblue;
    font-size: 0.85em;
}

/* ******************************************
** Transcript
******************************************* */

section#transcript_work_completed table{
    width: 580px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 15px;
    margin-bottom: 25px;
    page-break-inside:avoid;
}

/*table.term_summary{
    
    margin-top: 25px;
    
}*/

div.transcript_summary{
    width: 70%;
    border: 0px solid #000000;
    margin-left: auto;
    margin-right: auto;
    margin-top: 40px;
    margin-bottom: 40px;    
}


div.transcript_summary table th:nth-child(1){   
    width: 80%;
    text-align: left;
}

div.transcript_summary table th:nth-child(2){   
    width: 10%;
    text-align: left;
}

div.transcript_summary table th:nth-child(3){   
    width: 10%;
    text-align: left;
}

section.transcript_demographics li{
    display:inline-block;
    border: 0px solid #000000;
    margin-right: 100px;
    list-style-type: none;
}


table.transcript_ocs_summary{
    margin-top: 25px;
    margin-bottom: 25px;
}

/*
#transcript_demographics h2{
   float: left;
   clear: both;
}
*/


section.transcript_demographics{
	
	clear: both;
    margin-top: 10px;
	width: 100%;
    border: 0px solid #000000;
    
}




#transcript_demographics ul{
    float: right;
    margin-top: 20px;
}

#transcript_demographics li{
    display: inline-block;
    margin-left: 25px;
}

#transcript_grad_status li{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
}

ul.transcript_grad_status{
    display: block;
    border: 0px solid #000000;
    margin: 0px;
}

li.transcript_grad_status{
    display: inline-block;
    margin-right: 25px;
    margin-bottom: 10px;
    margin-left: 0px;
    border: 0px solid #000000;
}

th.transcript_term{
    text-align: left;
    padding: 4px 10px 4px 10px;
    width: 80%;
}


#lac_report section.report_detail{
    page-break-inside: avoid; 
}
    
#student_profile div.report_subsec{
    page-break-inside: avoid; 
}

tr.isp{

    background-color: aliceblue;
}

tr.isp td{
    padding-top: 15px;
    padding-bottom: 15px;
}






/*
*****************************************
Evaluations
*****************************************
*/

section.evaluation{
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 15px;
    page-break-inside: avoid; 
    page-break-after:always;
    page-break-before:always;
    margin-bottom: 100px;
}

section.evaluation:last-of-type{
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 15px;
    page-break-inside: avoid; 
    page-break-after:auto;
    page-break-before:auto;
    margin-bottom: 100px;
}



#evaluation_form section.evaluation{
    border: 1px solid #dddddd;
    border-radius: 15px;
    padding: 15px;
    page-break-inside: avoid; 
    page-break-after: auto;
    page-break-before: auto;
    margin-bottom: 100px;
}



section.evaluation h1{
    margin-top: 10px;
    margin-bottom: 5px;
    color: #990000;
    font-size: 1.2em;
}

div.narrative_statement{
    font-size: 0.8em;
    margin-top: 20px;
    color: #003896;
	clear: both;
}

section.evaluation h3{
    margin-top: 20px;
}

section.evaluation h4{
    margin-top: 15px;
}




/********Student Profile Abbreviated ***********/

article.student_profile_abbr section.contact{
    
    margin-top: 15px;
    margin-bottom: 15px;
    clear: both;
    
}


article.student_profile_abbr section.fred{
    
    border: 0px solid #000000;
    float: left;
    margin: 10px 10px 25px 0px;
    width: 45%;
    
}


article.student_profile_abbr section.fred:nth-child(even){
    
    clear: both;
    
}



article.student_profile_abbr section.term_summaries{
    
    border: 0px solid #000000;
    clear: both;
    
}

article.student_profile_abbr div.term_summary{
    
    border: 1px solid lightgray;
    border-radius: 15px;
    float: left;
    width: 45%;
    margin-left: 10px;
    margin-bottom: 0px;
    
}

article.student_profile_abbr div.term_summary:nth-child(odd){   
   clear: both;
    
}

article.student_profile_abbr h5{
    
    background-color: lightgray;
    border-top-right-radius: 15px;
    border-top-left-radius: 15px;
    padding: 10px;
    margin-bottom: 5px;
    
}

article.student_profile_abbr table{
    
    border: 1px solid lightgray;
    margin-bottom: 15px;
    width: 100%;

}



img.logo_ncf{
    float: left; 
    display: block;
    width: 275px;
    /*height: 79px; */
    height: auto;


}


article.full_width{
    width: 90%;
    border: 0px solid #000000;
    padding: 10px;
    min-height: 200px;
}


article.full_width table{
    width: 100%;
    border: 1px solid lightgray;
    font-size: 0.85em;
}

article.full_width th, article.full_width td{
    border: 1px solid lightgray;
    padding: 8px;
}



.highlight{
    background-color: yellow;
    text-align: center;
}

.highlight td{
    text-align: left;
}

.highlight_lightyellow{
    background-color: #FFFFCC;
    text-align: center;
}

.highlight_lightyellow td{
    text-align: left;
}

section.contract_student_schedule{
    page-break-inside: avoid;
    border: 0px solid #003896;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: 0px;
	margin-bottom: 20px;
    margin-right: 0px; 
    padding: 0px;
	font-size: inherit;
}

section.contract_student_schedule table{
    width: 100%;
    border: 1px solid #003896;
    font-weight: 575;
}

section.contract_student_schedule tr.isp{
    background-color: blanchedalmond;
}

section.contract_student_schedule td, section.contract_student_schedule th{
    /*border: 1px solid #003896;*/
    border: 1px solid lightgray;
    padding: 12px;
}

section.course_schedule{
    page-break-inside: avoid;
    border: 0px solid #003896;
    border-radius: 10px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto; 
    padding: 15px;
}

section.class_roster{
    page-break-inside: avoid;
    border: 0px solid #003896;
    border-radius: 10px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto; 
    padding: 0px 25px 0px 25px;
}

div.course_information{
    border: 1px solid #000000;
    border-radius: 15px;
    margin-top: 25px;
    margin-bottom: 25px; 
    padding: 20px;
}


div.course_information h3{
    margin-bottom: 5px;
    font-size: 1.1em;
}

div.course_information a.button {
    margin-top: 25px;
    
}
hr{
    margin-bottom: 30px;
    
}
section.course_schedule table{
    /*color: #003896;*/
    width: 100%;
    border: 1px solid #003896;
    font-weight: 575;
}

a.button {
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    width: 50px;
    font-weight: 600;
    text-decoration: none;
    background-color: #EEEEEE;
    color: inherit;
    padding: 2px 5px 2px 5px;
    border: 1px solid #333333;
	margin-right: 25px;
}

a.button-grayout {
    background-color: lightgray;
    border-radius: 10px;
    text-align: center;
    display: inline-block;
    width: 50px;
    font-weight: 600;
    text-decoration: none;
    padding: 2px 5px 2px 5px;
    border: 1px solid #333333;
    margin-right: 25px;
}

section.lac_assessment a {
    border-radius: 5px;
    text-align: center;
    display: inline-block;
    width: 300px;
    font-weight: 600;
    text-decoration: none;
    background-color: lightgray;
    color: inherit;
    padding: 10px 20px 10px 20px;
    border: 1px solid #333333;
	margin-right: 25px;
	color: #003896;
}


td a.button{
	
	display: block;
	margin: 0px;
	
}

td a.button{
    margin-left: auto;
    margin-right: auto;
}

td a.button:hover {
    box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
}

section.course_schedule tr.isp{
    background-color: blanchedalmond;
}

section.course_schedule td, section.course_schedule th{
    /*border: 1px solid #003896;*/
    border: 1px solid lightgray;
    padding: 12px;
}

section.course_schedule h2{
    margin-bottom: 10px;
}

/* CRN */
section.faculty_schedule table th:nth-child(1){
    width: 5%;
}

/* Title */
section.faculty_schedule table th:nth-child(2){
    width: 50%;
}

/* Type */
section.faculty_schedule table th:nth-child(3){
    width: 15%;
}

/* Session */
section.faculty_schedule table th:nth-child(4){
    width: 10%;
}

/* Course Selection */
section.faculty_schedule table th:nth-child(5){
    width: 10%;
}

/* MSPR */
section.faculty_schedule table th:nth-child(6){
    width: 10%;
}

/* MSPR */
tr:hover{
    background: #e5fdff;
}


img.flag{
    width: 13px;
    height: auto;
}
/*
    Centers checkbox on
    contract advisees page.
    06-FEB-2020
 */
img.check_box_blue{
    width: 13px;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.check_box_blues{
    width: 2.3em;
    height: auto;
    display: block;
    margin-left: auto;
    margin-right: auto
}


section.search{
    font-size: inherit;
    font-family: inherit;
}

section.search h2{
    margin-top: 20px;
}

section.search form {
    margin-bottom: 45px;
}


#tinymce_comments{
    border: 1px solid lightgray;
    width: 90%;
    margin-right: auto;
    margin-left: auto;
    padding: 20px;
    border-radius: 15px;
    margin-top: 30px;
    margin-bottom: 50px;
}





#review_editor{
    margin-bottom: 125px;
}


table.section_meeetings {
	
	display: inline-block !important;
	border: 0px solid #000000 !important;
	padding: 0px !important;
	margin-bottom: 10px;
	font-size: inherit !important;
	
}

table.section_meeetings td, table.section_meeetings tr{
	
	border: 0px solid #000000 !important;
	padding-top: 4px !important;
	padding-bottom: 4px !important;
	padding-left: 0px;
	padding-right: 45px;
	margin: 0px !important;
	
}

section.evaluation_intro ul{
    margin: 15px 0px 15px 0px;
    padding: 0px;
}

section.evaluation_intro li{
    list-style-type: none;
    margin-bottom: 3px;
}



img.dialog {
	
	float: left;
	display: inline-block;
	margin-right: 10px;
	margin-bottom: 10px;
	
}
section.dialog {
	
	margin-left: 75px;
	margin-bottom: 40px;
		
}


div.contract_ocs table{
    font-size: 0.83em;
    margin: 0px; 
	margin-top: 25px;
	margin-bottom: 25px;
	width: 50%;
	border: 0px;
}


section.thesis_title{
	
	margin-left: 25px;
	
}

section.thesis_title input[type='text'] {
	
	width: 90%;
	
}


table.prevcoursework{
	
	width: 100%;
	
}



form.previous_coursework input[type="text"]{
	
	width: 400px;
	
	
}


.advisory{
	
	color: blue;
	
}


section.phpsecinfo {
	
	width: 75%;
    border: 1px solid #000000;
	margin-left: auto;
	margin-right: auto;
	border-radius: 15px;
	position: relative;
	
}

section.phpsecinfo dt {
	
	display: block;
	/*margin-bottom: 20px;*/
	background-color: gray;
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
	padding: 20px;
	color: white;
	font-weight: bold;
	
}

section.phpsecinfo dd {
	
	display: block;
	padding: 20px; 
	color: white;
	border-bottom-left-radius: 15px;
	border-bottom-right-radius: 15px;
	
}

div#phpsecinfo h2 {
	
	font-size: 1.5em;
	text-align: center;
	margin-bottom: 25px;
	
} 

section.phpsecinfo h3 {
	
	display: block;
	font-weight: bold;
	margin-bottom: 10px;
	font-size: 1.3em;
	
}

section.phpsecinfo h4 {
	
	display: block;
	font-weight: bold;
	margin-top: 40px;
	margin-bottom: 10px;
	font-size: 1.2em;
	text-decoration: underline;
	
}

section.phpsecinfo table {
	
	margin-top: 20px;
	margin-bottom: 20px;
	font-weight: bold;
	
}


div#phpsecinfo .pass {
	
	background-color: #00b33c;
	
} 

div#phpsecinfo .fail {
	
	background-color: #ff3333;
	
} 

div#phpsecinfo .notice {
	
	background-color: #ffa31a;
	
} 

div#phpsecinfo .warn {
	
	background-color: #b3b300;
	
} 

div#phpsecinfo .none {
	
	background-color: #a8a8a8;
	
} 

div#phpsecinfo a {
	
	color: #ffffff;
	
} 

section.excess_hours{
	
	width: 100%;
	border: 1px solid #000000;
	padding: 15px;
	border-radius: 15px;
	page-break-inside: avoid;
	
}

section.excess_hours table{
	
		width: 100%;

}


section.excess_hours td{
	
		border: 1px solid lightgray;
}
	
div.csp_test {
	
	padding: 15px;
	
}	

table.grade_roll {
	
	width: 30%;

	
}

table.grade_roll td , table.grade_roll th{
	
	padding: 10px;
	border: 1px solid lightgray;
	
}

table.full_width {
	
	width: 100%;
	border: 1px solid lightgray;
	
}

table.full_width td, table.full_width tr{
	
	border: 1px solid lightgray;
	
}


article.transcript_width{
    width: 11.0in;
    /*width: 8.0in;*/
    border: 1px solid #000000;
    padding: 10px;
    min-height: 200px;
}

#transcript{
	height: 8.5in;
	padding: 0px;
	margin: 0px;
}

/*
*****************************************
FAAR css stuff
*****************************************
*/
/* FAAR table gradient CSS 
   Copied from: http://www.textfixer.com/tutorials/css-tables.php#css-table01
   This goes in the document HEAD so IE7 and IE8 don't cry
<!-- if lt IE 9]>
	table.gradienttable th {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5e3e4', endColorstr='#b3c8cc',GradientType=0 );
		position: relative;
	}
	table.gradienttable td {
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebecda', endColorstr='#ceceb7',GradientType=0 );
		position: relative;
	}
<![endif]-->
*/

table.gradienttable {
	font-family: arial,sans-serif;
	font-size: 0.9em;
	color:#070707;
	border-width: 1px;
	border-color: #999999;
	border-collapse: collapse;
}
table.gradienttable th {
	padding: 0px;
	background: #d5e3e4;
	background: -moz-linear-gradient(top,  #d5e3e4 0%, #ccdee0 40%, #b3c8cc 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5e3e4), color-stop(40%,#ccdee0), color-stop(100%,#b3c8cc));
	background: -webkit-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -o-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: -ms-linear-gradient(top,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	background: linear-gradient(to bottom,  #d5e3e4 0%,#ccdee0 40%,#b3c8cc 100%);
	border: 1px solid #999999;
	margin:0px;
	padding:2px;
    text-align: center;
}
table.gradienttable th p{
    vertical-align:text-bottom !important;
}
table.gradienttable td{
	margin:0px;
	padding:2px;
	border: 1px solid #999999;
    text-align: center;
    vertical-align: middle;
}
table.gradienttable td p{
	margin:0px;
	padding:4px;
    text-align: left;
}

.scrolling_table{
    display: block;
    height: 396px;
    width: 375px;
    overflow: auto;
}

.selectedlink {
    background: #FFFFB9;
    color: #000000;
    font-weight: bold;
}

.centertext{
    text-align: center;
}

h2.faar_spec{
    color: #FF3300;
}

.inline  {
    display: inline;
}

.inline label{
    display: inline;
    font-weight: bold;
    clear: both;
    color: #1a1aff;
    margin-right: 6px;
}

.inline select{
    display: inline;
    clear: both;
    margin-right: 15px;
    font-weight: bold;
    font-size: 14px;
    font-family: Courier New, Lucida, monospace;
}

.inline input{
    display: inline;
    clear: both;
    margin-right: 20px;
}

.iconComplete{
    width: 1.7em;
    height: 1.7em;
    margin-left: 10px;
}

.iconWarning{
    width: 1.2em;
    height: 1.2em;
    margin-right: 25px;
}

.addbtndisp {
    background-image: url(/images/add.jpg);
    background-color: transparent; /* make the button transparent */  
    background-repeat: no-repeat;  /* make the background image appear only once */
    border: none;           /* no border needed */
    height: 16px;           /* make this the size of your image */
    width: 16px;            /* image width */
}

.deletebtndisp {
    background-image: url(/images/delete.png);
    background-color: transparent; /* make the button transparent */  
    background-repeat: no-repeat;  /* make the background image appear only once */
    border: none;           /* no border needed */
    height: 20px;           /* make this the size of your image */
    width: 32px;            /* image width */
}

#faar_note{
    font-weight: bold;
    font-size: 12px;
    clear: both;
    color: red;
    margin-right: 6px;
    margin-left: 10px;
}

#faar_form article{
    padding-top: 0px;
    padding-bottom: 0px;
}

#faar_form header{
    margin-top: 5px;
    margin-bottom: 5px;
    border: 0px solid #000000;    
}

.faar_table_size {
    width: 100%;
}

.faar_table_size  textarea{
    min-height: 80px;
    min-width: 250px;
}

.faar_table_size select {
    max-width: 250px;
}

#faar_senior_table select {
    max-width: 150px;
}

#faar_senior_table  textarea{
    min-height: 60px;
    min-width: 200px;
}


form.ms_progress{
	width: 100%;
	margin:0px;
	padding: 0px;
}


form.ms_progress textarea{
	width: 100%;
	height: 50px;
	resize: none;
}


.highlight_aliceblue {
	background-color: aliceblue;
}

.highlight_lightgray {
	background-color: lightgray;
}

/*
*****************************************
Mid-Semester Report Buttons
*****************************************
*/

.form-buttons-container{
    clear: both;
    border: 0px solid #000000;
    margin: 0px;
    padding: 0px;
    margin-top: 30px;
    margin-bottom: 20px;
}


.button-cancel{
    display: block;
    text-decoration: none;
    float: right;
    background-color: aliceblue;
    margin-top: -25px;
    border: 1px solid #003896;
    color: #003896;
    font-weight: bold;
    padding: 3px 7px 3px 7px;
    border-radius: 5px;
    width: 38px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}
/* mouse over link */
.button-cancel:hover {
    box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
    text-decoration: none;
}

#submit:hover {
    box-shadow: inset 0 0 0 1px #27496d,0 5px 15px #193047;
    text-decoration: none;
}

/*
 Faculty Proposed Tutorials
 */

table.ptutorial {
    width: 100%;
}

table.ptutorial th {
    font-weight: bold;
    background-color: lightgray;
}

table.ptutorial td, table.ptutorial th {
    border: 1px solid lightgray;
}
/* Electronic Transcript End of Line*/
hr.signature {
    margin-bottom: 0px;
}

/* Course Evaluation Last Day of Attendance  */

.lda_container {
    display: grid;
    grid-template-columns: auto auto auto;


}

.lda_item {
    /*padding: 20px;*/
    font-weight: bold;

}

/*input[type="date"]:before {*/
    /*content: attr(placeholder) !important;*/
    /*color: #aaa;*/
    /*margin-right: 0.5em;*/
/*}*/
/*input[type="date"]:focus:before,*/
/*input[type="date"]:valid:before {*/
    /*content: "";*/
/*}*/

#grade_roll {

    width: 30%;
    margin-left: 25px;
}

.nowrap{ white-space: nowrap; }


/******************     Report Links      *****************************/

.btn-dashboard:link,
.btn-dashboard:visited {
    display: inline-block;
    color:  #003896;
    padding: 2px 2px 2px 2px;
    margin-bottom: 5px;
    font-size: 1.05em;
    text-decoration: none;
    letter-spacing: 0.9px;
    border-bottom: 2px solid #003896;
    /*border-bottom: 2px solid transparent;*/
    -webkit-transition: border-bottom 0.5s, color 0.5s ease;
    -moz-transition: border-bottom 0.5s, color 0.5s ease;
    -o-transition: border-bottom 0.5s, color 0.5s ease;
    -ms-transition: border-bottom 0.5s, color 0.5s ease;
    transition: border-bottom 0.5s, color 0.5s ease;

}

.btn-dashboard:hover,
.btn-dashboard:active {
    /*font-size: 1.055em;*/
    color: #007fff;
    border-bottom: 2px solid #007fff;
}



/* Font Awesome Small Icons */
.fawe-small {
    font-size:5px;
    vertical-align: middle;

}



/*
**************************************************
    Request for Change to Academic Record Form
**************************************************
 */

.container_form_car{
    display: grid;
    grid-template-areas:
        'box-car1 box-car1 box-car1 box-car1'
        'box-car2 box-car2 box-car2 box-car2'
        'box-car3 box-car3 box-car3 box-car3'
        'box-car4 box-car5 . .'
        'box-car6 box-car6 box-car7 box-car7'
        /*'box-car8 box-car8 box-car8 box-car8'*/
        'box-car9 box-car9 box-car9 box-car9'
        'box-car10 box-car10 . .'
        'box-car11 box-car11 box-car11 box-car11';
}

.box-car0,
.box-car1,
.box-car2,
.box-car6,
.box-car8,
.box-car11
{
    /*border: 1px #ccc solid;*/
    padding: 1rem;
}

.box-car3,
.box-car4,
.box-car5,
.box-car7,
.box-car9,
.box-car10
{
    /*border: 1px #ccc solid;*/
    padding: 0 0 0 1rem;
}

.box-car0 label,
.box-car1 label,
.box-car2 label,
.box-car3 label,
.box-car6 label,
.box-car7 label,
.box-car9 label
 {
    font-weight: bold;
}

.box-car1 {
    grid-area: box-car1;
}
.box-car2 {
    grid-area: box-car2;
}

.box-car3 {
    grid-area: box-car3;
}

.box-car4 {
    grid-area: box-car4;
}

.box-car5 {
    grid-area: box-car5;
}
.box-car6 {
    grid-area: box-car6;
}
.box-car7 {
    grid-area: box-car7;
    margin: auto;
}
.box-car8 {
    grid-area: box-car8;
}
.box-car9 {
    grid-area: box-car9;
}
.box-car10 {
    grid-area: box-car10;
}
.box-car11 {
    grid-area: box-car11;
}
.box-car12 {
    grid-area: box-car12;
}

.box-car7 input[type="submit"]{
    margin-top: 1px;
}

/*
 Form Change Academic Record
 */


textarea.comment_box{
    /*padding: 5px 10px 10px 10px;*/
    margin-top: 0px !important;
    width: 50%;
    max-width: 500px;
    min-height: 100px;
    max-height: 300px;
    display: block;
    clear: both;
    font-size: 0.95rem;
    font-family: Arial, Helvetica, sans-serif;
    /*color: #676767;*/
    transition: border 0.5s;
    -webkit-transition: border 0.5s;
    -moz-transition: border 0.5s;
    -o-transition: border 0.5s;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
}

label.comment_box {
    /*display: inline-block;*/
    padding-bottom: 0;
    margin-bottom: 0px;
    /*font-weight: bold;*/
    /*color: red;*/
}

textarea.comment_box:focus {

    border: solid 2px #676767;
}


/* Faculty Comment Box*/
p.count_box{
    margin-left: 135px;
    /*color: #ff8000;*/
}


input[type=text].count_box {

    width: 2.5em;
    height: 1.7em;
    text-align: center;
    font-size: 0.8em;
    border-radius: 5px;
    font-weight: 400;
}

/*  SECTIONS  ============================================================================= */

.section_fac {
    clear: both;
    padding: 0px;
    margin: 0px;
}


/*  GROUPING  ============================================================================= */
.row_fac {
    zoom: 1; /* For IE 6/7 (trigger hasLayout) */
}

.row_fac:before,
.row_fac:after {
    content:"";
    display:table;
}
.row_fac:after {
    clear:both;
}

/*  GRID COLUMN SETUP   ==================================================================== */
.col_fac {
    display: block;
    float:left;
    margin: 1% 0 1% 1.6%;
}

.col_fac:first-child { margin-left: 0; } /* all browsers except IE6 and lower */


/*  GRID OF TWO   ============================================================================= */

.span-2-of-2 {
    width: 100%;
}

.span-1-of-2 {
    width: 49.2%;
}


/*  GRID OF THREE   ============================================================================= */
.span-3-of-3 {
    width: 100%;
}

.span-2-of-3 {
    width: 66.13%;
}

.span-1-of-3 {
    width: 32.26%;
}

/*  GRID OF FOUR   ============================================================================= */
.span-4-of-4 {
    width: 100%;
}

.span-3-of-4 {
    width: 74.6%;
}

.span-2-of-4 {
    width: 49.2%;
}

.span-1-of-4 {
    width: 23.8%;
}

/*  GRID OF FIVE   ============================================================================= */
.span-5-of-5 {
    width: 100%;
}

.span-4-of-5 {
    width: 79.68%;
}

.span-3-of-5 {
    width: 59.36%;
}

.span-2-of-5 {
    width: 39.04%;
}

.span-1-of-5 {
    width: 18.72%;
}

/*  GRID OF SIX   ============================================================================= */
.span-6-of-6 {
    width: 100%;
}

.span-5-of-6 {
    width: 83.06%;
}

.span-4-of-6 {
    width: 66.13%;
}

.span-3-of-6 {
    width: 49.2%;
}

.span-2-of-6 {
    width: 32.26%;
}

.span-1-of-6 {
    width: 15.33%;
}

/*Faculty Dashboard Text box Styling*/

.fac_box {
    width: 90%;
    margin-left: 5%;
}

/*
    Form Tiles:
 */

article.form_thumbnail{
    height: 225px;
    width: 225px;
    border: 1px solid #D3D3D3;
    border-radius: 15px;
    background-color: #ffffff;
    overflow: hidden;
    font-size: 0.5em;
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1);
    transition: all 150ms ease-in;
    transform: scale(1);
    cursor: pointer;
    z-index: 10;
    float: left;
    margin-right: 20px;
    padding: 20px;
}


article.form_thumbnail:hover  {
    box-shadow: 0px 0px 100px #000000;
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.5);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.5);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.5);
    transition: all 150ms ease-in;
    transform: scale(1.50);
    z-index: 20;
}

article.newform_thumbnail{
    background-color: #D3D3D3;
    text-align: center;
    z-index: 10;

}

article.newform_thumbnail p{
    font-size: 3.0em;
    padding: 0px;
    margin: 0px;
    opacity: 0.50;
}

article.newform_thumbnail img{
    width: 75px;
    height: auto;
    margin-top: 20px;
    opacity: 0.25;
    z-index: 10;
    user-select: none;
}

a.form_thumbnail {
    display: block;
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    text-decoration: none;
    color: inherit;
    opacity: 0.00;
    border-radius: 15px;
    z-index: 30;
}

.button-db{
    display: inline-block;
    text-decoration: none;
    background-color: #003896;
    border: 1px solid #003896;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}
.button-db:hover{
	text-decoration: none;
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.08);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.08);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.08);
    transition: all 150ms ease-in;
    transform: scale(1.08);
    z-index: 20;
}

.button-db-delete {
    display: inline-block;
    text-decoration: none;
    background-color: #ff0000;
    border: 1px solid #ff0000;
    color: #ffffff;
    padding: 7px 10px;
    border-radius: 5px;
    cursor: pointer;
    text-align: center;
    font-size: 14px;
}

.button-db-delete:hover{
    text-decoration: none;
    -webkit-transition: all 150ms ease-in;
    -webkit-transform: scale(1.08);
    -ms-transition: all 150ms ease-in;
    -ms-transform: scale(1.08);
    -moz-transition: all 150ms ease-in;
    -moz-transform: scale(1.08);
    transition: all 150ms ease-in;
    transform: scale(1.08);
    z-index: 20;
}

/*
 Signature Container
 */

div.signataure_container{
    margin-bottom: 25px;
}

div.signataure_container input[type="text"]{
    width: 200px;
    border-radius: 5px;
    height: 30px;
    font-size: 17px;
    color: 	#000000;
    font-weight: 700;
    display:block;
}

div.signataure_container div{
    display: inline-block;
    margin-right: 10px;
}

div.signataure_container label{
    font-size: 17px;
    font-weight: bold;
    display:block;
}

.button-sign{
    display: inline-block;
    background-color: #003896;
    color: #ffffff;
    border: 1px solid lightgray;
    padding: 7px 10px;
    border-radius: 5px;
    cursor: pointer;
    float: left;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
}

.text-right {
    float: right;
    margin-right: 10px;

}
.fa-vertical{vertical-align: middle;}
.text-large {font-size: 48px;}