/**
 * @file
 * This CSS file pertains to the look of content itself in FlightPath.
 */

.level-3-raquo {
  padding: 0 5px 0 5px;
}

.c-fieldset-content {
  /*  the astericks mean "only for IE" */
  *margin-left: 10px;
  *margin-right: 10px;
}

.c-fieldset {
  margin-bottom: 10px;
}


.selection_highlight {
  background-color: #FFFF99;
}

img.fpmn-icon {
  position: relative;
  top: 4px;
  margin-right: 8px;
}



/* 
 * checkboxes.... 
 * 
 * */
span.advise-checkbox {
  width:14px;
  height:14px;
  display:inline-block;
  background: url('images/cb_eligible.gif') no-repeat top left;
}

span.advise-checkbox-eligible {
  background: url('images/cb_eligible.gif') no-repeat top left;
}

span.advise-checkbox-eligible-checked {
  background: url('images/cb_eligible-check.gif') no-repeat top left;
}

span.advise-checkbox-completed {
  background: url('images/cb_completed.gif') no-repeat top left;
}

span.advise-checkbox-completed-checked {
  background: url('images/cb_completed-check.gif') no-repeat top left;
}

span.advise-checkbox-disabled {
  background: url('images/cb_disabled.gif') no-repeat top left;
}

span.advise-checkbox-disabled-checked {
  background: url('images/cb_disabled-check.gif') no-repeat top left;
}

span.advise-checkbox-enrolled {
  background: url('images/cb_enrolled.gif') no-repeat top left;
}

span.advise-checkbox-enrolled-checked {
  background: url('images/cb_enrolled-check.gif') no-repeat top left;
}

span.advise-checkbox-retake {
  background: url('images/cb_retake.gif') no-repeat top left;
}

span.advise-checkbox-retake-checked {
  background: url('images/cb_retake-check.gif') no-repeat top left;
}






/**************/


/* What If selection screen */
#element-inner-wrapper-select_level_1_degrees,
#element-inner-wrapper-select_level_2_degrees
{
  max-height: 300px;
  overflow-y: scroll;
}





.full_admin_top_options
{
	font-size: 10pt;
	border: 1px solid maroon;
	padding: 2px;
	margin-left: 10px;
}

.flightpath-greeting-message {
  font-size: 0.8em;
}

.page-content {
  background-color: white;
}


.sub-tabs {
  margin-bottom: 10px;
  margin-top: 5px;
  font-size: 0.9em;
}

.sub-tabs .gradbutton-active {
  font-weight: bold;
}
 
th {
  text-align: left;
}

.admin-message
{
	padding: 5px;
	margin: 5px;
	font-size: 10pt;
	background-color: #FFFACD;
}


.fp-semester-table {
  border-collapse: collapse;  
  width: 100%;
}

.fp-currently-advising {
  border-collapse: collapse;
  width: 100%;
}


.print-graphic
{
  background-image: url('images/print.gif');
  width: 57px;
  height: 20px;
}

.fp-messages {
  border: 1px solid #FFCC66;
  background-color: #FFFFCC;
  padding: 5px 20px 5px 20px;
  
  margin: 5px;
  margin-bottom: 10px;
}
.fp-message {
  margin-top: 3px;
  margin-bottom: 10px;
}

.fp-message-error {
  color: red;
}

.fp-message .fp-message-backtrace {
  font-size: 0.8em;
  text-align: right;
  font-style: italic;
}

/*
	Gradiant buttons.... I have to write them out like this,
	and use onmouse events or else IE won't display them correctly.
	The onmouse events are like this:
	
		$onMouse = "onmouseover='this.className=\"gradbutton_hover hand\";'
					onmouseout='this.className=\"gradbutton hand\";'
					onmousedown='this.className=\"gradbutton_down hand\";'
		";

		And add it to a span like this:
		Button 1
	
*/

span.gradbutton
{  
	background: url('images/buttonbg1.jpg') #fff bottom left repeat-x;
	padding: 3px;
	border: 1px solid #BBBBBB;
	display: inline-block;	
	margin-top: 5px;
	/*min-width: 55px;	*/
}
span.gradbutton_hover
{
	border: 1px solid #808080;
}

span.gradbutton_down
{
	background: url('images/buttonbg1-down.jpg') #fff top left repeat-x;
	border: 1px solid #808080;
}


.selectVariableClassHidden
{
	
	visibility: hidden;
	overflow: hidden;
	background-color: #FFFFFF;
}

.selectVariableClass
{
	visibility: visible;
}

div.updateMsg
{
	border: 5px solid maroon;
	background-color: white;
	width: 200px;
	text-align: center;
	font-weight: bold;
}

.variableHoursList
{
 	position: absolute;
	background-color: white;
	border: 1px solid #333333;
	width: 150px;
 	/*z-index:12;*/
 }
 .variableHoursList a
 {
 	text-decoration: none;
 }
 .variableHoursList a:hover
 {
 	font-weight: bold;
 }
 

.tenpt
{
 font-size: 10pt;
 font-family: Arial;
}

.elevenpt
{
	font-size: 11pt;
	font-family: Arial;
}

.fixedlen
{
	font-family: Courier New;
	font-size: 10pt;
}

.smallspace
{
	padding-left: 15px;
}


.viewSelectorActive
{
	font-weight: bold;
	color: black;
	text-decoration: none;
}

.viewSelectorInactive
{
	font-weight: normal;
	text-decoration: none;
}
.viewSelectorInactive:hover
{
	font-weight: normal;
	text-decoration: none;
}


.superscript
{
/* mimic the apearance of a superscript */
	font-size: 7pt;
	position: relative;
	top: -5px;
}

.transfer_area
{
	background-color: white;
	color: black;
	border-style: solid;
	border-color: gray;
	width: 350px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 150px;
	font-size: 11px;
	cursor: default;
}

a.nounderline
{
	text-decoration: none; 
	color: blue;
}

a.nounderline2
{
	text-decoration: none;
	color: blue;
}

a.nounderline:hover
{
	text-decoration: underline; 
	color: blue;
}

.falseLink
{
	text-decoration: none;
	color: blue;
	cursor: pointer;
}



.smallinput 
{
 font-size: 8pt;
 border-style: solid;
 border-width: 1px;
 border-color: #96a3dc;
 }

.smallbutton
{
 font-size: 8pt;
 border-style: solid;
 border-width: 1px;
 border-color: blue;
}

.tabinput
{
 font-size: 8pt;
 color: white;
 border-style: solid;
 border-width: 1px;
 border-color: white;
 background-color: maroon;
}

.tabbutton
{
 font-size: 8pt;
 border-style: solid;
 border-width: 1px;
 border-color: white;
}

td.underline
{
	border-bottom: 1px solid black;
}
td.u
{
 background-image:URL('images/underline.gif');
}

.uhand
{
 background-image:URL('images/underline.gif'); 
 cursor: pointer;
}

.hand
{
 cursor: pointer;
}



/* Bad name for what this is-- creates the gradient on the curved semester titles you see
 * on the degree plan.
 */
.blueTitle
{
  background: maroon;
	color: white;	
}

.hypo
{
	background-color: #FDFFBB; 
	color: black;
}

.hypocolor
{
	color: black;
}

table.blueBorder
{
	border-bottom: solid 2px  #C1A599;	
	border-right: solid 2px #C1A599;
	border-left: solid 2px #C1A599;
}




.completed  /* student passed course  */
{
 color: #1d7bff;
 text-decoration:none;
}


.course-assigned-more-than-one-degree td /* the course has been assigned to multiple degrees */
{
  background-color: #FFFF99;
  text-decoration: none;
}


.eligible /* elegible courses (student may take) */
{
 color: black;
 text-decoration:none;
 
}

.d  /*  developmental requirement */
{
 color: black;
 font-style:italic;

}


.locked  /* not elegible.  Student may not take this course. */
{
 color: gray;
 text-decoration:none;
}

.retake  /* student must re-take course.  Grade not good enough. */
{
 color: #ff5559;
 text-decoration:none;
}
.enrolled /* student is currently enrolled in course. */
{
 color: green;
 text-decoration:none;
}

blockquote.slo
{
           margin-top: 2px;
           margin-left: 20px;
           margin-bottom: 2px;
           padding: 0px;
}

table.box
{
        border-width: 1px;
        border-style: solid;
        border-color: white;
}

td.box
{
        border-style: solid;
        border-color: white;
}

table.saveoption
{
      border-style: solid;
      border-width: 1px;
      border-color: black;
      background-color: #ffffcc;

}

table.announcement
{
      border-style: solid;
      border-width: 1px;
      border-color: black;
      background-color: white;

}


.edit_col
{
 background-color: #ffffcc;
}


.rubric_col
{
 background-color: #CCFFFF;
}

.top_col
{
 background-color: #CCCCCC;
}

table.slo
{
        border-width: 1px;
        border-style: solid;
        border-color: white;
}

td.slo
{
        border-style: solid;
        border-color: black;
        border-width: 1px;
}


table.score
{
 border-width: 1px;
 border-style: solid;
 border-color: black;
}

td.score
{
 border-width: 1px;
 border-style: solid;
 border-color: black;
}

.side_padding {
	padding-left: 3px;
	padding-right: 3px;
	padding-top: 1px;
	padding-bottom: 1px;
}



.tab_padding {
	padding-right: 3px;
}

.nounderlink
{
	color: #1d7bff;
	text-decoration: none;
}

.nounderlink:hover
{
	color: #1d7bff;
	text-decoration: underline;
}

/*
  This starts off a "box", like "Freshman Year" or "Excess Credits"
*/
table.fp-box-top {
  margin-bottom: 10px;
}

.what-if-selector {
  width: 90%;
}

/*
Main
*/
.fp-menu-item {
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 20px;
  font-size: 0.8em;
}

.fp-menu-item-tight {
  padding-bottom:0;
}

.fp-menu-item .fp-menu-item-description {
  padding-left: 25px;
}

.fp-menu-item a {
  text-decoration: none;
  color: blue;
}
.fp-menu-item a:hover {
  text-decoration: underline;
}

.fp-warn-grant-full {
  font-size: 0.8em;
  color: red;
}


/*
Admin-console related
*/
.fp-user-management-permission 
{
  margin-bottom: 15px;
  padding-left: 20px;
}

.fp-user-management-permission-disabled {
  background-color: #eee;
  font-style: italic;
}

.fp-user-management-permission .fp-user-management-permission-line {
  padding-left: 20px;
  font-size: 0.8em;
}

.fp-user-management-permission-module-name {
  background-color: #eee;
  padding: 3px;
  margin-top: 10px;
  margin-bottom: 3px;
  font-weight: bold;
}

ul.top-menu-links {
  font-size: 0.8em;
  padding: 0;
  margin: 0;
}

ul.top-menu-links li {
  display: inline;
  padding-right: 20px;  
}

ul.top-menu-links li.first {
  list-style: none;
}



/*
 * Forms...
 */
label {
  display: block;
  font-weight: bold;  
}

.fp-form textarea {
  width: 100%;  
}

.form-element {
  margin-bottom: 20px;
}

.form-element .radio-element {
  padding: 5px;
}

label.label-for-radio,
label.label-for-checkbox
{
  font-weight: normal;
}

.form-element-description {
  font-size: 0.8em;
  padding-left: 10px;
  color: #444;
}

.form-element-description fieldset {
  margin-top: 5px;
  padding-bottom: 0px;
}

.form-required-ast {
  color: red;
  font-weight: bold;
  font-size: 1.1em;
  padding-right: 5px;
}

.form-element-error {
  border: 1px dotted red;
  padding: 5px;
}

a.form-popup-description {
  font-weight: normal;
  padding-left: 5px;
  text-decoration: none;
}

/**
 *   FPM related
 */

.fp-html-print-r-wrapper {
  font-size: 0.9em;
}

.fp-html-print-r-multi-row {
  background-color: #eee;
  border: 1px solid #bbb;
  padding: 5px;  
}

.fp-html-print-r-multi-row .fp-html-print-r-selector {
  cursor: pointer;  
}

.fp-html-print-r-multi-row > .fp-html-print-r-var-value {
  padding-left: 30px;
}

.fp-html-print-r-single-row {
  border-top: 1px solid #bbb;
}

.fp-html-print-r-var-name {
  color: #404000;
  font-weight: bold;
}

.fp-html-print-r-var-type {
  font-style: italic;
}

.fp-html-print-r-single-row .fp-html-print-r-var-value {
  font-weight: bold;
}

.student-search-advanced-tips-wrapper {
  font-size: 0.8em;
}

.student-search-advanced-tips-wrapper label {
  display:block;
  font-weight: bold;
}