/* CSS Document 
 *
 * Theme Colors:
 * #FDB813 UCR Gold
 * #A05814 Brown
 * #D3C8B1 Medimum Brown
 * #EFE7DE Tan (Body color)
 * #003366 Dark Blue
 * #8CB2E7 Medium Blue
 * #D6E3F7 Light Blue
 * #F1F2F3 Light Background
 *
 * Notes:
 * In order to achieve the effect of a fixed toc and a fluid content column, I resorted to the following:
 * - Make the toc column absolute so that IE ignores it for positioning purposes.
 * - Create a content colunmn with a left margin that clears the 
*/





/**xxx {
	padding: 0;
	margin: 0;
}*/

body, #body {
  text-align:center;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:8pt;
  color:#2E3667;
   
  background-color:#02507E; /* 003366; /*#F1F2F3; /* #EBEAE2;	/*#E7E5D9=Exact menu bar match. #EFE7DE  Applies to background below container. */
  background-image: url("images/ucr_BackgroundBlueFade.jpg");
  background-repeat:repeat-x;
  }

/*******************/
/* Page Containers */
/*******************/
#container 
{
	
	min-width: 899px;
	width: 59.3em;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding: 0px;

position:relative;
    text-align: left;
	/*background-color:#F1F2F3;*/
	/*background-image: url("images/ucr_BlueFadeBackground.jpg");*/
	background-color:#FFF;
	background-repeat:repeat-x;
    border:0px solid purple;
	
}

/*Block containing the border.*/
/*This block contains the repeating image element to span the width of the page.*/
#header {
	position:relative;
	width:100%;
	border:0px solid yellow;
	
}


/* An inner heading block. */
#HeadingBanner
{
background-color:#006CB6;	/*UCR Blue*/
width:100%;
height:98px;
border:0px solid orange;
}


/*The banner image is positioned absolutely so that other elements can be placed on top of it. */
#HeadingBannerUpperContent
{
	height:65px;	/* Use to resize the heading space above the tabs. */
	position:relative;
	border:0px solid orange;
}

#UCRBanner {
width:100%; 
background:black; 
color:white; 
text-align:center;
letter-spacing:7px;
font-size:8px;
font-family:Georgia, "Times New Roman", Times, serif;
border-top:1px solid #CC9933;
border-bottom:1px solid #CC9933;

}
#UCRBanner a {
color:white;
border:none;
text-decoration:none;
}
/*******************************/
/* Menu Tab Strip using Tables */
/* Blue background: #5A6478	   */
/*******************************/
#MenuTabStrip {
position:relative;
margin-top:0px;
width:100%;
font-size:8pt;
border: 0px solid red;

}


#MenuTabStrip a {
text-decoration:none;
font-size:8pt;
font-family: Arial, Helvetica, sans-serif;
font-weight: 500;
line-height:1;
}
#MenuTabStrip a:hover {
    color:#DCDCDC ;
}

.MenuTabNormal {
background-color:#D3C8B1;
border-bottom:1px solid gray;
}

.MenuTabSelected {
background-color:#E7E5D9;
}

#MenuTabStripSubBar 
{
position:relative;
padding:0px; /* Note: Padding is added in OrNavigation.aspx so only shows when page has sub items. */
border: 0px solid gray; /* Note: Border is added in OrNavigation.aspx so only shows when page has sub items. */
background-color:#FFC436;
height:7px;
margin-bottom:15px;
top:-5px;
}
#MenuTabStripSubBar a {
color:black;
}


#MenuTabStripBottomBarEnd 
{
display:none;
}

.BarAnchor {display:block;} /* Makes entire bar tab clickable. */

/**************************************/
/* Table of Contents Down Left Margin */
/**************************************/
#toc 
{
	float:left;
	padding-left:5px;
	margin-top:10px;
	margin-bottom:40px;
	width:197px;
	color:#A05814;
	font-family: Arial, verdana, Helvetica, sans-serif;
	border:0px solid orange;
	background-color:white;
	font-weight:bold;
	background-image:url(images/ucr_BlueFadeBorderBoxHeader.jpg); /**/
	background-repeat:repeat-x;
	border: 1px solid navy;
	
}
#TocTop {

	width:197px;
	height:11px;
	/*background:url(images/ucr_TocTop.gif);*/
	background-repeat:no-repeat;
	border:0px solid yellow;
}
#TocMid {

	width:197px;
	/* background-image:url(images/ucr_TocMid.gif); */
	background-repeat:repeat-y;
	padding-left:5px;	
	padding-right:0px;
	border:0px solid green;
}
#TocMidContent {

	width:180px;
}
#TocEnd {

	width:197px;
	height:11px;
	/* background:url(images/ucr_TocEnd.gif); */
	background-repeat:no-repeat;
}

#toc a {
	display:block;
	text-decoration:none;	
}
#toc A:hover {
	color:white; /* gold */
	background-color:#8CB2E7;
	text-decoration:none; 
}
.TocHeading {
	color:#D2B48C;  /* tan */ 
	font-size: 9pt;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
}
.TocEnd {
}
.TocFooter {
}





/**************************************
This code will change toc links into
colored blocks.
See - http://www.seoconsultants.com/css/menus/tutorial/
#toc ul {
list-style: none;
margin: 0;
padding: 0;
}
#toc a {
background-color:#003399;
display: block;
border-width: 1px;
border-style: solid;
border-color: #ccc #888 #555 #bbb;
margin: 0;
padding: 0px 3px;

}

#toc li a {
color: white;
background: blue;
text-decoration: none;
}
#toc li li a {
color: white;
background-color:#660033;
text-decoration: none;
}
#toc a:hover {
color: #a00;
background: #fff;
}
**************************/


#toc ul  {
/*list-style-image: url(images/ucr_bullet2.gif);*/
margin-top:0px;
margin-left:0px;
margin-bottom:0px;
padding-left:30px;
}
#xxxxtoc li  {
background-color:blue;
margin-bottom:1px;
}
#xxxxtoc a:hover {
background:silver;
}

#xxxxtoc ul li ul li {
position:relative;
list-style-image: url(images/ucr_bullet4.gif);
margin:0 0 0 0;
padding:0;
}

#xxxxxxtoc ul {
	margin-top:0px;
	margin-bottom:0px;
	background-color:gray;

}

/**************************************/
/* Content                            */
/**************************************/
#content 
{ 	
	margin-left:30px;
        margin-right:30px;
	border:0px solid yellow;
	}
img {

max-width:720px;
}
#contentNoToc
{ 	
	padding:10px;
	border:0px solid yellow;
	}
	
#content, #content td, #content th
{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:8pt;
	text-align:left;
}


#addressbar {
	clear:both;
	text-align:center;
	font-size:7pt;
	width:100%;
	margin-top:50px;
	padding-top:15px;
	padding-bottom:15px;
	background-image:url("images/ucr_FooterTop_BlueFade.jpg") ;
	background-color:#F1F2F3;
    background-repeat:repeat-x;
	border:0px solid green;
}

#copyright {
	text-align:center;
	padding-bottom:15px;
	background-color:#F1F2F3;
}
input 
{
	font-size:8pt;	
	font-family:Verdana, Arial, Sans-Serif;
}

/* Use for text over input fields. */
.Prompt {
font-size:8pt;
padding-top:5px;
font-weight:bold;
color:Maroon;
}



/***********/
/* Anchors */
/***********/
a:link
{
	color: #003366;
}
a:visited
{
	color: #003366;
}
a:hover, a:focus
{
	color: Maroon;
}





/*********************/
/* Other             */
/*********************/
.PhotoRight {
	position:relative;
	float:right;
	border:1px solid #798CAE;
	background:#FFFFFF;
	top: 0px;
	left:0px;
	margin-left:10px;
}


h1 {
color: #330000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}

h2 {
color: #330000; /* #2E3667; */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:160%;

}



.Myh2 {
color: #2E3667;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:20px;
font-weight:bolder;
}

h3 {
color: #336699; /* #2E3667;*/
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
text-align:left;
text-transform:uppercase;
margin-top:1.2em;
margin-bottom:7px;
}

hr {
color:#660000;
background:#660000;
display:block;
border-width:0px;
height:1px;
width:95%;
padding:0px;
margin-top:1px;
margin-bottom:1px;
font-size:0.01pt;
}

#toc hr {
left:0;
margin:0px;
padding:0px;
color:#D2B48C;  /* tan */
background:#D2B48C;  /* tan */
}

.BannerDepartment {
position:relative;
margin-top:0px;
padding-top:10px;
font-size:16pt;
font-style:italic;
font-weight:bold;
color:#003366; /* #996633; */
font-family:Georgia, "Times New Roman", Times, serif;
letter-spacing:.1em;
border:0px solid red;
}


#slide {
  position: absolute;
  background:#fff url("images/slides/slide6.jpg");
  background-repeat:no-repeat;
  width:400px;
  height:70px;
  left:370px;
  top:0px;
}


/*********/
/* Lists */
/*********/
ul {
list-style-image: url(images/ucr_bullet2.gif);
margin-left:30px;
}
ul ul {
list-style-image: url(images/ucr_bullet4.gif);
margin-left:20px;
}
ul ul ul {
list-style-image: url(images/ucr_bullet3.gif);
margin-left:15px;
}
ul ul ul ul {
list-style-image: url(images/ucr_bullet1.gif);
margin-left:15px;
}




/***********************************/
/* Anchor that looks like a button */
/***********************************/
a.BlueButton, a.BlueButton:visited
{
position:relative;
margin:0;
padding:0px 5px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#2E3A6C;
text-decoration:none;
font-weight:bold;
text-align:center;
border:1px solid #2E3A6C;
background-color:#FFFFFF;
}
a.BlueButton:hover
{
background-color:#2E3A6C;
color:#FFFFFF;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

/****************************************
Windows Heading
Note: Keep margin same for heading and body.
      Subtract padding to from actual image height
	  to keep from seeing spaces between boxes.
*****************************************/
.WindowHeading1 {	
    width:auto;
    padding-top:5px;
    padding-bottom:5px;
    color:navy;
    border:1px solid #8CB0E2;
    font-size:12pt;
    font-weight:bold;
    font-family:arial, Verdana;
    /* background: #032140 url("images/ucr_TocGoldFade50x1.gif") repeat-x; /* Gold Heading */
    background: #8CB0E2 url("images/ucr_TocLightBlueFade50x1.gif") repeat-x; /* Blue Heading */
    /* background: black url("images/ucr_TocBlueFade50x1.gif") repeat-x; /* Blue Heading */
    /* background: black url("images/ucr_TocBlueFade30x1.jpg") repeat-x; /* Blue Fade */
    /* background: #2F7ADF url("images/ucr_TocBlueGel30x1.jpg") repeat-x; /* Blue Gel */
    /* background: #003366 url("images/ucr_TabTopBlue.jpg") no-repeat; /*Original greenish blue. */
    /* background: #003366 url("images/ucr_BlueCornerTL.jpg") no-repeat; /**/
    /* background: #003366 url("images/ucr_SectionTitleBackground.jpg") repeat-x; /**/

}
.WindowBody1 {
    width:auto;
    border:1px solid #8CB0E2;
    background-color:White;
}

/* Original 
.WindowHeading1 {
	color:Black; 
	font-size: 9pt;
	font-weight:600;
	font-family: Arial, Helvetica, sans-serif;
	background-image:url(images/ucr_TocLightBlueFade50x1.jpg);
	background-repeat: repeat-x;
	height:23px;
	padding-top:7px;
	padding-left: 10px;
	margin-left:5px;
	margin-right:5px;

}
.WindowBody1 {
	border:1px solid navy;
	background:#FFFFFF;
	padding:5px;
	margin-left:5px;
	margin-right:5px;
}
*/


/*******************************************************************************************
Anchor Tabs
  - Create table with 2 columns.  Set to desired table width.
  - Set left cell to nowrap and right cell to 100% width.
  - Put anchor tables in left cell using TabWhite class for selected and 
  	TabBlue for not selected.
  - Set class of right cell to TabFill
  - Create a second table for content.  Set to same width as above.
  - Set class of this table to TabContentBorder
********************************************************************************************/
a.TabWhite, a.TabWhite:visited , a.TabWhite:active
{
position:relative;
margin:0;
padding:0px 5px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
color:#336CDB;
text-decoration:none;
font-weight:bold;
text-align:center; 
border-top:1px solid #2E3A6C;
border-left:1px solid #2E3A6C; 
border-right:1px solid #2E3A6C; 
background-color:#FFFFFF;
}
a.TabBlue, a.TabBlue:visited, a.TabBlue:active
{
position:relative;
margin:0;
padding:0px 5px 0px 5px;
font-family:Arial, Helvetica, sans-serif;
font-size:8pt;
background-color:#6B77B7;
color:#FFFFFF;
text-decoration:none;
font-weight:bold;
text-align:center;
border-top:1px solid #2E3A6C;
border-left:1px solid #2E3A6C; 
border-right:1px solid #2E3A6C;
}
a.TabBlue:hover
{
color:#FFFFFF;
background-color:#FF6600;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
.TabFill {
position:relative;
border-bottom:1px solid #2E3A6C;
top:-1px;
}
.TabContentBorder {
border-left:1px solid #2E3A6C; 
border-right:1px solid #2E3A6C;
border-bottom:1px solid #2E3A6C; 
}


/****************/
/* Heading Tab */
/****************/
.TabHdgContainer {
position:relative; /*Rqd by Netscape */
font-weight:bold; 
font-size:12pt; 
height:50px; 
background-image:url(images/ucr_TabHdg_02.jpg);
background-repeat:repeat-x;
border:0px solid red;
}
.TabHdgBeg {
float:left;
width:192px; 
height:50px; 
background-image:url(images/ucr_TabHdg_01.jpg);
border:0px solid yellow;
}
.TabHdgEnd {
float:right;
width:7px; 
height:50px; 
background-image:url(images/ucr_TabHdg_03.jpg);
}
.TabHdgText {
position:absolute;
left:5px;
margin: 10px 0 0 5px;
color:#993300;
border:0px solid green;
}


.warning, .red {
color:red;
}

/* Used by auto gen for prompt fields. */
.TextNavy8 
{
	font-size:9pt;
	
}

.Title	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	16px;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	text-transform:	none;
	}	
		
.SubTitle	{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	14px;
	font-weight:	700;
	font-style:	normal;
	text-decoration:	none;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

.LinkTitle	{	
	color:Green;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:	12px;
	font-weight:	700;
	font-style:	normal;
	text-decoration: underline;
	word-spacing:	normal;
	letter-spacing:	normal;
	text-transform:	none;
	}

	/*@media print {
		#toc {display:none;}
		body, #body {background:none;}
		#container {
			background:none;
			top:0px;
			width: 645px;
			padding:0px;
			margin:0px;
			border:0px solid black;
		}
		#header {display:none;}
		#HeadingBanner {display:inline;}
		#toc {display:none;}
		#addressbar {display:none;}
		#addressbar_text {display:none;}
		#content {
			position:relative;
			width: 590px;
			padding-left:10px;
			padding-right:50px;
			margin:0px;
			border:0px solid red;
		}*/	
		.BannerDepartment {
			margin-left:10px;
		}
		.PhotoRight {
			top: 0px;
			left:30px;
		}	
	


.Border, .border
{
	border:1px solid navy;
	padding:3px;
	background-image:url("images/ucr_BlueFadeBorderBoxHeader.jpg");
	 background-repeat:repeat-x;
	background-color:white;
}
.BorderLight 
{
	border:1px solid #A52A2A;
	padding:3px;
}


/* *****************************************
* Tabs - aspx Panels
* These style sheets are used in the policies and reports pages
* to display tabs.
*
*********************************************/

/* Overall Container */
.TabContainer 
{
    position:relative;
width:98%;
border:0px solid black;
}	
/* The tab strip */
.TabStrip 
{
position:relative;
float:left;
width:100%; 
background-color:#A05814;	/*#000066*/
border:0px solid #A52A2A;
}

/* Attributes for all tabs. */
.TabSelected, .TabNormal, a.TabNormal:link, a.TabNormal:visited, a.TabNormal:active 
{
position:relative;
float:left;
height:50px;
text-align:center;
vertical-align:middle;
padding:3px 3px 0 3px;
text-decoration:none;
margin:5px 0 0 5px;
}
/* Normal (unselected) Tab */
.TabNormal, a.TabNormal:link, a.TabNormal:visited, a.TabNormal:active {
color:#A05814;
background-color:#D3C8B1;
}
/* Selected Tab */
.TabSelected {
background-color:white;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid white;}
/* This is where the text goes. */
.TabBody 
{
padding:20px;
background:white;
border:0px solid red;
}
/* **************************************** */
.Bar a {color:white;}
.Bar {background:url(images/ucr_MenuBar_Background.jpg) repeat-x;}
.Bar a, .Bar a:visited {color:white;}
.Bar a:hover {color:silver;}
.BarLeft {background:url(images/ucr_MenuBar_Left.jpg) no-repeat; height:36px; width:6px;}
.BarMiddle {background:url(images/ucr_MenuBar_Middle.jpg) repeat-x; padding-left:3px;padding-right:3px; height:36px;}
.BarRight {background:url(images/ucr_MenuBar_Right.jpg) no-repeat; height:36px; width:6px;}


/* *****************************************
* DynamicTabs 
* These style sheets are used for tabs generated
* out of appAspNet.Tabs
*********************************************/

/* Overall Container */
.DynamicTabContainer {
border:10px solid black;
}	
/* The tab strip */
.DynamicTabStrip {
width:99%; 
background-color:#A05814;	/*#000066*/
}
/* Attributes for all tabs. */
.DynamicTabSelected, .DynamicTabNormal, a.DynamicTabNormal:link, a.DynamicTabNormal:visited, a.DynamicTabNormal:active {
height:50px;
text-align:center;
vertical-align:middle;
padding:3px 3px 0 3px;
text-decoration:none;
margin:5px 0 0 5px;
}
/* Normal (unselected) Tab */
.DynamicTabNormal, a.DynamicTabNormal:link, a.DynamicTabNormal:visited, a.DynamicTabNormal:active {
color:#A05814;
background-color:#D3C8B1 ;
}
/* Selected Tab */
.DynamicTabSelected {
background-color:white;
border-top:1px solid black;
border-left:1px solid black;
border-right:1px solid black;
border-bottom:1px solid white;}
/* This is where the text goes. */
.DynamicTabBody 
{
background:white;
border-left:1px solid #A05814;
border-right:1px solid #A05814;
border-bottom:1px solid #A05814;
}



/*====================*/


#skip, div#accessibilityLinks {
position:absolute;
left: -1000px;

	font-size: 80%;

	color:#fff;

}

div#pageLink{
	display:none;
	
				padding-top:.6em;
	
				
}

div#sharethis {
height:30px;	
}


tr.patentHeader td {font-weight:bold; border-bottom:1px solid #cccccc; border-left:0px; border-right:0px;}

tr.patentRow td {border-left:0px; border-right:0px;}

tr.patentRowAlt td {border-left:0px; border-right:0px;background-color:#EEEEEE;}