/* -------------------------------------------------------------------------------------------*/
/* STANDARD PHP Style sheet
/* -------------------------------------------------------------------------------------------*/
/* 1.04.04 - AM - modified for UCSD format
/* 

/* -------------------------------------------------------------------------------------------*/
/* GENERAL SYLE GUIDELINES OF THIS STYLE SHEET
/* -------------------------------------------------------------------------------------------*/
/* 1. Use Padding when it's inside the border, margins when it's outside the border
/* 2. Body Container Cells provide padding to the right and bottom.  
/* 3. Body Cells and Paragraphs provide padding to the top and left.
/* 4. Top Bottom padding is 6 pixels.
/* 5. Left Right Padding is 8 pixels.
/* 6. Pixels are used because ems (a relative sizing attribute) were unreliable

/* -------------------------------------------------------------------------------------------*/
/* FONT MAPPINGS
/* -------------------------------------------------------------------------------------------*/
/*  8pt -  70%
/* 10pt -  80%
/* 12pt - 100%
/* 14pt - 120%
/* 16pt - 150%

/* -------------------------------------------------------------------------------------------*/
/* COLOR PALLETTE
/* -------------------------------------------------------------------------------------------*/
/* #53007E	Dark Purple		Visited Links (was 660099)

/* #880000  Dark Red		Page Title, Active Link
/* #CC3300  Medium Red		Validations
/* #FFDDDD	Pale Red		Background - Form Validation

/* #444444	Darkest Grey	H1, H2, Sub Titles STRONG
/* #888888	Dark Grey		Page Borders
/* #AAAAAA	Medium Grey		Data Table Borders
/* 			Header Grey		
/* 			Pale Grey		

/* rgb(211,207,203)			Dark Taupe (-24)	Background Table & Sidebar Header
/* rgb(239,235,231)			Medium Taupe (-12)	Background Menu (-12)
/* rgb(251,247,243)			Light Taupe (0)		Background Table & Sidebar

/* #0041CE	Dark Blue		Menu Items, Unvisited Links
/* #DDFFFF	Pale Cyan		Background - Data Table Highlight

/* #107910	Medium Green	Page Titles
/* #DFFFDD	Pale Green		Background - Misc

/* #F6FBBB	Pale Yellow		

/* -------------------------------------------------------------------------------------------*/
/* GENERIC ELEMENTS */
/* -------------------------------------------------------------------------------------------*/

/* No Border because:
/* MSIE 6 puts a border outside the scrollbar
/* Netscape 7 ignores border
/* Opera puts the border inside the scrollbar 	 */
body 
{
	border: 0px solid red;
	background-color: white;
	color: black;
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-weight: normal;
	margin: 8px 8px 8px 8px;
	padding: 0px 0px 0px 0px;
}

/* Default Link Colors - more subdued than HTML defaults */
a:link 		{ color: #0041CE; }
a:visited	{ color: #53007E; }
a:active	{ color: #880000; }
a:hover		{ background-color: rgb(239,235,231); }

/* Generic Table Elements have no padding or margins 
/* This way they can be used to contain other elements with no spacing
/* Be sure to include cellspacing="0" on all tables */
table, tr, th, td 
{
	border:	0px solid #AAAAAA;
	empty-cells: show;			/* CSS 2.0 - Fixes NS hiding the bottom row*/
	font-weight: normal;
	margin:	0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: top;
}
form 
{
	border:	0px solid #AAAAAA;
	margin:	0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
	
/* -------------------------------------------------------------------------------------------*/
/* PAGE FRAMING ELEMENTS
/* 
/* The Basic Construct of a Page is:
/* <table.Page>
/* <tr><td colspan=2>
/* 		<table.Header><tr><td.Left><td.Center><td.Right></tr></table>
/* </td></tr>
/* <tr><td.Menu><td.Content></tr>
/* <tr><td colspan=2>
/* 		<table.Footer><tr><td.Left><td.Center><td.Right></tr></table>
/* </td></tr>
/* -------------------------------------------------------------------------------------------*/

/* Ensure the span the whole page */
table.Page, table.Header, table.Footer { width: 100%; }

td.Menu 
{
	border-color: #888888;
	background-color: rgb(239,235,231);	/* Medium Taupe */
	border-width: 1px 0px 1px 1px;
	height: 500px;				/* Mininimum height for sidebar to look good on 800x600 */
}
td.Content 
{					
	border-color: #888888;
	border-width: 1px 0px 1px 1px;
	width: 100%;				/* So it covers the width of the whole page */
}

/* Header and Footer Cells */
td.HeaderLeft, td.HeaderCenter, td.HeaderRight 
{ 
	border-color: #888888;
	color: #888888;
	font-size: 70%;
	padding-bottom:	2px; 
	vertical-align: bottom;
}
td.FooterLeft, td.FooterCenter, td.FooterRight 
{ 
	border-color: #888888;
	color: #888888;
	font-size: 70%;
	padding-top: 2px; 
}
td.HeaderLeft, td.FooterLeft 
{
	text-align: left;
	width: 30%;
}
td.HeaderCenter, td.FooterCenter 
{
	width: 40%;
	text-align: center;
}
td.HeaderRight, td.FooterRight 
{
	width: 30%;
	text-align: right;
}

/* Header and Footer links should use same font colors */	
a.Header:link, a.Header:visited, a.Footer:link, a.Footer:visited	{ color: #888888 }
	
/* -------------------------------------------------------------------------------------------*/
/* COLUMN ELEMENTS - Contained by <td.Content>
/* -------------------------------------------------------------------------------------------*/
/* Used to add a column with a Right side border */
/* Top and Bottom borders are the responsibility of the container or the tags inside the column */
td.Column, td.ColumnR, td.ColumnTR, td.ColumnT	{ border-color: #888888; }
td.ColumnR	{ border-width: 0px 1px 0px 0px; }
td.ColumnT	{ border-width: 1px 0px 0px 0px; }
td.ColumnTR	{ border-width: 1px 1px 0px 0px; }

/* Use this to define headers above columns within the Body table */
/* This tag's container must define font size as 100% */
p.CHLeft, p.CHCenter, p.CHRight, p.CHBlank 
{
	background-color: rgb(239,235,231);
	border-color: #888888;
	border-width: 1px 1px 1px 0px;
	color: #666666;
	font-size: 70%;				
	font-weight: bold;
	padding: 1px 6px 1px 6px;
}
p.CHCenter	{ text-align: center;}
p.CHRight	{ text-align: right; }
p.CHBlank	
{ 
	background-color: white;
	font-size: 1%; 
	padding: 0px 0px 4px 0px; 
}

/* -------------------------------------------------------------------------------------------*/
/* HEADINGS
/* Try to use Padding instead of Margin in case you want borders (e.g., h1.TitleBar)
/* -------------------------------------------------------------------------------------------*/

/* Page Headings and Subheadings */
/* Make sure that h1 & h1.Bar stay in synch with td.CG and td.CGBar */
h1, h1.Bar, h1.Right, h1.RightBar, h2, h3, h4, h5, h6 
{
	border: 0px solid #888888;
	color: #444444;
	font-size: 85%;
	font-weight: bold;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 3px 6px;
	text-align: left;
}
h1, h1.Bar, h1.Right, h1.RightBar	{ font-size: 100%; }
h1.Bar, h1.RightBar					{ border-top-width: 1px; }
h1.Right, h1.RightBar				{ text-align: right; }

h2	{ padding-left: 18px; font-size: 95%;}
h3	{ padding-left: 30px; font-size: 90%;}
h4	{ padding-left: 42px; }
h5	{ padding-left: 54px; }
h6	{ padding-left: 66px; }
	
/* Page Title */
h1.Title, h1.TitleBar 
{
	border: 0px solid #888888;
	color: #107910;			/* Medium Green */
	font-size: 150%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 6px 6px 6px 6px;
	text-align: center;
}
	
h1.TitleBar { border-bottom-width: 1px; }

/* -------------------------------------------------------------------------------------------*/
/* PARAGRAPHS
/* Try to use Padding instead of Margin in case you want borders (e.g., h1.TitleBar)
/* -------------------------------------------------------------------------------------------*/
pre, p, td.p	
{
	border: 0px solid red;			/* Set to 1 for testing */
	color: black;
	font-size: 80%;
	font-weight: normal;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 3px 6px;
}
/* 10.8.03 - CB - Added p.Small and p.SmallCenter for home page news bulletin column */
p.Small, p.SmallCenter { font-size: 70%; }
pre.Center, p.Center, p.SmallCenter { text-align: center; }
pre.P1, p.P1	{ }	/* Functionally equivalent to P */
pre.P2, p.P2	{ padding-left: 18px; }
pre.P3, p.P3	{ padding-left: 30px; }
pre.P4, p.P4	{ padding-left: 42px; }
pre.P5, p.P5	{ padding-left: 54px; }
pre.P6, p.P6	{ padding-left: 66px; }

/*	Monospace Paragraphs for Code Examples 
	Mono and Mono1 are functionally equivalent */
pre, p.Mono, p.Mono1, p.Mono2, p.Mono3, p.Mono4, p.Mono5, p.Mono6 
{
	font-family: "Courier New", Courier, Monaco, monospace;
	font-size: 80%;
}
p.Mono2	{ padding-left: 18px; }
p.Mono3	{ padding-left: 30px; }
p.Mono4	{ padding-left: 42px; }
p.Mono5	{ padding-left: 54px; }
p.Mono6	{ padding-left: 66px; }

/* Used for Image Captions */
td.Caption, p.Caption 
{
	font-size: 8pt;			/* Fixed size since photos are too */
	height: 1em;
	padding: 0px 0px 3px 0px;
	text-align: center;
}
	
/*	Menus 1-n where n is the level of indent 
	Menu and Menu1 are functionally equivalent 
	11.11.03 - CB - added Menu*S is for the Selected version of the menu */
p.Menu, p.Menu1, p.Menu2, p.Menu3, p.Menu4, p.MenuS, p.Menu1S, p.Menu2S, p.Menu3S, p.Menu4S 
{
	color: #444444;
	font-size: 70%;
	font-weight: bold;
	margin: 6px 0px 1px 0px;	/* 11.25.03 - CB - added 1px B */
	padding: 0px 6px 1px 6px;
}
p.Menu2, p.Menu3, p.Menu4, p.Menu2S, p.Menu3S, p.Menu4S 
{ 
	font-weight: normal;
	margin: 0px 0px 2px 0px;
	padding: 0px 6px 0px 12px; 
}
p.Menu3, p.Menu3S 	{ padding: 0px 6px 0px 24px; }
p.Menu4, p.Menu4S 	{ padding: 0px 6px 0px 30px; }
p.MenuS, p.Menu1S, p.Menu2S, p.Menu3S, p.Menu4S 
{
	background-color: rgb(211,207,203);
	border-color: #888888;
	border-width: 0px 0px 0px 0px;
	color: #53007E;		/* visited link color since you have to visit to select */
}

p.MenuIcon	
{ 
	color: #888888;
	font-size: 60%;
	text-align: center; 
}
	
/* Used for Menu Bars that go accross the screen */
p.MenuBar 
{
	background-color: rgb(251,247,243);	/* Light Grey Sidebar */
	border-color: #888888;
	border-width: 1px 1px 1px 0px;
	color: #888888;
	font-size: 70%;
	font-weight: bold;
	padding: 1px 6px 3px 6px;
	text-align: center;
}

p.ConfigBar 
{
	font-size: 70%;
	font-weight: normal;
	text-align: center; 
}	

/* For loggin noticeable messages to the screen */
p.Debug 
{
	color: #880000;
	background-color: #DDFFFF;
	font-weight: bolder;
}
	
/* Monospace character tag */
tt 	{ font-family: "Courier New", Courier, Monaco, monospace; }
	
/* Bold character tag */
b, strong { color: #444444; }
	
/* -------------------------------------------------------------------------------------------*/
/* LISTS
/* Lists are always indented by their containers, ol, ul
/* NS + IE are very consistent.
/* Unfortunately Opera doesn't pad the list-style-image the same way as NS and IE.
/* This results in the bullet being too close to the text
/* -------------------------------------------------------------------------------------------*/
ol 
{
	list-style-type: decimal;
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 0px 40px;
}
ul 
{ 
	list-style-type: disc;	/* In case URL can't be found */
	list-style-image: url(../lib/bullet.gif); 
	margin: 0px 0px 0px 0px;
	padding: 3px 6px 0px 32px;
}
 
li, li.L1, li.L2, li.L3, li.L4, li.L5, li.L6	
{
	border: 0px solid red;			/* Set to 1 for testing */
	color: black;
	font-size: 80%;
	font-weight: normal;
	padding: 0px 0px 3px 0px;
	margin: 0px 0px 0px 6px;
	vertical-align: middle;
}
/* These get overridden by the Page object in std/page.php for Opera */
li.L2	{ margin-left: 18px; }
li.L3	{ margin-left: 30px; }
li.L4	{ margin-left: 42px; }
li.L5	{ margin-left: 54px; }
li.L6	{ margin-left: 66px; }

/* -------------------------------------------------------------------------------------------*/
/* CONTAINMENT TABLES
/* With tables, you need to use margin for indenting
/* -------------------------------------------------------------------------------------------*/

/* Container Tables - used to indent a containter with no margins */
/* IOW, the objects inside (e.g., <p> <img.L>) must provide all the margins and padding */
table.C1 {}	/* same as plaing <table> */
table.C2 { margin: 0px 0px 0px 12px;}	
table.C3 { margin: 0px 0px 0px 24px;}	
table.C4 { margin: 0px 0px 0px 36px;}	
table.C5 { margin: 0px 0px 0px 48px;}	
table.C6 { margin: 0px 0px 0px 60px;}	

/* Data Tables that flow with Paragraphs */
table.P1 { margin: 3px 6px 3px 6px;}	
table.P2 { margin: 3px 6px 3px 18px;}	
table.P3 { margin: 3px 6px 3px 30px;}	
table.P4 { margin: 3px 6px 3px 42px;}	
table.P5 { margin: 3px 6px 3px 54px;}	
table.P6 { margin: 3px 6px 3px 66px;}	

/* Centered */
table.Center { margin: 3px 0px 3px 0px; }	
	
/* -------------------------------------------------------------------------------------------*/
/* DATA TABLES
/* With tables, you need to use margin for indenting
/* -------------------------------------------------------------------------------------------*/

/* Table Headers */
th.TRL, th.TR, th.R 
{
	color: #555555;
	font-size: 70%;
	font-weight: bolder;
	padding: 2px 4px 2px 4px;
	background-color: rgb(211,207,203);			/* Dark Taupe */
	vertical-align: middle;						/* So multi-line headers look good */
}
th.TRL	{ border-width: 1px 1px 0px 1px; }
th.TR	{ border-width: 1px 1px 0px 0px; }
th.R	{ border-width: 0px 1px 0px 0px; }

/* Table Data.  H- is for a highlighted row */
td.TRBL, td.TRB, td.TRL, td.TR, td.R, td.H-TRL, td.H-TR, td.H-R, td.Label, td.LabelR
{
	font-size: 80%;
	vertical-align: top;
	padding: 2px 4px 2px 4px;
}

td.TRBL, td.TRB, td.TRL, td.TR, td.R
	{ background-color: rgb(251,247,243); }	/* Pale Yellow */
td.H-TRL, td.H-TR, td.H-R	{ background-color: #DDFFFF; }			/* Pale Cyan */
td.Label, td.LabelR 		{ background-color: rgb(251,247,243); }	/* Pale Grey */	
td.TRBL						{ border-width: 1px 1px 1px 1px; }
td.TRB						{ border-width: 1px 1px 1px 0px; }
/* Normal */
td.TRL, td.H-TRL, td.Label	{ border-width: 1px 1px 0px 1px; }
td.TR, td.H-TR, td.LabelR	{ border-width: 1px 1px 0px 0px; }
td.R, td.H-R				{ border-width: 0px 1px 0px 0px; }

/* Labels are grey */
td.Label 
{
	background-color: rgb(251,247,243);			/* Pale Grey */
}

/* Bottom Row of Table */
td.Bottom 
{
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	font-size: 1pt;
	padding: 0px 0px 0px 0px;
}

/* Floating Table */
table.FL { float: left; }
table.FR { float: right; }

/* Sidebar Table */
/* Wrap this up in a DIV tag to reduce the font of the sidebar */
table.Sidebar 
{
	background-color: rgb(251,247,243);			/* Pale Grey */
	float: right;
	border-width: 1px 1px 1px 1px;
	margin: 3px 6px 3px 14px;
}
p.SidebarTitle 
{
	background-color: rgb(211,207,203);			/* TH Grey */
	border-color: #AAAAAA;
	border-width: 0px 0px 1px 0px;
	color: #555555;
	font-size: 70%;
	font-weight: bolder;
	text-align: center;
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------------*/
/* IMAGES
/* -------------------------------------------------------------------------------------------*/

/* Use border="1" on the IMG tag to turn on a gray border */
/* A plain image has no border or padding */
img, img.L, img.R, img.FL, img.FL2, img.FR 
{
	border-color: #888888;
	font-size: 70%;
	color: black;
	margin: 0px 0px 0px 0px;
}

/* Left and Right justified images - with floating equivalents */
/* In IE, there is a bug where the bottom margin does not display on a floating image */
/* Top margin is set to 6 to allow it to align better with text whose top margin is 3 */
img.L	{ margin: 6px 0px 3px 6px; }
img.FL	{ margin: 6px 6px 3px 6px;	float: left; }
img.FL2	{ margin: 6px 6px 3px 18px;	float: left; }
img.R	{ margin: 6px 6px 3px 0px; }
img.FR	{ margin: 6px 6px 3px 6px;	float: right; }

/* An Image that appears inline in a paragraph */
img.Inline 
{
	margin: 0px 0px 0px 0px;
	vertical-align: bottom;
}
/* Logo at the top of the Menu */	
img.MenuLogo 
{
	border-color: #888888;
	margin: 3px 0px 0px 0px;
}
/* An image that appears in a Bar Graph */
img.BarGraph 
{
	border: 0px solid blue;		/* Set to 1 for testing */
	vertical-align: middle;
}

/* -------------------------------------------------------------------------------------------*/
/* FORM Controls
/* -------------------------------------------------------------------------------------------*/
/* 11.28.03 - CB - Converted all to use nowrap */
table.Form { margin: 0px 6px 3px 6px;}	

/* Help Table - 11.29.03 - CB - Added */
span.FormHelp 
{
	font-size: 80%;
	font-style: italic;
/*	font-weight: bolder; */
}

/* td.CG* emulates H1 */
td.FormHeader, td.FormHeaderBar 
{
	background-color: white;			
	color: #444444;
	font-size: 100%;
	font-weight: bold;
	padding: 6px 0px 6px 0px;
	vertical-align: middle;
}
td.FormHeader 		{ border-width: 0px 0px 0px 0px; }
td.FormHeaderBar	{ border-width: 1px 0px 0px 0px; }

td.FormComment 
{
	background-color: white;			
	color: black;
	font-size: 80%;
	padding: 0px 0px 6px 0px;
}
	
td.FormOverflow 
{
	background-color: white;			
	color: #444444;
	padding: 0px 0px 0px 0px; 
	width:100%			/* Forces the form to be as compact as possible */
}

td.FormBullet, td.FormBulletTop, td.FormBulletEnd, 
td.FormLabel, td.FormLabelTop, td.FormLabelSpan, 
td.FormPreControl, td.FormControl, 
td.FormValidation 
{
	background-color: rgb(251,247,243);
	font-size: 80%;
	padding: 2px 4px 2px 4px;
	vertical-align: middle;
	white-space: nowrap;		/* 11.28.03 - CB - Added */
}
/* Bullet Column - top allows for vertical alignment to the top */
td.FormBullet, td.FormBulletTop	
{ 
	background-color: white;
	border-width: 0px 0px 0px 0px;
	padding: 2px 6px 2px 12px; 
} 
td.FormBulletTop { vertical-align: top; }
/* Used for a blank bullet cell next to a td.Bottom */
td.FormBulletEnd	
{ 
	background-color: white;
	border-width: 0px 0px 0px 0px;
	font-size: 1pt;
	padding: 0px 0px 0px 0px;
} 
/* Field Label Cell - top allows for vertical alignment to the top */
td.FormLabel, td.FormLabelTop
{ 
	border-width: 1px 0px 0px 1px;
	padding: 2px 16px 2px 4px;
} 
td.FormLabelTop { vertical-align: top; }

/* Field Label Cell that spans 2 columns - for checkboxes and textarea inputs */
td.FormLabelSpan	
{ 
	border-width: 1px 1px 0px 1px;
	padding: 2px 4px 2px 4px;  
} 
/* The prefix for the control (e.g., $ for currency) */
td.FormPreControl	
{ 
	border-width: 1px 0px 0px 0px;
	padding: 2px 4px 2px 0px;  
	text-align: right;
}
/* The widget control */
td.FormControl		
{ 
	border-width: 1px 1px 0px 0px;
	padding: 2px 4px 2px 0px;  
}
/* Validation Row */
td.FormValidation	
{ 
	border-width: 0px 1px 0px 1px;
	color: #CC3300;		/* Red Medium */
	font-style: italic;
	padding: 0px 4px 2px 3px;  
	white-space: normal;		/* 11.28.03 - CB - Added */
} 
/* Button Row*/
td.FormButtons	
{ 
	background-color: white;
	padding: 6px 0px 3px 0px;  
} 

/* Debug - to enable add the end comment to this line
td.FormBullet,
td.FormLabel, td.FormLabelSpan, 
td.FormPreControl, td.FormControl, 
td.FormValidation 
{	
	border: red solid 1px;
}
/* End Debug */

input, textarea, select 
{
	color: black;
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	font-size: 95%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
}

/* Use by PHP HTMLForm Class */
/* Though functionally equivalent to Button, the styles in Opera & NS are different from IE */
input.Submit 
{
	font-size: 80%;
	margin: 0px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
}

/* Used by PHP URLButton Class */
/* 7.9.03 - CB - Added */
button 
{
	font-size: 80%;
	font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
	margin: 0px 6px 0px 0px;	/* Uses container's margin and padding */
	padding: 0px 0px 0px 0px;
}

/* Additional Validation Styles */
span.Validation			{ color: #CC0000; }
A.validation:link		{ color: #CC0000; }
A.validation:visited	{ color: #CC0000; }