/*

Filename:	defaults.css
Purpose:	Sets default styles to account for differences in browser defaults

*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, fieldset, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dt, dd, li, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background: transparent;
	}

body {
	color: #000;
	background: #fff;
	}

dt {
	font-weight: bold;
	}

dl, ul {
	margin: 0 0 0 16px;
	padding: 0;
	}

ol {
	margin: 0 0 0 23px;
	padding: 0;
	}

fieldset, img, a img, :link img, :visited img  {
	border: none;
	}

:focus {
	outline: 0;
	}

input, select, textarea {
	font-size: 100%;
	}

/*p {
	margin: 0 0 1em 0;
	}*/

sup {
	line-height: 0;
	vertical-align: text-top;
	}

table {
	border-spacing: 0;
	border-collapse: collapse;
	}

td,th {
	vertical-align: top;
	}


body {
	color: #000;
	background: #eee;
	font: 69% arial,helvetica,verdana,sans-serif;
/*	width: 800px;*/
	margin: 0 auto 0 auto;
	padding: 0 0 50px 0;
	}

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

.admin {
	margin: 2em 0 0 0;
	clear: left;
	}

#alert {
	margin: 0 20px 0 20px;
	padding: 1em 1em 1em 20px;
	border: 1px solid #fc3;
	background: transparent url(../images/icons/alert.png) 15px 1em no-repeat;
	}

#alert p, #alert ul {
	margin: 0 0 1em 0;
	padding: 0;
	}

#banner {
	color: #fff;
	background: #000;
	height: 33px; 
	}

#branding, h1 {
	letter-spacing: 0.02em;
	padding: 0 0 0 24px;
	height: 49px;
	line-height: 49px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

h1 {
	font-size: 1.45em;
	font-weight: bold;
	}

#branding {
	color: #369;
	background: transparent;
	font-size: 2.25em;
	font-weight: normal;
	text-transform: lowercase;
	letter-spacing: 1px;
	white-space: nowrap;
	}

#branding img, h1 img {
	float: right;
	position: relative;
	margin: -1px -1px 0 0;
	z-index: 100;
	}

cite {
	font-style: italic;
	}

#channels {
	color: #000;
	background: #88bbbb;
	margin: 0;
	padding: 2px 10px 5px 79px;
	border-top: 1px solid #fff;
	border-bottom: 2px solid #fff;
	}
	
	

#channels li, #footer li {
	display: inline;
	list-style-type: none;
	}

/*#channels li:before, #footer li:before {
	content: " | ";
	}

#channels li:first-child:before, #footer li:first-child:before {
	content: "";
	}*/

#container {
	color: #000;
	background: #ffF url(../_graphics/backgrounds/container.gif) left top repeat-y;
	width: 899px;
	margin-left:auto;
	margin-right:auto;
	/*padding: 0 0 1em 0;*/
	}

#content {
	color: #000;
	background: #FFFFFF;
/*	width: 582px;
	float: right;*/
	padding-left:30px;
	padding-right:30px;
	
	}

#footer {
/*	color: #000;
	background: #cee url(../_graphics/backgrounds/footer.gif) left top repeat-x;
	border-top: 1px solid #fff;
	margin: 0;
	padding: 22px 0 20px 183px;
	clear: both;*/
	display:none;
	}

#footer p, #footer ul {
	margin-bottom: 0.3em;
	}

#footer ul {
	margin-left: 0;
	padding-left: 0;
	}

#nameplate {
	height: 10px;
	padding: 0px 0 6px 166px;
	margin: 0 auto 0 auto;
	color: #000;
	background: #fff url(images/ucsf_nameplate.gif) left top repeat-x;
	}

#nameplate img {
	display: block;
	}

#nav {
	float: left;
	width: 157px;
	margin: 0;
	padding: 0 0 1em 0;
	border-top: 1px solid #ccc;
	color: #000;
	background: #fff;
	}

#nav h2 a {
	display: block;
	height: 0;
	padding-top: 14px;
	overflow: hidden;
	}

#nav h2.science_cafe_head {
	margin: 0 0 10px 0;
	padding: 0 0 0 16px;
	}

#nav h2.science_cafe_head a {
	width: 95px;
	background: url(../_graphics/nav/science_cafe_nav.gif) left top no-repeat;
	}

#nav h2.ucsf_matters_head {
	margin: 0 0 4px 0;
	padding: 7px 0 0 16px;
	border-top: 1px solid #ccc;
	}

#nav h2.ucsf_matters_head a {
	width: 94px;
	background: url(../_graphics/nav/ucsf_matters_nav.gif) left top no-repeat;
	}

#nav ul {
	margin: 0 0 9px 0;
	padding: 0 0 10px 14px;
	border-bottom: 1px solid #ccc;
	list-style-type: none;
	}

#nav ul ul {
	margin: 0 10px 1em 0;
	padding: 0 0 0 6px;
	border-bottom: none;
	}

#nav ul li {
	font-weight: bold;
	line-height: 1.3em;
	}

#nav ul ul li {
	font-weight: normal;
	line-height: 1.2em;
	}

.note {
	color: #666;
	background: transparent;
	}

.nowrap {
	white-space: nowrap;
	}

ul.pagination {
	list-style-type: none;
	margin: 0;
	padding: 0;
	}

ul.pagination li {
	display: inline;
	white-space: nowrap;
	width: 33%;
	}

ul.pagination li.next_page {
	float: right;
	text-align: right;
	}

ul.pagination li.current_page {
	text-align: center;
	}

ul.pagination li.previous_page {
	float: left;
	text-align: left;
	}

#search {
	width: 130px;
	margin: 6px 6px 9px 4px;
	padding: 5px 7px 9px 6px;
	border: 1px solid #ccc;
	position: relative;
	}

#searchbox {
	width: 128px;
	margin: 3px 0 0 0;
	border: 1px solid #ccc;
	}

#searchbox:focus {
	border: 1px solid #f60;
	}

#search #go {
	top: 3px;
	right: 7px;
	position: absolute;
	}

#search label {
	font-weight: bold;
	}

#shortcuts {
	margin: 0 0 0 13px;
	}

#shortcuts legend {
	font-weight: bold;
	}

#shortcuts select {
	width: 130px;
	}

#tagline {
	color: #666;
	background: #eee;
	text-transform: uppercase;
	font-weight: bold;
	margin: 0 1px 0 0;
	padding: 4px 6px 6px 24px;
	}

#wrapper {
	float: left;
	width: 800px;
	color: #000;
	background: #fff url(../_graphics/backgrounds/wrapper.gif) left top repeat-y;
	}

/* links */

a:link, a:visited {
	color: #000;
	background: transparent;
	text-decoration: none;
	}

#branding a:link, #branding a:visited {
	color: #369;
	background: transparent;
	}

a:hover, #branding a:hover {
	color: #f60;
	background: transparent;
	}

a.audio:link, a.audio:visited {
	color: #000;
	background: transparent url(../_graphics/icons/audio.gif) left top no-repeat;
	padding: 0 0 0 20px;
	}

a.slideshow:link, a.slideshow:visited {
	color: #000;
	background: transparent url(../_graphics/icons/camera.gif) left top no-repeat;
	padding: 0 0 0 20px;
	}

a.video:link, a.video:visited {
	color: #000;
	background: transparent url(../_graphics/icons/video.gif) left top no-repeat;
	padding: 0 0 0 20px;
	}

a.audio:hover, a.slideshow:hover, a.video:hover {
	color: #f60;
	}

#channels a:link, #channels a:visited {
	color: #000;
	background: transparent;
	font-weight: bold;
	margin: 0;
	padding: 0;
	}

#channels a:hover, #copyright a:hover, #addressbar a:hover {
	color: #333;
	background: transparent;
	text-decoration: underline;
	}

#nav a.rss:link, #nav a.rss:visited, #nav li.rss {
	padding: 0 0 2px 17px;
	color: #000;
	background: transparent url(../_graphics/icons/feed.jpg) 0 0 no-repeat;
	}

#nav a.rss:hover {
	color: #f60;
	background: transparent url(../_graphics/icons/feed.jpg) 0 0 no-repeat;
	}
/*

Filename:	understanding_identity.css
Purpose:	Styles for Identity web site

*/

#main_contents {
	width: 393px;
	margin: 8px 0 7px 8px;
	padding: 17px 15px 17px 15px;
	border: 1px solid #fc3;
	float: left;
	}

#main_contents dd, #main_contents p {
	font-size: 1.1em;
	line-height: 2em;
	margin: 0 0 1em 0;
	}

#main_contents dl {
	margin: 0;
	padding: 0;
	}

#main_contents dt {
	margin: 0px 0px 0px .5em;
	font-size: 1.1em;
	line-height: 1.5em;
	}

#main_contents .graphics {
	height: 135px;
	margin: 0 0 20px 0;
	}

#main_contents .graphics img {
	float: left;
	}

#main_contents .graphics dd, #main_contents .graphics p {
	line-height: 1.4em;
	margin: 0;
	}

#main_contents .graphics dl {
	margin: 0 0 0 235px;
	padding: 0;
	}

#main_contents dl#identity_standards, #main_contents dl#style_guide {
	width: 192px;
	float: left;
	margin: 0 4px 0 0;
	padding: 0;
	}

#main_contents dl#identity_standards dd, #main_contents dl#style_guide dd {
	margin: 0 2px 0 2px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 0 43px 13px 11px;
	line-height: 1.2em;
	font-weight: bold;
	}

#main_contents dl#identity_standards dd .note, #main_contents dl#style_guide dd .note {
	font-weight: normal;
	}

#main_contents dl#identity_standards dd.last, #main_contents dl#style_guide dd.last {
	margin: 0 2px 2px 2px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0 43px 13px 11px;
	}

#main_contents dl#identity_standards dt, #main_contents dl#style_guide dt {
	margin: 2px 2px 0 2px;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 13px 43px 12px 11px;
	font-size: 1.1em;
	white-space: nowrap;
	text-transform: lowercase;
	}

#main_contents dl#identity_standards {
	color: #333;
	background: #8bb;
	}

#main_contents dl#style_guide {
	color: #fdc;
	background: #c60;
	}

#main_contents h1 {
	font-size: 1.1em;
	margin: 0;
	padding: 0;
	border-top: none;
	border-bottom: none;
	}

#main_contents ul li {
	font-size: 1.1em;
	margin: 0 0 1em 0;
	list-style-image: url(/identity/images/bullet.gif);
	}

#sidebar {
	float: left;
	width: 120px;
	margin: 15px 0 0 10px;
	}

#sidebar dd {
	margin: 0 0 2em 0;
	padding: 0;
	}

#sidebar dl {
	margin: 15px 0 0 0;
	padding: 0;
	}

#sidebar p {
	margin: 0 0 2em 0;
	}

#sidebar ul {
	margin: 0 0 2em 0;
	list-style-type: none;
	font-weight: bold;
	}

#sidebar ul#diller {
	font-weight: normal;
	}

#sidebar ul li ul {
	margin: 0 0 0.5em 15px;
	list-style-type: none;
	font-weight: normal;
	}

#toc {
	width: 373px;
	margin: 0 0 14px 8px;
	padding: 8px 37px 10px 15px;
	color: #000;
	background: #eee;
	clear: left;
	}

#toc h2 {
	color: #369;
	background: inherit;
	font-size: 1.6em;
	font-weight: normal;
	margin: 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #ccc;
	}

#toc li {	
	margin: 0 0 1em 0;
	}

#toc ol {
	margin: 0 0 0 20px;
	padding: 0;
	}

#toc p {
	margin: 1em 0 1em 0;
	}

#tophead {
	font-size: 1em;
	color: #666;
	background: transparent;
	}

#main_contents a:link, #main_contents a:visited, #sidebar a:link, #sidebar a:visited {
	border-bottom: 1px dotted #000;
	}

#toc a:link, #toc a:visited {
	font-weight: bold;
	}

#main_contents a:hover, #sidebar a:hover {
	border-bottom: 1px solid #f60;
	}

#main_contents dl dt a:link, #main_contents dl dt a:visited {
	border-bottom: none;
	}

#main_contents dl#identity_standards a:link, #main_contents dl#identity_standards a:visited {
	color: #000;
	background: inherit;
	}

#main_contents dl#identity_standards a:hover {
	color: #444;
	background: inherit;
	border-bottom: 1px solid #444;
	}

#main_contents dl#style_guide a:link, #main_contents dl#style_guide a:visited {
	color: #fff;
	background: inherit;
	}

#main_contents dl#style_guide dd a:link, #main_contents dl#style_guide dd a:visited {
	border-bottom: 1px dotted #ddd;
	}

#main_contents dl#style_guide a:hover, #main_contents dl#style_guide dd a:hover {
	color: #ddd;
	background: inherit;
	border-bottom: 1px solid #ddd;
	}

h2 {
font-size:145%;
text-transform:uppercase;


}
h2#lblTitle{
margin-top:5px;	
}

h3 {
font-size:130%;
text-transform:uppercase;
margin-top:1.2em;
margin-bottom:0.3em;


}

p{
margin-bottom:1em;

}


#addressbar {
	color: #000;
	background: #88bbbb url(images/ucsf_footer.gif) left top repeat-x;
	border-top: 1px solid #fff;
	margin: 0px;
	padding: 22px 0 5px 30px;
	clear: both;
	}
	
#copyright {
	color: #000;
	background: #88bbbb;
	margin: 0px;
	padding: 0px 0px 10px 30px;
	clear: both;
	}

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


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

	font-size: 80%;

	color:#fff;

}

div#pageLink{
	display:none;

				font-family : Arial, Helvetica, sans-serif;
				padding-top:.6em;
				padding-left:30px;
	padding-right:30px;
	
				
}

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

tr.patentRow td a, tr.patentRowAlt td a {text-decoration:underline; color:#444444;}

tr.patentRow td a:hover, tr.patentRowAlt td a:hover {text-decoration:underline; color:#f60;}