style.css

  1. 7.x themes/fp_clean/style.css
  2. 7.x modules/student_profile/css/style.css
  3. 7.x modules/schools/css/style.css
  4. 7.x modules/calendar/css/style.css
  5. 7.x modules/engagements/css/style.css
  6. 7.x modules/system/css/style.css
  7. 7.x modules/alerts/css/style.css
  8. 6.x themes/fp6_clean/style.css
  9. 6.x modules/engagements/css/style.css
  10. 6.x modules/alerts/css/style.css
  11. 6.x modules/system/css/style.css
  12. 6.x modules/calendar/css/style.css
  13. 6.x modules/student_profile/css/style.css
  14. 6.x modules/schools/css/style.css
  15. 4.x themes/classic/style.css
  16. 4.x modules/system/css/style.css
  17. 5.x themes/basic/style.css
  18. 5.x themes/fp5_clean/style.css
  19. 5.x themes/classic/style.css
  20. 5.x modules/system/css/style.css
body
{
	font-family: Arial;
	background-color: #ECECDB;
}

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

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

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


.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:
		<span $onMouse onClick='whateverFunction();'>Button 1</span>
	
*/

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;
}



.blueTitle
{
	color: white;
	background: url('images/grad_bg.gif') #660000 top left repeat-x;
	
}

.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;
}

.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_text
{
	font-family: Arial;
	font-size: 10pt;
}

td.tl {
	background: url('images/tl.gif') #ECECDB top left no-repeat;
	height: 17px;
}

td.top {
	background: url('images/top.gif') #ECECDB top repeat-x;
	height: 17px;
}

td.tr {
	background: url('images/tr.gif') #ECECDB top right no-repeat;
	height: 17px;
}

td.bl {
	background: url('images/bl.gif') #ECECDB bottom left no-repeat;
	height: 36px;
}

td.bottom {
	background: url('images/bottom.gif') #ECECDB bottom repeat-x;
	height: 36px;
}

td.br {
	background: url('images/br.gif') #ECECDB bottom right no-repeat;
	height: 36px;
}

td.tab_tl {
	background: url('images/tab_tl.gif') #FFFFFF top left no-repeat;
	height: 14px;
}

td.tab_top {
	background: url('images/tab_top.gif') #FFFFFF top repeat-x;
	height: 14px;
}

td.tab_tr {
	background: url('images/tab_tr.gif') #FFFFFF top right no-repeat;
	height: 14px;
}

td.tab_left {
	background: url('images/tab_left_edge.gif') #FFFFFF top left repeat-y;
	height: 1px;
}

td.tab_right {
	background: url('images/tab_right_edge.gif') #FFFFFF top right repeat-y;
	
	height: 1px;
}

td.tab_center {
	background: url('images/tab_center.gif') #FFFFFF top repeat-x;
	height: 18px;
	font-weight: bold;
}

td.tab_tl_i {
	background: url('images/tab_tl_i.gif') #FFFFFF top left no-repeat;
	height: 14px;
}

td.tab_top_i {
	background: url('images/tab_top_i.gif') #FFFFFF top repeat-x;
	height: 14px;
}

td.tab_tr_i {
	background: url('images/tab_tr_i.gif') #FFFFFF top right no-repeat;
	height: 14px;
}

td.tab_left_i {
	background: url('images/tab_left_edge_i.gif') #FFFFFF top left repeat-y;
	height: 1px;
}

td.tab_right_i {
	background: url('images/tab_right_edge_i.gif') #FFFFFF top right repeat-y;
	height: 1px;
}

td.tab_center_i {
	background: url('images/tab_bottom_i.gif') #FFFFFF top repeat-x;
	height: 18px;
	font-weight: normal;
}

.active_tab {
	position: relative;
	top: 4px;
	border-bottom: 1px solid white;
	color: #660000;
	cursor: default;
}

.inactive_tab {
	position: relative;
	top: 3px;
	color: #A0A0A0;
	border-bottom: 1px solid #A3A397;
	
}

.inactive_tab_over {
	position: relative;
	top: 3px;
	color: #660000;
	border-bottom: 1px solid #A3A397;
	cursor: pointer;
}


.inactive_tab_over_no_link {
	position: relative;
	top: 3px;
	color: #A0A0A0;
	border-bottom: 1px solid #A3A397;
	cursor: default;
}


.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...
 */
.fp-form 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;
}

File

themes/classic/style.css
View source
  1. body

  2. {

  3. 	font-family: Arial;

  4. 	background-color: #ECECDB;

  5. }

  6. 

  7. .c-fieldset-content {

  8.   /*  the astericks mean "only for IE" */

  9.   *margin-left: 10px;

  10.   *margin-right: 10px;

  11. }

  12. 

  13. .full_admin_top_options

  14. {

  15. 	font-size: 10pt;

  16. 	border: 1px solid maroon;

  17. 	padding: 2px;

  18. 	margin-left: 10px;

  19. }

  20. 

  21. .flightpath-greeting-message {

  22.   font-size: 0.8em;

  23. }

  24. 

  25. 

  26. .sub-tabs {

  27.   margin-bottom: 10px;

  28.   margin-top: 5px;

  29.   font-size: 0.9em;

  30. }

  31. 

  32. .sub-tabs .gradbutton-active {

  33.   font-weight: bold;

  34. }

  35.  

  36. th {

  37.   text-align: left;

  38. }

  39. 

  40. .admin-message

  41. {

  42. 	padding: 5px;

  43. 	margin: 5px;

  44. 	font-size: 10pt;

  45. 	background-color: #FFFACD;

  46. }

  47. 

  48. 

  49. .fp-semester-table {

  50.   border-collapse: collapse;  

  51.   width: 100%;

  52. }

  53. 

  54. .fp-currently-advising {

  55.   border-collapse: collapse;

  56.   width: 100%;

  57. }

  58. 

  59. 

  60. .print-graphic

  61. {

  62.   background-image: url('images/print.gif');

  63.   width: 57px;

  64.   height: 20px;

  65. }

  66. 

  67. .fp-messages {

  68.   border: 1px solid #FFCC66;

  69.   background-color: #FFFFCC;

  70.   padding: 5px 20px 5px 20px;

  71.   

  72.   margin: 5px;

  73.   margin-bottom: 10px;

  74. }

  75. .fp-message {

  76.   margin-top: 3px;

  77.   margin-bottom: 10px;

  78. }

  79. 

  80. .fp-message-error {

  81.   color: red;

  82. }

  83. 

  84. .fp-message .fp-message-backtrace {

  85.   font-size: 0.8em;

  86.   text-align: right;

  87.   font-style: italic;

  88. }

  89. 

  90. /*

  91. 	Gradiant buttons.... I have to write them out like this,

  92. 	and use onmouse events or else IE won't display them correctly.

  93. 	The onmouse events are like this:

  94. 	

  95. 		$onMouse = "onmouseover='this.className=\"gradbutton_hover hand\";'

  96. 					onmouseout='this.className=\"gradbutton hand\";'

  97. 					onmousedown='this.className=\"gradbutton_down hand\";'

  98. 		";

  99. 

  100. 		And add it to a span like this:

  101. 		Button 1

  102. 	

  103. */

  104. 

  105. span.gradbutton

  106. {  

  107. 	background: url('images/buttonbg1.jpg') #fff bottom left repeat-x;

  108. 	padding: 3px;

  109. 	border: 1px solid #BBBBBB;

  110. 	display: inline-block;	

  111. 	margin-top: 5px;

  112. 	/*min-width: 55px;	*/

  113. }

  114. span.gradbutton_hover

  115. {

  116. 	border: 1px solid #808080;

  117. }

  118. 

  119. span.gradbutton_down

  120. {

  121. 	background: url('images/buttonbg1-down.jpg') #fff top left repeat-x;

  122. 	border: 1px solid #808080;

  123. }

  124. 

  125. 

  126. .selectVariableClassHidden

  127. {

  128. 	

  129. 	visibility: hidden;

  130. 	overflow: hidden;

  131. 	background-color: #FFFFFF;

  132. }

  133. 

  134. .selectVariableClass

  135. {

  136. 	visibility: visible;

  137. }

  138. 

  139. div.updateMsg

  140. {

  141. 	border: 5px solid maroon;

  142. 	background-color: white;

  143. 	width: 200px;

  144. 	text-align: center;

  145. 	font-weight: bold;

  146. }

  147. 

  148. .variableHoursList

  149. {

  150.  	position: absolute;

  151. 	background-color: white;

  152. 	border: 1px solid #333333;

  153. 	width: 150px;

  154.  	/*z-index:12;*/

  155.  }

  156.  .variableHoursList a

  157.  {

  158.  	text-decoration: none;

  159.  }

  160.  .variableHoursList a:hover

  161.  {

  162.  	font-weight: bold;

  163.  }

  164.  

  165. 

  166. .tenpt

  167. {

  168.  font-size: 10pt;

  169.  font-family: Arial;

  170. }

  171. 

  172. .elevenpt

  173. {

  174. 	font-size: 11pt;

  175. 	font-family: Arial;

  176. }

  177. 

  178. .fixedlen

  179. {

  180. 	font-family: Courier New;

  181. 	font-size: 10pt;

  182. }

  183. 

  184. .smallspace

  185. {

  186. 	padding-left: 15px;

  187. }

  188. 

  189. 

  190. .viewSelectorActive

  191. {

  192. 	font-weight: bold;

  193. 	color: black;

  194. 	text-decoration: none;

  195. }

  196. 

  197. .viewSelectorInactive

  198. {

  199. 	font-weight: normal;

  200. 	text-decoration: none;

  201. }

  202. .viewSelectorInactive:hover

  203. {

  204. 	font-weight: normal;

  205. 	text-decoration: none;

  206. }

  207. 

  208. 

  209. .superscript

  210. {

  211. /* mimic the apearance of a superscript */

  212. 	font-size: 7pt;

  213. 	position: relative;

  214. 	top: -5px;

  215. }

  216. 

  217. .transfer_area

  218. {

  219. 	background-color: white;

  220. 	color: black;

  221. 	border-style: solid;

  222. 	border-color: gray;

  223. 	width: 350px;

  224. 	margin: 0px 0px 0px 0px;

  225. 	padding: 0px 0px 0px 0px;

  226. 	height: 150px;

  227. 	font-size: 11px;

  228. 	cursor: default;

  229. }

  230. 

  231. a.nounderline

  232. {

  233. 	text-decoration: none; 

  234. 	color: blue;

  235. }

  236. 

  237. a.nounderline2

  238. {

  239. 	text-decoration: none;

  240. 	color: blue;

  241. }

  242. 

  243. a.nounderline:hover

  244. {

  245. 	text-decoration: underline; 

  246. 	color: blue;

  247. }

  248. 

  249. .falseLink

  250. {

  251. 	text-decoration: none;

  252. 	color: blue;

  253. 	cursor: pointer;

  254. }

  255. 

  256. 

  257. 

  258. .smallinput 

  259. {

  260.  font-size: 8pt;

  261.  border-style: solid;

  262.  border-width: 1px;

  263.  border-color: #96a3dc;

  264.  }

  265. 

  266. .smallbutton

  267. {

  268.  font-size: 8pt;

  269.  border-style: solid;

  270.  border-width: 1px;

  271.  border-color: blue;

  272. }

  273. 

  274. .tabinput

  275. {

  276.  font-size: 8pt;

  277.  color: white;

  278.  border-style: solid;

  279.  border-width: 1px;

  280.  border-color: white;

  281.  background-color: maroon;

  282. }

  283. 

  284. .tabbutton

  285. {

  286.  font-size: 8pt;

  287.  border-style: solid;

  288.  border-width: 1px;

  289.  border-color: white;

  290. }

  291. 

  292. td.underline

  293. {

  294. 	border-bottom: 1px solid black;

  295. }

  296. td.u

  297. {

  298.  background-image:URL('images/underline.gif');

  299. }

  300. 

  301. .uhand

  302. {

  303.  background-image:URL('images/underline.gif'); 

  304.  cursor: pointer;

  305. }

  306. 

  307. .hand

  308. {

  309.  cursor: pointer;

  310. }

  311. 

  312. 

  313. 

  314. .blueTitle

  315. {

  316. 	color: white;

  317. 	background: url('images/grad_bg.gif') #660000 top left repeat-x;

  318. 	

  319. }

  320. 

  321. .hypo

  322. {

  323. 	background-color: #FDFFBB; 

  324. 	color: black;

  325. }

  326. 

  327. .hypocolor

  328. {

  329. 	color: black;

  330. }

  331. 

  332. table.blueBorder

  333. {

  334. 	border-bottom: solid 2px  #C1A599;	

  335. 	border-right: solid 2px #C1A599;

  336. 	border-left: solid 2px #C1A599;

  337. }

  338. 

  339. 

  340. 

  341. 

  342. .completed  /* student passed course  */

  343. {

  344.  color: #1d7bff;

  345.  text-decoration:none;

  346. }

  347. 

  348. .eligible /* elegible courses (student may take) */

  349. {

  350.  color: black;

  351.  text-decoration:none;

  352.  

  353. }

  354. 

  355. .d  /*  developmental requirement */

  356. {

  357.  color: black;

  358.  font-style:italic;

  359. 

  360. }

  361. 

  362. 

  363. .locked  /* not elegible.  Student may not take this course. */

  364. {

  365.  color: gray;

  366.  text-decoration:none;

  367. }

  368. 

  369. .retake  /* student must re-take course.  Grade not good enough. */

  370. {

  371.  color: #ff5559;

  372.  text-decoration:none;

  373. }

  374. .enrolled /* student is currently enrolled in course. */

  375. {

  376.  color: green;

  377.  text-decoration:none;

  378. }

  379. 

  380. blockquote.slo

  381. {

  382.            margin-top: 2px;

  383.            margin-left: 20px;

  384.            margin-bottom: 2px;

  385.            padding: 0px;

  386. }

  387. 

  388. table.box

  389. {

  390.         border-width: 1px;

  391.         border-style: solid;

  392.         border-color: white;

  393. }

  394. 

  395. td.box

  396. {

  397.         border-style: solid;

  398.         border-color: white;

  399. }

  400. 

  401. table.saveoption

  402. {

  403.       border-style: solid;

  404.       border-width: 1px;

  405.       border-color: black;

  406.       background-color: #ffffcc;

  407. 

  408. }

  409. 

  410. table.announcement

  411. {

  412.       border-style: solid;

  413.       border-width: 1px;

  414.       border-color: black;

  415.       background-color: white;

  416. 

  417. }

  418. 

  419. 

  420. .edit_col

  421. {

  422.  background-color: #ffffcc;

  423. }

  424. 

  425. 

  426. .rubric_col

  427. {

  428.  background-color: #CCFFFF;

  429. }

  430. 

  431. .top_col

  432. {

  433.  background-color: #CCCCCC;

  434. }

  435. 

  436. table.slo

  437. {

  438.         border-width: 1px;

  439.         border-style: solid;

  440.         border-color: white;

  441. }

  442. 

  443. td.slo

  444. {

  445.         border-style: solid;

  446.         border-color: black;

  447.         border-width: 1px;

  448. }

  449. 

  450. 

  451. table.score

  452. {

  453.  border-width: 1px;

  454.  border-style: solid;

  455.  border-color: black;

  456. }

  457. 

  458. td.score

  459. {

  460.  border-width: 1px;

  461.  border-style: solid;

  462.  border-color: black;

  463. }

  464. 

  465. .side_padding {

  466. 	padding-left: 3px;

  467. 	padding-right: 3px;

  468. 	padding-top: 1px;

  469. 	padding-bottom: 1px;

  470. }

  471. 

  472. .tab_text

  473. {

  474. 	font-family: Arial;

  475. 	font-size: 10pt;

  476. }

  477. 

  478. td.tl {

  479. 	background: url('images/tl.gif') #ECECDB top left no-repeat;

  480. 	height: 17px;

  481. }

  482. 

  483. td.top {

  484. 	background: url('images/top.gif') #ECECDB top repeat-x;

  485. 	height: 17px;

  486. }

  487. 

  488. td.tr {

  489. 	background: url('images/tr.gif') #ECECDB top right no-repeat;

  490. 	height: 17px;

  491. }

  492. 

  493. td.bl {

  494. 	background: url('images/bl.gif') #ECECDB bottom left no-repeat;

  495. 	height: 36px;

  496. }

  497. 

  498. td.bottom {

  499. 	background: url('images/bottom.gif') #ECECDB bottom repeat-x;

  500. 	height: 36px;

  501. }

  502. 

  503. td.br {

  504. 	background: url('images/br.gif') #ECECDB bottom right no-repeat;

  505. 	height: 36px;

  506. }

  507. 

  508. td.tab_tl {

  509. 	background: url('images/tab_tl.gif') #FFFFFF top left no-repeat;

  510. 	height: 14px;

  511. }

  512. 

  513. td.tab_top {

  514. 	background: url('images/tab_top.gif') #FFFFFF top repeat-x;

  515. 	height: 14px;

  516. }

  517. 

  518. td.tab_tr {

  519. 	background: url('images/tab_tr.gif') #FFFFFF top right no-repeat;

  520. 	height: 14px;

  521. }

  522. 

  523. td.tab_left {

  524. 	background: url('images/tab_left_edge.gif') #FFFFFF top left repeat-y;

  525. 	height: 1px;

  526. }

  527. 

  528. td.tab_right {

  529. 	background: url('images/tab_right_edge.gif') #FFFFFF top right repeat-y;

  530. 	

  531. 	height: 1px;

  532. }

  533. 

  534. td.tab_center {

  535. 	background: url('images/tab_center.gif') #FFFFFF top repeat-x;

  536. 	height: 18px;

  537. 	font-weight: bold;

  538. }

  539. 

  540. td.tab_tl_i {

  541. 	background: url('images/tab_tl_i.gif') #FFFFFF top left no-repeat;

  542. 	height: 14px;

  543. }

  544. 

  545. td.tab_top_i {

  546. 	background: url('images/tab_top_i.gif') #FFFFFF top repeat-x;

  547. 	height: 14px;

  548. }

  549. 

  550. td.tab_tr_i {

  551. 	background: url('images/tab_tr_i.gif') #FFFFFF top right no-repeat;

  552. 	height: 14px;

  553. }

  554. 

  555. td.tab_left_i {

  556. 	background: url('images/tab_left_edge_i.gif') #FFFFFF top left repeat-y;

  557. 	height: 1px;

  558. }

  559. 

  560. td.tab_right_i {

  561. 	background: url('images/tab_right_edge_i.gif') #FFFFFF top right repeat-y;

  562. 	height: 1px;

  563. }

  564. 

  565. td.tab_center_i {

  566. 	background: url('images/tab_bottom_i.gif') #FFFFFF top repeat-x;

  567. 	height: 18px;

  568. 	font-weight: normal;

  569. }

  570. 

  571. .active_tab {

  572. 	position: relative;

  573. 	top: 4px;

  574. 	border-bottom: 1px solid white;

  575. 	color: #660000;

  576. 	cursor: default;

  577. }

  578. 

  579. .inactive_tab {

  580. 	position: relative;

  581. 	top: 3px;

  582. 	color: #A0A0A0;

  583. 	border-bottom: 1px solid #A3A397;

  584. 	

  585. }

  586. 

  587. .inactive_tab_over {

  588. 	position: relative;

  589. 	top: 3px;

  590. 	color: #660000;

  591. 	border-bottom: 1px solid #A3A397;

  592. 	cursor: pointer;

  593. }

  594. 

  595. 

  596. .inactive_tab_over_no_link {

  597. 	position: relative;

  598. 	top: 3px;

  599. 	color: #A0A0A0;

  600. 	border-bottom: 1px solid #A3A397;

  601. 	cursor: default;

  602. }

  603. 

  604. 

  605. .tab_padding {

  606. 	padding-right: 3px;

  607. }

  608. 

  609. .nounderlink

  610. {

  611. 	color: #1d7bff;

  612. 	text-decoration: none;

  613. }

  614. 

  615. .nounderlink:hover

  616. {

  617. 	color: #1d7bff;

  618. 	text-decoration: underline;

  619. }

  620. 

  621. /*

  622.   This starts off a "box", like "Freshman Year" or "Excess Credits"

  623. */

  624. table.fp-box-top {

  625.   margin-bottom: 10px;

  626. }

  627. 

  628. .what-if-selector {

  629.   width: 90%;

  630. }

  631. 

  632. /*

  633. Main

  634. */

  635. .fp-menu-item {

  636.   padding-top: 10px;

  637.   padding-bottom: 10px;

  638.   padding-left: 20px;

  639.   font-size: 0.8em;

  640. }

  641. 

  642. .fp-menu-item-tight {

  643.   padding-bottom:0;

  644. }

  645. 

  646. .fp-menu-item .fp-menu-item-description {

  647.   padding-left: 25px;

  648. }

  649. 

  650. .fp-menu-item a {

  651.   text-decoration: none;

  652.   color: blue;

  653. }

  654. .fp-menu-item a:hover {

  655.   text-decoration: underline;

  656. }

  657. 

  658. .fp-warn-grant-full {

  659.   font-size: 0.8em;

  660.   color: red;

  661. }

  662. 

  663. 

  664. /*

  665. Admin-console related

  666. */

  667. .fp-user-management-permission 

  668. {

  669.   margin-bottom: 15px;

  670.   padding-left: 20px;

  671. }

  672. 

  673. .fp-user-management-permission-disabled {

  674.   background-color: #eee;

  675.   font-style: italic;

  676. }

  677. 

  678. .fp-user-management-permission .fp-user-management-permission-line {

  679.   padding-left: 20px;

  680.   font-size: 0.8em;

  681. }

  682. 

  683. .fp-user-management-permission-module-name {

  684.   background-color: #eee;

  685.   padding: 3px;

  686.   margin-top: 10px;

  687.   margin-bottom: 3px;

  688.   font-weight: bold;

  689. }

  690. 

  691. ul.top-menu-links {

  692.   font-size: 0.8em;

  693.   padding: 0;

  694.   margin: 0;

  695. }

  696. 

  697. ul.top-menu-links li {

  698.   display: inline;

  699.   padding-right: 20px;  

  700. }

  701. 

  702. ul.top-menu-links li.first {

  703.   list-style: none;

  704. }

  705. 

  706. 

  707. 

  708. /*

  709.  * Forms...

  710.  */

  711. .fp-form label {

  712.   display: block;

  713.   font-weight: bold;  

  714. }

  715. 

  716. .fp-form textarea {

  717.   width: 100%;  

  718. }

  719. 

  720. .form-element {

  721.   margin-bottom: 20px;

  722. }

  723. 

  724. .form-element .radio-element {

  725.   padding: 5px;

  726. }

  727. 

  728. label.label-for-radio,

  729. label.label-for-checkbox

  730. {

  731.   font-weight: normal;

  732. }

  733. 

  734. .form-element-description {

  735.   font-size: 0.8em;

  736.   padding-left: 10px;

  737.   color: #444;

  738. }

  739. 

  740. .form-element-description fieldset {

  741.   margin-top: 5px;

  742.   padding-bottom: 0px;

  743. }

  744. 

  745. .form-required-ast {

  746.   color: red;

  747.   font-weight: bold;

  748.   font-size: 1.1em;

  749.   padding-right: 5px;

  750. }

  751. 

  752. .form-element-error {

  753.   border: 1px dotted red;

  754.   padding: 5px;

  755. }

  756. 

  757. a.form-popup-description {

  758.   font-weight: normal;

  759.   padding-left: 5px;

  760.   text-decoration: none;

  761. }

  762. 

  763. /**

  764.  *   FPM related

  765.  */

  766. 

  767. .fp-html-print-r-wrapper {

  768.   font-size: 0.9em;

  769. }

  770. 

  771. .fp-html-print-r-multi-row {

  772.   background-color: #eee;

  773.   border: 1px solid #bbb;

  774.   padding: 5px;  

  775. }

  776. 

  777. .fp-html-print-r-multi-row .fp-html-print-r-selector {

  778.   cursor: pointer;  

  779. }

  780. 

  781. .fp-html-print-r-multi-row > .fp-html-print-r-var-value {

  782.   padding-left: 30px;

  783. }

  784. 

  785. .fp-html-print-r-single-row {

  786.   border-top: 1px solid #bbb;

  787. }

  788. 

  789. .fp-html-print-r-var-name {

  790.   color: #404000;

  791.   font-weight: bold;

  792. }

  793. 

  794. .fp-html-print-r-var-type {

  795.   font-style: italic;

  796. }

  797. 

  798. .fp-html-print-r-single-row .fp-html-print-r-var-value {

  799.   font-weight: bold;

  800. }

  801. 

  802. .student-search-advanced-tips-wrapper {

  803.   font-size: 0.8em;

  804. }

  805. 

  806. .student-search-advanced-tips-wrapper label {

  807.   display:block;

  808.   font-weight: bold;

  809. }