style.css

  1. 6.x themes/fp6_clean/style.css
  2. 6.x modules/engagements/css/style.css
  3. 6.x modules/alerts/css/style.css
  4. 6.x modules/system/css/style.css
  5. 6.x modules/calendar/css/style.css
  6. 6.x modules/student_profile/css/style.css
  7. 6.x modules/schools/css/style.css
  8. 4.x themes/classic/style.css
  9. 4.x modules/system/css/style.css
  10. 5.x themes/basic/style.css
  11. 5.x themes/fp5_clean/style.css
  12. 5.x themes/classic/style.css
  13. 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. .c-fieldset-content {
  7. /* the astericks mean "only for IE" */
  8. *margin-left: 10px;
  9. *margin-right: 10px;
  10. }
  11. .full_admin_top_options
  12. {
  13. font-size: 10pt;
  14. border: 1px solid maroon;
  15. padding: 2px;
  16. margin-left: 10px;
  17. }
  18. .flightpath-greeting-message {
  19. font-size: 0.8em;
  20. }
  21. .sub-tabs {
  22. margin-bottom: 10px;
  23. margin-top: 5px;
  24. font-size: 0.9em;
  25. }
  26. .sub-tabs .gradbutton-active {
  27. font-weight: bold;
  28. }
  29. th {
  30. text-align: left;
  31. }
  32. .admin-message
  33. {
  34. padding: 5px;
  35. margin: 5px;
  36. font-size: 10pt;
  37. background-color: #FFFACD;
  38. }
  39. .fp-semester-table {
  40. border-collapse: collapse;
  41. width: 100%;
  42. }
  43. .fp-currently-advising {
  44. border-collapse: collapse;
  45. width: 100%;
  46. }
  47. .print-graphic
  48. {
  49. background-image: url('images/print.gif');
  50. width: 57px;
  51. height: 20px;
  52. }
  53. .fp-messages {
  54. border: 1px solid #FFCC66;
  55. background-color: #FFFFCC;
  56. padding: 5px 20px 5px 20px;
  57. margin: 5px;
  58. margin-bottom: 10px;
  59. }
  60. .fp-message {
  61. margin-top: 3px;
  62. margin-bottom: 10px;
  63. }
  64. .fp-message-error {
  65. color: red;
  66. }
  67. .fp-message .fp-message-backtrace {
  68. font-size: 0.8em;
  69. text-align: right;
  70. font-style: italic;
  71. }
  72. /*
  73. Gradiant buttons.... I have to write them out like this,
  74. and use onmouse events or else IE won't display them correctly.
  75. The onmouse events are like this:
  76. $onMouse = "onmouseover='this.className=\"gradbutton_hover hand\";'
  77. onmouseout='this.className=\"gradbutton hand\";'
  78. onmousedown='this.className=\"gradbutton_down hand\";'
  79. ";
  80. And add it to a span like this:
  81. Button 1
  82. */
  83. span.gradbutton
  84. {
  85. background: url('images/buttonbg1.jpg') #fff bottom left repeat-x;
  86. padding: 3px;
  87. border: 1px solid #BBBBBB;
  88. display: inline-block;
  89. margin-top: 5px;
  90. /*min-width: 55px; */
  91. }
  92. span.gradbutton_hover
  93. {
  94. border: 1px solid #808080;
  95. }
  96. span.gradbutton_down
  97. {
  98. background: url('images/buttonbg1-down.jpg') #fff top left repeat-x;
  99. border: 1px solid #808080;
  100. }
  101. .selectVariableClassHidden
  102. {
  103. visibility: hidden;
  104. overflow: hidden;
  105. background-color: #FFFFFF;
  106. }
  107. .selectVariableClass
  108. {
  109. visibility: visible;
  110. }
  111. div.updateMsg
  112. {
  113. border: 5px solid maroon;
  114. background-color: white;
  115. width: 200px;
  116. text-align: center;
  117. font-weight: bold;
  118. }
  119. .variableHoursList
  120. {
  121. position: absolute;
  122. background-color: white;
  123. border: 1px solid #333333;
  124. width: 150px;
  125. /*z-index:12;*/
  126. }
  127. .variableHoursList a
  128. {
  129. text-decoration: none;
  130. }
  131. .variableHoursList a:hover
  132. {
  133. font-weight: bold;
  134. }
  135. .tenpt
  136. {
  137. font-size: 10pt;
  138. font-family: Arial;
  139. }
  140. .elevenpt
  141. {
  142. font-size: 11pt;
  143. font-family: Arial;
  144. }
  145. .fixedlen
  146. {
  147. font-family: Courier New;
  148. font-size: 10pt;
  149. }
  150. .smallspace
  151. {
  152. padding-left: 15px;
  153. }
  154. .viewSelectorActive
  155. {
  156. font-weight: bold;
  157. color: black;
  158. text-decoration: none;
  159. }
  160. .viewSelectorInactive
  161. {
  162. font-weight: normal;
  163. text-decoration: none;
  164. }
  165. .viewSelectorInactive:hover
  166. {
  167. font-weight: normal;
  168. text-decoration: none;
  169. }
  170. .superscript
  171. {
  172. /* mimic the apearance of a superscript */
  173. font-size: 7pt;
  174. position: relative;
  175. top: -5px;
  176. }
  177. .transfer_area
  178. {
  179. background-color: white;
  180. color: black;
  181. border-style: solid;
  182. border-color: gray;
  183. width: 350px;
  184. margin: 0px 0px 0px 0px;
  185. padding: 0px 0px 0px 0px;
  186. height: 150px;
  187. font-size: 11px;
  188. cursor: default;
  189. }
  190. a.nounderline
  191. {
  192. text-decoration: none;
  193. color: blue;
  194. }
  195. a.nounderline2
  196. {
  197. text-decoration: none;
  198. color: blue;
  199. }
  200. a.nounderline:hover
  201. {
  202. text-decoration: underline;
  203. color: blue;
  204. }
  205. .falseLink
  206. {
  207. text-decoration: none;
  208. color: blue;
  209. cursor: pointer;
  210. }
  211. .smallinput
  212. {
  213. font-size: 8pt;
  214. border-style: solid;
  215. border-width: 1px;
  216. border-color: #96a3dc;
  217. }
  218. .smallbutton
  219. {
  220. font-size: 8pt;
  221. border-style: solid;
  222. border-width: 1px;
  223. border-color: blue;
  224. }
  225. .tabinput
  226. {
  227. font-size: 8pt;
  228. color: white;
  229. border-style: solid;
  230. border-width: 1px;
  231. border-color: white;
  232. background-color: maroon;
  233. }
  234. .tabbutton
  235. {
  236. font-size: 8pt;
  237. border-style: solid;
  238. border-width: 1px;
  239. border-color: white;
  240. }
  241. td.underline
  242. {
  243. border-bottom: 1px solid black;
  244. }
  245. td.u
  246. {
  247. background-image:URL('images/underline.gif');
  248. }
  249. .uhand
  250. {
  251. background-image:URL('images/underline.gif');
  252. cursor: pointer;
  253. }
  254. .hand
  255. {
  256. cursor: pointer;
  257. }
  258. .blueTitle
  259. {
  260. color: white;
  261. background: url('images/grad_bg.gif') #660000 top left repeat-x;
  262. }
  263. .hypo
  264. {
  265. background-color: #FDFFBB;
  266. color: black;
  267. }
  268. .hypocolor
  269. {
  270. color: black;
  271. }
  272. table.blueBorder
  273. {
  274. border-bottom: solid 2px #C1A599;
  275. border-right: solid 2px #C1A599;
  276. border-left: solid 2px #C1A599;
  277. }
  278. .completed /* student passed course */
  279. {
  280. color: #1d7bff;
  281. text-decoration:none;
  282. }
  283. .eligible /* elegible courses (student may take) */
  284. {
  285. color: black;
  286. text-decoration:none;
  287. }
  288. .d /* developmental requirement */
  289. {
  290. color: black;
  291. font-style:italic;
  292. }
  293. .locked /* not elegible. Student may not take this course. */
  294. {
  295. color: gray;
  296. text-decoration:none;
  297. }
  298. .retake /* student must re-take course. Grade not good enough. */
  299. {
  300. color: #ff5559;
  301. text-decoration:none;
  302. }
  303. .enrolled /* student is currently enrolled in course. */
  304. {
  305. color: green;
  306. text-decoration:none;
  307. }
  308. blockquote.slo
  309. {
  310. margin-top: 2px;
  311. margin-left: 20px;
  312. margin-bottom: 2px;
  313. padding: 0px;
  314. }
  315. table.box
  316. {
  317. border-width: 1px;
  318. border-style: solid;
  319. border-color: white;
  320. }
  321. td.box
  322. {
  323. border-style: solid;
  324. border-color: white;
  325. }
  326. table.saveoption
  327. {
  328. border-style: solid;
  329. border-width: 1px;
  330. border-color: black;
  331. background-color: #ffffcc;
  332. }
  333. table.announcement
  334. {
  335. border-style: solid;
  336. border-width: 1px;
  337. border-color: black;
  338. background-color: white;
  339. }
  340. .edit_col
  341. {
  342. background-color: #ffffcc;
  343. }
  344. .rubric_col
  345. {
  346. background-color: #CCFFFF;
  347. }
  348. .top_col
  349. {
  350. background-color: #CCCCCC;
  351. }
  352. table.slo
  353. {
  354. border-width: 1px;
  355. border-style: solid;
  356. border-color: white;
  357. }
  358. td.slo
  359. {
  360. border-style: solid;
  361. border-color: black;
  362. border-width: 1px;
  363. }
  364. table.score
  365. {
  366. border-width: 1px;
  367. border-style: solid;
  368. border-color: black;
  369. }
  370. td.score
  371. {
  372. border-width: 1px;
  373. border-style: solid;
  374. border-color: black;
  375. }
  376. .side_padding {
  377. padding-left: 3px;
  378. padding-right: 3px;
  379. padding-top: 1px;
  380. padding-bottom: 1px;
  381. }
  382. .tab_text
  383. {
  384. font-family: Arial;
  385. font-size: 10pt;
  386. }
  387. td.tl {
  388. background: url('images/tl.gif') #ECECDB top left no-repeat;
  389. height: 17px;
  390. }
  391. td.top {
  392. background: url('images/top.gif') #ECECDB top repeat-x;
  393. height: 17px;
  394. }
  395. td.tr {
  396. background: url('images/tr.gif') #ECECDB top right no-repeat;
  397. height: 17px;
  398. }
  399. td.bl {
  400. background: url('images/bl.gif') #ECECDB bottom left no-repeat;
  401. height: 36px;
  402. }
  403. td.bottom {
  404. background: url('images/bottom.gif') #ECECDB bottom repeat-x;
  405. height: 36px;
  406. }
  407. td.br {
  408. background: url('images/br.gif') #ECECDB bottom right no-repeat;
  409. height: 36px;
  410. }
  411. td.tab_tl {
  412. background: url('images/tab_tl.gif') #FFFFFF top left no-repeat;
  413. height: 14px;
  414. }
  415. td.tab_top {
  416. background: url('images/tab_top.gif') #FFFFFF top repeat-x;
  417. height: 14px;
  418. }
  419. td.tab_tr {
  420. background: url('images/tab_tr.gif') #FFFFFF top right no-repeat;
  421. height: 14px;
  422. }
  423. td.tab_left {
  424. background: url('images/tab_left_edge.gif') #FFFFFF top left repeat-y;
  425. height: 1px;
  426. }
  427. td.tab_right {
  428. background: url('images/tab_right_edge.gif') #FFFFFF top right repeat-y;
  429. height: 1px;
  430. }
  431. td.tab_center {
  432. background: url('images/tab_center.gif') #FFFFFF top repeat-x;
  433. height: 18px;
  434. font-weight: bold;
  435. }
  436. td.tab_tl_i {
  437. background: url('images/tab_tl_i.gif') #FFFFFF top left no-repeat;
  438. height: 14px;
  439. }
  440. td.tab_top_i {
  441. background: url('images/tab_top_i.gif') #FFFFFF top repeat-x;
  442. height: 14px;
  443. }
  444. td.tab_tr_i {
  445. background: url('images/tab_tr_i.gif') #FFFFFF top right no-repeat;
  446. height: 14px;
  447. }
  448. td.tab_left_i {
  449. background: url('images/tab_left_edge_i.gif') #FFFFFF top left repeat-y;
  450. height: 1px;
  451. }
  452. td.tab_right_i {
  453. background: url('images/tab_right_edge_i.gif') #FFFFFF top right repeat-y;
  454. height: 1px;
  455. }
  456. td.tab_center_i {
  457. background: url('images/tab_bottom_i.gif') #FFFFFF top repeat-x;
  458. height: 18px;
  459. font-weight: normal;
  460. }
  461. .active_tab {
  462. position: relative;
  463. top: 4px;
  464. border-bottom: 1px solid white;
  465. color: #660000;
  466. cursor: default;
  467. }
  468. .inactive_tab {
  469. position: relative;
  470. top: 3px;
  471. color: #A0A0A0;
  472. border-bottom: 1px solid #A3A397;
  473. }
  474. .inactive_tab_over {
  475. position: relative;
  476. top: 3px;
  477. color: #660000;
  478. border-bottom: 1px solid #A3A397;
  479. cursor: pointer;
  480. }
  481. .inactive_tab_over_no_link {
  482. position: relative;
  483. top: 3px;
  484. color: #A0A0A0;
  485. border-bottom: 1px solid #A3A397;
  486. cursor: default;
  487. }
  488. .tab_padding {
  489. padding-right: 3px;
  490. }
  491. .nounderlink
  492. {
  493. color: #1d7bff;
  494. text-decoration: none;
  495. }
  496. .nounderlink:hover
  497. {
  498. color: #1d7bff;
  499. text-decoration: underline;
  500. }
  501. /*
  502. This starts off a "box", like "Freshman Year" or "Excess Credits"
  503. */
  504. table.fp-box-top {
  505. margin-bottom: 10px;
  506. }
  507. .what-if-selector {
  508. width: 90%;
  509. }
  510. /*
  511. Main
  512. */
  513. .fp-menu-item {
  514. padding-top: 10px;
  515. padding-bottom: 10px;
  516. padding-left: 20px;
  517. font-size: 0.8em;
  518. }
  519. .fp-menu-item-tight {
  520. padding-bottom:0;
  521. }
  522. .fp-menu-item .fp-menu-item-description {
  523. padding-left: 25px;
  524. }
  525. .fp-menu-item a {
  526. text-decoration: none;
  527. color: blue;
  528. }
  529. .fp-menu-item a:hover {
  530. text-decoration: underline;
  531. }
  532. .fp-warn-grant-full {
  533. font-size: 0.8em;
  534. color: red;
  535. }
  536. /*
  537. Admin-console related
  538. */
  539. .fp-user-management-permission
  540. {
  541. margin-bottom: 15px;
  542. padding-left: 20px;
  543. }
  544. .fp-user-management-permission-disabled {
  545. background-color: #eee;
  546. font-style: italic;
  547. }
  548. .fp-user-management-permission .fp-user-management-permission-line {
  549. padding-left: 20px;
  550. font-size: 0.8em;
  551. }
  552. .fp-user-management-permission-module-name {
  553. background-color: #eee;
  554. padding: 3px;
  555. margin-top: 10px;
  556. margin-bottom: 3px;
  557. font-weight: bold;
  558. }
  559. ul.top-menu-links {
  560. font-size: 0.8em;
  561. padding: 0;
  562. margin: 0;
  563. }
  564. ul.top-menu-links li {
  565. display: inline;
  566. padding-right: 20px;
  567. }
  568. ul.top-menu-links li.first {
  569. list-style: none;
  570. }
  571. /*
  572. * Forms...
  573. */
  574. .fp-form label {
  575. display: block;
  576. font-weight: bold;
  577. }
  578. .fp-form textarea {
  579. width: 100%;
  580. }
  581. .form-element {
  582. margin-bottom: 20px;
  583. }
  584. .form-element .radio-element {
  585. padding: 5px;
  586. }
  587. label.label-for-radio,
  588. label.label-for-checkbox
  589. {
  590. font-weight: normal;
  591. }
  592. .form-element-description {
  593. font-size: 0.8em;
  594. padding-left: 10px;
  595. color: #444;
  596. }
  597. .form-element-description fieldset {
  598. margin-top: 5px;
  599. padding-bottom: 0px;
  600. }
  601. .form-required-ast {
  602. color: red;
  603. font-weight: bold;
  604. font-size: 1.1em;
  605. padding-right: 5px;
  606. }
  607. .form-element-error {
  608. border: 1px dotted red;
  609. padding: 5px;
  610. }
  611. a.form-popup-description {
  612. font-weight: normal;
  613. padding-left: 5px;
  614. text-decoration: none;
  615. }
  616. /**
  617. * FPM related
  618. */
  619. .fp-html-print-r-wrapper {
  620. font-size: 0.9em;
  621. }
  622. .fp-html-print-r-multi-row {
  623. background-color: #eee;
  624. border: 1px solid #bbb;
  625. padding: 5px;
  626. }
  627. .fp-html-print-r-multi-row .fp-html-print-r-selector {
  628. cursor: pointer;
  629. }
  630. .fp-html-print-r-multi-row > .fp-html-print-r-var-value {
  631. padding-left: 30px;
  632. }
  633. .fp-html-print-r-single-row {
  634. border-top: 1px solid #bbb;
  635. }
  636. .fp-html-print-r-var-name {
  637. color: #404000;
  638. font-weight: bold;
  639. }
  640. .fp-html-print-r-var-type {
  641. font-style: italic;
  642. }
  643. .fp-html-print-r-single-row .fp-html-print-r-var-value {
  644. font-weight: bold;
  645. }
  646. .student-search-advanced-tips-wrapper {
  647. font-size: 0.8em;
  648. }
  649. .student-search-advanced-tips-wrapper label {
  650. display:block;
  651. font-weight: bold;
  652. }