@charset "UTF-8";
/* These add some extra rules for the observer branch*/
   
h5, h5 a.anchor {   /* Colors for H5 */
	color:#697CAD; 
	font-weight: bold;
	margin-top: 25px;
	margin-bottom: 15px;
}

/*a.menuex {   /* External left menu items (eg. Observer Login brings up an icon on hover) 
	font-size: 10pt;
	color: #333;
	font-style: normal;
}

a.submenuex {
	font-size: 9pt;
	color: #333;
	font-style: normal;
}

a.menuex:hover:before, a.submenuex:hover:before {
   content: url(/palomar/stylesnscripts/lightbox/img/menuex.png);
}*/
/*
.data-c, .data-l, .short-c {     Data tables (shading for header row, alt. rows, etc.) 
	min-width: 400px;
}	

.short-c {
	width:auto;
	margin: 0px auto;
	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;
}

.data-c th, .data-l th {
	background-color: #F3F3F3;
	border-bottom: solid 1px;
	border-top: solid 1px;
}

.data-l th {
	padding-right: 12px;
	padding-left: 12px;
}

.data-l td {
	padding-left: 12px;
	padding-right: 0px;

}

.data-c tr:nth-child(odd), 
.data-l tr:nth-child(odd) {
	background-color: #F8F8F8;
}

td.shade {
	background-color: rgba(229,233,238,0.2); 
}

th.clear, td.clear {
	background-color: #FFF;
}

th.noborder, th.clear, td.clear {
	border-bottom: none;
	border-top: none;
}

td.caption {
	font-size: 10pt;
	text-align: left;
	background-color: #FFF;
	font-style: italic;
	margin: 0px;
	padding: 8px 0px 0px 0px;
 	line-height: normal;
	color: #333;
	border-top: solid 1px;
}

tr.bar, .data-c th, .data-l th, td.caption {
	border-color: #BBB;
}*/

/* Multiple-column table of contents 
.doublecontents, .triplecontents {   
	background-color: #F3F3F3;
	border: solid 1px #CCC;
}

.doublecontents {
	-webkit-column-count: 2; 
	-moz-column-count: 2; 
	column-count: 2; 
	-webkit-column-width: 300px;
	column-width: 300px; 
}

.triplecontents {
	-webkit-column-count: 3; 
	-moz-column-count: 3; 
	column-count: 3; 
	-webkit-column-width: 140px;
	column-width: 140px; 
}

.doublecontents, .triplecontents {
	max-width: 769px;	
	width: auto;
	-webkit-column-rule: 1px solid #CCC; 
	-moz-column-rule: 1px solid #CCC; 
	column-rule: 1px solid #CCC;
	-webkit-column-gap: 60px; 
	-moz-column-gap: 60px; 
	column-gap: 60px;
	padding-top: 12px;
	padding-bottom: 12px;
	padding-left: 24px;
	padding-right: 24px;
	margin-top: 0px;
}

.doublecontents ol, .triplecontents ol { 
	margin: 0px; 
} 

.doublecontents li, .doublecontents p, .triplecontents li, .triplecontents p  {
	padding-left: 0px;
	font-size: 10.7pt;
	color: #2C2C2C;
	line-height: normal;
}

.doublecontents p, .triplecontents p {
	-webkit-column-span: all; 
   column-span: all;
	text-align: center;
}*/
/* Redefine text types to make life easier (highlight, code mode, var=button, samp=selection/choices) 
s {   
	text-decoration:none;
	background-color: #FFF345;	
}

code, pre {
	font-family: Consolas, 'Lucida Console', Monaco, monospace;
}

var, samp {
	font-family: 'Arial Narrow', Arial, sans-serif;
	font-size: 11.7pt;
	font-style: italic;
}

var { 	
	font-weight: bold;
}*/
	
/* Uncomment the following for the grey color-scheme */
/* Also make sure to remove the letter 'X' in 'if expr="${section} = Xobserver"'
in both instances in each of the files banner.html and footer.html (i.e, {section} = observer), 
to also change the color-scheme of the icons. */

/*body {
	background-color:#333;
}

h1, h2, h3, h4, a {
	color: #013A81;
}


.footer {
	color: #CCC;
}

a.navigation, a.discl {
	color: #CCC;
}
	
.top, td.bottom {
	background-color:#666; 
	background-image:none;
}

td.left {
	background-color:#999;

}

.contents, .doublecontents, .triplecontents, .thumbnail, .cover, .gallery, .gallery2 {
	background-color: #F8F8F4;
	border: solid 1px #D0D0D0;
}

.doublecontents, .triplecontents {
	-webkit-column-rule: 1px solid #D0D0D0; 
	-moz-column-rule: 1px solid #D0D0D0; 
	column-rule: 1px solid #D0D0D0;
}
*/