td.contents{
vertical-align: top;
font-size: 12pt;
color: #003366;
font-weight: bold;
}
td.pageHeading{
vertical-align: top;
font-size: 16pt;
color: #CDC7B1;
background-color: #113658;
font-weight: bold;
}
td.reportHeader{
font-size: 10pt;
font-family: Verdana, Helvetica, Arial;
font-weight: bold;
background-color: #999999;
}
td.reportOptionsPublic1{
font-size: 80%;
font-family: Verdana, Helvetica, Arial;
font-weight: bold;
background-color: #E6E6E6;
}
td.reportOptionsPublic2{
font-size: 80%;
font-family: Verdana, Helvetica, Arial;
font-weight: bold;
background-color: #CCCCCC;
}
td.dataHeadingsSmall{
font-size: 80%;
font-weight: bold;
text-align: center;
}
td.dataHeadings{
color: black;
font-weight: bold;
text-align: center;
background-color: #E7E7E7;
}
td.dataElements{
color: black;
text-align: center;
font-size: 10pt;
background-color: #CCFFFF;
}
td.dataElementsNotCentered{
color: black;
font-size: 10pt;
background-color: #CCFFFF;
}
td.note{
color: red;
font-size: 10pt;
text-align: center;
}
a.dataHeadings{
color: black;
font-weight: bold;
text-align: center;
text-decoration: none;
}
a.dataHeadings:hover {
text-align: center;
color: #3333CC;
font-weight: bold;
text-decoration: none;
}
a.dataHeadings:active {
text-align: center;
color: #3333CC;
font-weight: bold;
text-decoration: none;
}
a.help {
text-align: right;
color: white;
font-weight: bold;
font-size: 10pt;
text-decoration: none;
}
a.help:hover {
text-align: right;
color: white;
font-size: 10pt;
font-weight: bold;
text-decoration: underline;
}
tr.even {
background-color: #d5e5ff;
}
tr.odd {
background-color: #ffffcc;
}
tr.heading {
background-color: #e7e7e7;
}
table.list {
font-size: 10pt;
}
.data {
#text-align: left;
#vertical-align: top;
border: solid thin #000000;
padding: 2pt;
}
td.publictable {
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
}
td.publicReportEven {
background-color: #d5e5ff;
}
td.publicReportEvenOdd {
background-color: #ffffcc;
}
td.publicReportOddEven {
background-color: #ddeeff;
}
td.publicReportOdd {
}
th.publicReportHeader {
background-color: #e7e7e7;
text-align: center;
}
td.expanded {
border-bottom: solid 1px #ffffff;
border-right: solid 1px #ffffff;
background-color: #99FFFF;
}
table.publicResults {
width: 660px;
}
/* This is the non-content version of the CSS file for the Registrar's
* banner, navigation menu bar, and web page footer, with banner and
* footer width set to 750 pixels (the banner image is truncated to fit,
* so it's width shouldn't need to be adjusted).
*
* If you want global settings for all content on your web page, use
* banner750all.css instead. Or use the "banner-width" class below
* with your HTML component, since it sets just the CSS width to match
* the banner.
*
* To use this style sheet, insert something like the following into
* your section:
*
*
* The bottom of this file explains why the conditional line above for
* file "banner-ie-fix.css" is necessary so that Internet Explorer 6 and 7
* web browsers display the navigation menu bar reasonably well. I'm
* using the full "www.reg.uci.edu" address for the conditional style
* sheet so as not to burden our web program servers with a relatively
* unimportant file.
*
* Garr Updegraff, 2007-08-21, garru(at)uci.edu
*/
body {
margin-top: 0; /* This places "contact us" at the very top. */
background-color: white;
}
/* No need for the following to increase tiny default font for IE 5 & 6. */
/* * html body { font-size: 120%; } */
.banner-width { /* Useful for matching contents to the banner width. */
/* To center a table within the width of the banner, use: */
/*
...
*/
width: 750px;
}
/* Set default font for sub-components of common containers:
* contact-date, srchbox, nav-bar, and footer.
*/
#contact-date * {
font-family: Verdana, Arial, Helvetica, sans-serif;
margin: 0;
font-weight: normal;
text-transform: uppercase;
}
#reg-nav-bar * {
font: 100% Arial, Helvetica, sans-serif;
}
#srchbox *, #contact-footer * {
font: 100% Times New Roman, Times, serif;
}
/* "Contact us" line at tippy-top of page, 750 pixels wide.
* Note that optional right side
can be
* altered to hold today's date.
*/
#contact-date {
width: 750px;
color: black;
line-height: 1.3em; /* define height so optional right side can move up by this amount to stay on same line. */
font-size: 60%;
}
#contact-date p {
margin: 0;
text-align: left;
}
#contact-date img { /* No border around envelope, and move it down a little. */
margin-bottom: -1px;
padding-top: 1px;
border: none;
}
#contact-date a { text-decoration: none; } /* don't underline email contact at top of page */
#contact-date a:hover { color: #993333; }
#contact-date p#date-now {
margin-top: -1.3em;
text-align: right;
}
/* Set container to truncate the Registrar banner to 750x80. */
#reg-banner-container {
position: relative; /* GU: "Relative" here allows "absolute" positioning of search box. */
height: 80px;
width: 750px;
margin: 0;
padding: 0;
overflow: hidden;
background-color: #335588; /* In case image is missing, same dark blue as nav-bar */
/* border: red 1px solid; */ /* debug */
border-bottom: white 1px solid;
text-align: left;
}
#reg-banner-container img { /* Registrar banner image */
border: none;
}
/* Place Reg Office search box on the middle right of banner image. */
#srchbox {
position: absolute;
top: 12px; /* GU: Old value was 25px; */
left: 490px; /* GU: Old value was 500px; */
float: right;
height: 55px;
width: 250px;
margin: 0;
padding: 0;
overflow: hidden;
font-weight: normal;
/* border: green 1px solid; */ /* debug */
}
#srchbox form { /* This is the web form for the search field. */
padding: 0;
margin: 0;
}
#srchbox h3 { /* This is the title text for the search box. */
display: inline;
overflow: hidden;
padding: 0;
margin: 0;
color: white;
font-weight: normal;
white-space: nowrap;
}
#srchbox-button { /* This is UCI's hokey "Go" button for the search box. */
position: absolute; /* Place "Go" image at far right, just above input box. */
top: 0;
right: 20px;
/* border: green 1px solid; */ /* debug */
}
#srchbox-input { /* Extend the "search" input field to 20 pixels from right edge. */
width: 230px;
font-size: 0.8em;
margin: 0;
padding: 0;
}
/* Container for Registrar navigation menu bar. */
#reg-nav-bar {
position: relative; zoom: 1; /* IE requires these two settings to put nav bar on top of banner. */
width: 750px;
margin: 0;
padding: 3px 0px 3px 0px;
background-color: #335588;
/* border: yellow 1px solid; */ /* debug */
}
#reg-nav-bar td { /* This includes settings for ':' separators along menu bar. */
text-align: center;
color: #FFE273;
font: 12px Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
vertical-align: top;
}
#reg-nav-bar ul { /* We're using an inline unordered list, rather than table formatting. */
margin: 0;
padding: 0;
text-align: center;
color: #ffe273; /* default yellow text for ':' separator between links */
font-size: 80%;
font-weight: bold;
list-style: none;
/* font-variant: small-caps; */ /* Use this for "small caps" effect */
}
#reg-nav-bar li { /* For each menu bar item. */
display: inline; /* display
horizontally, rather than vertically. */
zoom: 1; /* Need this so IE 7 doesn't collapse the links when text is resized. */
margin: 0 0.6em 0 0.6em; /* spacing between links */
padding: 0;
white-space: nowrap; /* Don't allow text within links to wrap if user increases font size */
font-size: 100%;
font-weight: bold;
}
#reg-nav-bar a { /* Menu bar web links should all be white, rather than browser default link color. */
color: white;
text-decoration: none; /* don't underline nav-bar web links */
font: 12px Verdana,Arial,Helvetica,sans-serif;
font-weight: bold;
padding-left: 0.5em; padding-right: 0.5em;
vertical-align: baseline;
}
#reg-nav-bar a:hover { /* mouse over switches link to blue text on yellow background. */
background-color: #FBEDB5;
color: #335588;
}
/* Optional program title heading bar, using "." class, rather than "#" id, so it can
* be used more than once.
* Both
and
use centered text in UCI gold on top of a horizontal line
* in UCI blue.
*/
.title-bar {
position: relative;
height: 0; /* Increase this to position horizontal border line lower. */
width: 750px;
margin: 1.5em 0; /* Provide margin space above and below. */
padding: 0;
border-bottom: #358 solid 1px; /* UCI blue for horizontal line on left and right. */
text-align: center;
}
.title-bar h1 {
display: inline;
position: relative; /* Bar shifts upward to sit on top of div's horizontal line */
top: 0em; /* Adjust +/- vertical position here. */
margin: 0;
padding: 0 0.3em;
background-color: white; /* White background covers horizontal line. */
color: #ffac00; /* UCI gold for letters. */
font: normal 120%/0 Verdana, Arial, Helvetica, sans-serif;
}
.title-bar h2 {
display: inline;
position: relative; /* Bar shifts upward to sit on top of div's horizontal line */
top: 0em; /* Adjust +/- vertical position here. */
margin: 0;
padding: 0 0.3em;
background-color: white; /* White background covers horizontal line. */
color: #ffac00; /* UCI gold for letters. */
font: bold 100%/0 Verdana, Arial, Helvetica, sans-serif;
}
.title-bar a { /* No need for underlined web links -- just change color on hover. */
color: #ffac00;
text-decoration: none;
}
.title-bar a:hover { color: #993333; }
.title-bar p { /* Positions stuff like the login status at far right. */
position: absolute;
right: 0;
margin: 0;
padding: 0;
text-transform: uppercase;
font: 0.6em/1em Verdana, Arial, Helvetica, sans-serif;
}
.title-bar p.login-status { top: -1.1em; } /* Just above title-bar line. */
.title-bar p.login-link { top: 0.3em; } /* Just below title-bar line. */
#contact-footer {
margin-top: 1em;
width: 750px;
padding: 0.3em 0;
background-color: #f1f1e7;
border-top: #036 solid 2px;
border-bottom: #036 solid 2px;
text-align: center;
font-size: 0.8em;
font-style: normal;
line-height: 150%;
}
#contact-footer #footer-office-title {
font-size: 1.2em;
font-variant: small-caps;
letter-spacing: 0.1em;
word-spacing: 0.2em;
}
#contact-footer ul { /* We're using an inline unordered list, rather than table formatting. */
margin: 0;
padding: 0;
list-style-type: none;
}
#contact-footer li { /* For each menu bar item. */
display: inline; /* display
horizontally, rather than vertically. */
padding: 0 0.15em;
white-space: nowrap; /* Don't allow text within links to wrap if user increases font size */
}
#contact-footer li.reg-email a { /* Use a more readable font for Reg email address. */
color: black; /* No need for link coloring. */
font-family: Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
}
#contact-footer li.reg-email a:hover { color: #993333; }
/* Set up special override instructions for printing to narrow banner so it fits on page. */
@media print {
body {
margin: 0;
padding: 0;
}
#contact-date {
width: 700px;
}
#reg-banner-container { /* Banner needs to be 100px less to fit typical print page. */
width: 700px;
}
#srchbox { /* Adjust the search box for smaller banner */
left: 460px;
}
#reg-nav-bar { /* Adjust navigation bar for smaller banner. */
width: 700px;
}
.title-bar { /* Turn off horizontal line for printing; otherwise, it shows thru background. */
width: 700px;
border: none;
}
#contact-footer {
width: 700px;
}
}
/**** "INTERNET EXPLORER" OVERRIDE VALUES FOR NAVIGATION MENU BAR
*
* In case IE has any quirks that can't be corrected in this file, be
* sure to include the following in your web page's section,
* just below the that includes this CSS file:
*
*/