/** ***************************************************

NOTE: 
Channels should try to utilize the CSS classes starting
with "uportal-" as much as possible.  This will help 
the channels to look consistent with the rest of the 
content, on all skins.

*************************************************** **/



/** ***************************************************
BODY
*************************************************** **/

body {
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: small;
}


div.outerBody {
	background-color: #ffffff;
	width: 100%; 
	height: 100%; 
	position: absolute;
}


body.portal {
    margin: 0px 0px 0px 0px;
}


body.print {
	background: #ffffff none; 
}


.documentBody {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: small;
}


/** ***************************************************
HEADINGS AND TITLES 
*************************************************** **/

h1 {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 14pt;
	font-weight: bold;
	color: #000000;
}

h2 {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
}

h3, P.StepHeading, P.PopupHeading {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 10pt;
	font-weight: bold;
	color: #000000;
}

P.PopupHeading { 
	margin-bottom: 5pt;  
}

td.channelTitleText, .uportal-channel-title {
	font-weight: bold;
	font-size: 10pt;
}

.fullBibTitle {
	font-size: 12pt;
	font-weight: bold;
}

.loadingNotice {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 12pt;
	font-weight: bold;
	color: #000000;
	padding: 8px 8px 8px 8px;
	margin: 0px 0px 0px 0px;
	border: 8px solid #CCCC99;
	background-color: #ffffff;
}


.uportal-channel-title-reversed {
	color : #663333;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : small;
	font-weight : bold;
}

.uportal-channel-subtitle {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 12pt;
    color: #333333;
	font-weight: bold;
    padding: 10px 4px 10px 4px;
}

.uportal-channel-subtitle-reversed {
	color : #333333;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : small;
	font-weight : bold;
}


/** ***************************************************
BASIC TEXT ELEMENTS
*************************************************** **/

p {
    font-size: 10pt;	
}

td {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
}

.helpText, P.PopupText {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #000000;
	font-size: 8pt;
	font-weight: normal;
}

.welcomeText {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #000000;
	font-size: 9pt;
	font-weight: normal;
}

.productName {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 14pt;
	font-weight: normal;
}

.copyright {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 9pt;
	font-weight: normal;
}

P.PopupText { 
	margin-top: 5pt;  
}

.highlighted {
	background-color: #ffff00;
}

.uportal-navigation-category-selected {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
	color : White;
}

.uportal-navigation-channel-selected {
	background : Black;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	color : White;
}

.uportal-text {
	color : Black;
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 9pt;
}

.uportal-text-small {
    font-size: 9pt;
}

.uportal-text-reversed {
    background-image: url(active_tab_center.gif);
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #ffffff;
    font-weight: bold;
    padding: 4px 4px 4px 4px
}

.uportal-crumbtrail {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	color : #2b5970;
}

.uportal-copyright {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	color : Black;
	font-style : italic;
}

.uportal-channel-text {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #000000;
}

.uportal-channel-emphasis {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #000000;
	font-weight : bold;
}

.uportal-channel-strong {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #000000;
	font-weight : bold;
}

.uportal-channel-code {
	color : Black;
	font-size: xx-small;
	font-family: Monaco, Andale Mono, monospace;
}

.uportal-channel-copyright {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	color : Black;
	font-style : italic;
}

.uportal-channel-warning {
	font-size: 10pt;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	color : #993333;
}

.uportal-channel-error {
	color : #993333;
	font-size: xx-small;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
}


/** ***************************************************
LINKS
*************************************************** **/

a { 
	margin: 0px 0px 0px 0px;
	color: #0000a0;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
}

a:link {
	text-decoration: underline;
}

a:active  { 
	color: #00a000;
}

a:visited { 
	color: #0000a0;
	text-decoration: underline;
}

a:hover {
	color: #000000;
}

a.scroll, a.scroll:active, a.scroll:hover, a.scroll:visited {
	text-decoration: none;
	color: #000000;
	font-weight: bold;
	font-size: 9pt;
}

a.iconLabel, a.iconLabel:active, a.iconLabel:hover, a.iconLabel:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    text-align: center;
    text-decoration: none;
}

a.itemTitle, a.itemTitle:active {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: rgb(0, 51, 102);
    text-decoration: underline;
}

a.itemTitle:hover {
	color: #0000a0;
}

a.itemTitle:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000080;
    text-decoration: underline;
}

a.navButtonLabel, a.navButtonLabel:link, a.navButtonLabel:active, a.navButtonLabel:hover, a.navButtonLabel:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 8pt;
    font-weight: normal;
    color: #000000;
    padding: 0px 0px 0px 0px;
    text-decoration: none;
}

a.activeSubtab, a.activeSubtab:link, a.activeSubtab:active, a.activeSubtab:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding: 1px 6px 1px 6px;
    text-decoration: none;
    border: 0px 0px 0px 0px;
    background-color: #ffffff;
}

a.activeSubtab:hover {
	text-decoration: underline;	
}

a.inactiveSubtab, a.inactiveSubtab:link, a.inactiveSubtab:active, a.inactiveSubtab:hover, a.inactiveSubtab:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding: 1px 6px 1px 6px;
    text-decoration: none;
    border: 0px 0px 0px 0px;
}

a.inactiveSubtabMouseOver, a.inactiveSubtabMouseOver:link, a.inactiveSubtabMouseOver:active, a.inactiveSubtabMouseOver:hover, a.inactiveSubtabMouseOver:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #000000;
    padding: 1px 6px 1px 6px;
    text-decoration: underline;
    border: 0px 0px 0px 0px;
}

A.uportal-navigation-category {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #00558b;
}
 
A.uportal-navigation-category:visited {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #00558b;
}

A.uportal-navigation-category:hover {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #00558b;
	text-decoration: none;
}

A.uportal-navigation-channel {
	color : Black;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
}

A.uportal-navigation-channel:visited {
	color : Black;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
}

A.uportal-navigation-channel:hover {
	color : #993333;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	text-decoration: underline;
}

a.uportal-label-link {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #0000a0;
    font-weight: bold;
}

a.uportal-label-link:hover {
	color: #0000a0;
}


/** ***************************************************
LISTS 
*************************************************** **/

P.Numbered { 
	list-style: decimal; 
}

P.Bulleted { 
	list-style: square; 
}


/** ***************************************************
FORM ELEMENTS
*************************************************** **/

input.focus, textarea.focus {
	background-color: #ffffff;
	color: #000000;
	border: 1px solid #000000;
	background-image: none;
}

input.button, .uportal-button {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #ff9500;
    padding: 3px 4px 2px 4px;
    border-style: solid;
    border-width: 2px 3px 3px 2px;
    border-color: #ffffff #b0b0b0 #b0b0b0 #ffffff;
    background-color: #F6FAFD;
    height: 26px;
    cursor: hand;
}

input.button:hover, .uportal-button:hover {
    color: #000000;
}

input.disabledButton {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #b0b0b0;
    padding: 3px 4px 2px 4px;
    border-style: solid;
    border-width: 2px 3px 3px 2px;
    border-color: #ffffff #b0b0b0 #b0b0b0 #ffffff;
    background-color: #F6FAFD;
    height: 26px;
}

input.hitCount {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
	font-weight: bold;
	text-align: right;
	border: 0px 0px 0px 0px;
	border-style: none;
	color: #000000;
	cursor: default;
	background: transparent;
}

.uportal-input-text {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #505050;
    background-color: #fbfbfb;
    border: 1px solid #a0a0a0;
    padding: 4px 4px 4px 4px;
    width: 300px;
    height: 26px;
}

.input-select {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: normal;
    color: #505050;
    background-color: #f9f9f9;
    width: 300px;
    border: 1px solid #909090;
}

.uportal-label {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    color: #000000;
    font-weight: bold;
    text-align: left;
    padding: 4px 4px 4px 4px;
}

.uportal-field {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 9pt;
    color: #000000;
    font-weight: normal;
    padding: 4px 4px 4px 10px;
}


/** ***************************************************
TABLES
*************************************************** **/


table.categoriesList {
	border: 1px solid #a0a0a0;
}


table.categoriesList tr td {
	font-size: 9pt;
}


table.copyrightNotice {
	width: 320px;
	background-color: #ffffff;
}


.uportal-channel-table-caption {
	color : Black;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size : xx-small;
	font-weight : bold;
	text-align: center;
}

.uportal-channel-table-header, P.TableHeading, .uportal-background-light {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 10pt;
	font-weight : bold;
	background-color: #f9f9e9;
	color: #808052;
	text-align: left;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
	
}

.uportal-channel-table-header {
	padding: 3px 8px 3px 8px;
}

.uportal-channel-table-header-print {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 10pt;
	font-weight : bold;
	color: #808052;
	text-align: left;
	padding: 3px 8px 3px 8px;
	border-top: 1px solid black;
	border-bottom: 1px solid black;
}

.uportal-channel-table-header a {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 10pt;
	font-weight : bold;
	color: #808052;
	text-decoration: underline;
}

.uportal-channel-table-row-even {
	color: #000000;
	font-size: 9pt;
	padding: 3px 8px 5px 8px;
	border-top: 1px solid #c0c0c0;
}

.uportal-channel-table-row-odd {
	color: #000000;
	font-size: 9pt;
	padding: 3px 8px 5px 8px;
	border-top: 1px solid #c0c0c0;
}

.row-even {
	border-top: 1px solid #c0c0c0;
}

.row-odd {
	border-top: 1px solid #c0c0c0;
}

.row {
	border-top: 1px solid #c0c0c0;
	padding-bottom: 8px;
}

.channel-table-row-number {
	font-size: 11pt;
	text-align: right;
	font-weight: bold;
}


/** ***************************************************
LAYOUT ELEMENTS
*************************************************** **/

div.externalLinks {
	padding: 2px 2px 2px 2px;
}

div.logo {
	position: relative;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div.libraryName {
	display: inline;
	text-align: center;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 8pt;
	font-weight: normal;
	text-decoration: none;
	color: #000000;
}

div.indented {
	padding-left: 20px;
	padding-right: 20px;
}

td.activeTab {
	background-color: #ff9500;
	position: relative;
	background-image: url(tab_center.gif);
	cursor: pointer;
	z-index: 5;
}

td.inactiveTab {
	position: relative;
	background-color: #ffffff;
	background-image: url(tab_center_inactive.gif);
	cursor: pointer;
	text-decoration: none;
	z-index: 3;
}

div.horizontalBars {
	background-color: #ff9500;
	/* background-image: url(tab_center.gif); */
	z-index: 5;
}

/*
div.inactiveTabMouseOver {
	background-color: #BDC5C9;
	background-image: url(tab_center.gif);
	height: 33px;
	position: absolute;
	cursor: pointer;
}
*/

a.tabLabel, a.tabLabel:link, a.tabLabel:active, a.tabLabel:visited {
	color: #333333;
	text-decoration: none;
	font-weight: bold; 
	font-size: 9pt;
	padding: 6px 8px 0px 8px;
}


a.tabLabel:hover {
	color: #000000;
	text-decoration: underline;
	font-weight: bold; 
	font-size: 9pt;
}


.alphaImageLink {
	cursor: hand;
}


td.channel {
	background-color: #ffffff;
	padding: 4px 4px 4px 4px;
}


.hr {
	color: #000000;
}


.activeInfoTab {
	border-top: 1px solid #909090;
	border-left: 1px solid #909090;
	border-right: 1px solid #909090;
	background-color: #F6FAFD;
	font-size: 10pt;
	font-weight: bold;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #ffffff;
	margin: 0px 2px 0px 2px;
}

.inactiveInfoTab {
	border-top: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	background-color: #ffffff;
	font-size: 10pt;
	font-weight: bold;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #b0b0b0;
	margin: 0px 2px 0px 2px;
}

.infoTabContents {
	border-bottom: 1px solid #b0b0b0;
	border-left: 1px solid #b0b0b0;
	border-right: 1px solid #b0b0b0;
	background-color: #F6FAFD;
	font-size: 10pt;
	font-weight: normal;
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #ffffff;
	padding: 3px 3px 3px 3px;
	height: auto;
	overflow: visible;
}

.infoTabSpace {
	border-bottom: 1px solid #b0b0b0;
}

.tabArea {
    background-image : url(frame_left.gif);
    background-repeat: repeat-y;
    background-position: top right;
}

/*
.titleBar {
    background-image: url(button_center.gif);
    font-family: Trebuchet MS,Myriad pro,sans-serif;
    font-size: 10pt;
    font-weight: bold;
    color: #0c75ab;
    z-index: 2;
    padding: 1px 4px 1px 4px;
}
*/


.tab {
    padding: 2px 0px 2px 2px;
    overflow: hidden;
}

.activeTabLabel {
    font-family: Trebuchet MS,Myriad pro,sans-serif;
	color: #ffffff;
	font-weight: bold; 
	font-size: 9pt;
    text-decoration: none;
	padding: 6px 8px 0px 8px;
}

.navButton {
    cursor: hand; 
    overflow: visible;
    padding: 0px 0px 0px 0px; 
    margin: 0px 0px 0px 0px; 
}

table.buttons {
	width: 100%;
	background-color: #f9f9e9;
	padding: 1px 0px; 1px 0px;
	border-top: 1px solid #cccc99;
	border-bottom: 1px solid #cccc99;
}


table.welcomeTextArea {
	width: 100%;
	background-color: #f9f9e9;
	border-bottom: 1px solid #cccc99;
	padding: 0px 0px; 0px 0px;
}

table.welcomeTextArea tr td {
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000000;
}


table.channelTitle {
	width: 100%;
	color: #000000;
	background-color: #F6FAFD;
	padding: 0px 2px; 0px 2px;
	border: 1px solid #AAAA77; 
}


table.buttons tr td {
	font-family: Trebuchet MS,Myriad pro,sans-serif;
	font-size: 9pt;
	font-weight : normal;
	color: #000000;
	padding: 2px 4px 2px 4px;
}

div.layoutControl {
	width: 16px;
	height: 16px;
	border-top: 1px solid white;
	border-left: 1px solid white;
	border-right: 1px solid black;
	border-bottom: 1px solid black;
	cursor: hand;
	padding: 2px 2px 2px 2px;
}

div.hiddentab{
	visibility:hidden;
	display:none
}


/** ***************************************************
BACKGROUNDS
*************************************************** **/

.uportal-background {
	background : #000000;
}

.uportal-background-dark {
    background-image: url(active_tab_center.gif);
}

.uportal-background-med {
	background : #7a9aa5;
}

.uportal-background-content {
    background : #F0F0F0
}

.uportal-background-highlight {
	background : #FFFF99;
}

.uportal-background-shadow {
	background : #000000;
}

.uportal-background-page { 
	background : #FFFFFF;
}

.uportal-background-semidark {
	background: #5f849e;
}

.uportal-background-selected { 
	background : #5f849e;
}

.uportal-background-neutral-dark {
	background: #666666;
}

.uportal-background-neutral-light {
	background: #CCCCCC;
}