@charset "utf-8";
/* CSS Document */
/* 
OCLC Online Computer Library Center, Inc.
Style sheet for OCLC Cooperative Reference Services
Ask a Librarian Service 
*/

/* BASE HTML ELEMENTS */

body {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small;
}

p { 
text-align: left; 
line-height: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small
}

h1 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: large; 
color: #666666; 
font-weight: bold 
}

h2 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: small; 
color: #333333; 
font-weight: bold 
}

h3 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
color: #333333; 
font-weight: bold 
}

h4 {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: xx-small; 
color: #333333; 
font-weight: bold 
}

a {
font-weight: bold
}

	a:link {  
	color: #2F77BA; 
	text-decoration: none 
	}

	a:hover {  
	color: #2F77BA; 
	text-decoration: underline 
	}

	a:visited {  
	color: #2F77BA; 
	text-decoration: none 
	}

	a:visited:hover {  
	color: #2F77BA; 
	text-decoration: underline 
	}


/* INTERSERVICE NAVIGATION */

.interservicenavbkgd { 
background-color: #333333;
}

.interservicenavtype {
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: xx-small; 
font-weight: bold; 
text-align: center;
; background-color: #333333
}

	.interservicenavtype a:link {
	color: #CCCCCC; 
	text-decoration: none;
	}

	.interservicenavtype a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
	}

	.interservicenavtype a:visited {
	color: #CCCCCC; 
	text-decoration: none;
	}

	.interservicenavtype a:visited:hover {
	color: #FFFFFF; 
	text-decoration: underline;
	}


/* SERVICE-LEVEL NAVIGATION */

.servicenavtype {
color: #666666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-weight: bold; 
text-align: right
; vertical-align: middle
}

	.servicenavtype a:link {
	color: #666666; 
	text-decoration: none;
	}

	.servicenavtype a:hover {
	color: #666666; 
	text-decoration: underline;
	}

	.servicenavtype a:visited {
	color: #666666; 
	text-decoration: none;
	}

	.servicenavtype a:visited:hover {
	color: #666666; 
	text-decoration: underline;
	}



/* SECTION-SPECIFIC ELEMENTS */

.sectionactivecolorbkgd { 
background-color: #5D8DBA;
color: #FFFFFF; 
}

.sectionactivetype {  
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-weight: bold; 
/* text-align: center */
background-color: #5D8DBA;
}

	.sectionactivetype a:link {  
	color: #FFFFCC; 
	text-decoration: none 
	}

	.sectionactivetype a:hover {  
	color: #FFFFFF;
	text-decoration: underline;
	}

	.sectionactivetype a:visited {  
	color: #FFFFCC; 
	text-decoration: none 
	}

	.sectionactivetype a:visited:hover {  
	color: #FFFFFF; 
	text-decoration: underline;
	}
	
	.sectionactivetype td {  
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-weight: bold; 
	/* text-align: center */
	background-color: #5D8DBA;
	}


.sectioninactivecolorbkgd { 
background-color: #CCCCCC
}

.sectioninactivetype {  
color: #666666; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-weight: bold; 
text-align: center
; background-color: #CCCCCC
}

	.sectioninactivetype a:link {  
	color: #666666; 
	text-decoration: none 
	}

	.sectioninactivetype a:hover {  
	color: #000000; 
	text-decoration: underline 
	}

	.sectioninactivetype a:visited {  
	color: #666666; 
	text-decoration: none 
	}

	.sectioninactivetype a:visited:hover {  
	color: #000000; 
	text-decoration: underline 
	}
	
	.sectioninactivetype td {  
	color: #666666; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	font-weight: bold; 
	text-align: center
	; background-color: #CCCCCC
	}
	

.separator {
color: #FFFFFF;
}


/* TEXT ELEMENTS */


.question { 
font-weight: bold; 
font-size: small;
}
/* question is used on Question screen to make question 
stand out */

.reply { 
font-weight: bold; 
font-size: x-small;
}

.escalated { 
color: #996600;
font-weight: normal; 
font-size: x-small;
}

.rejected { 
color: #CC0000;
font-weight: normal; 
font-size: x-small;
}
/* reply, escalated, and rejected are used in reply 
or activity lists and help identify those items */

.textsmall {
font-size: xx-small;
}




/* FOOTER */

.footerservice {
color: #666666; 
background-color: #CCCCCC;
font-size: xx-small; 
font-weight: bold; 
vertical-align: middle;
}

	.footerservice a:link {
	color: #666666; 
	text-decoration: none;
	}

	.footerservice a:hover {
	color: #000000; 
	text-decoration: underline;
	}

	.footerservice a:visited {
	color: #666666; 
	text-decoration: none;
	}

	.footerservice a:visited:hover {
	color: #000000; 
	text-decoration: underline;
	}


.footerinterservice {
color: #666666; 
background-color: #333333;
font-size: xx-small; 
font-weight: bold; 
vertical-align: middle;
}

	.footerinterservice a:link {
	color: #CCCCCC; 
	text-decoration: none;
	}

	.footerinterservice a:hover {
	color: #FFFFFF; 
	text-decoration: underline;
	}

	.footerinterservice a:visited {
	color: #CCCCCC; 
	text-decoration: none;
	}

	.footerinterservice a:visited:hover {
	color: #FFFFFF; 
	text-decoration: underline;
	}



/* TABLES */

th { 
text-align: left;
line-height: normal; 
color: #666666;
background-color: #EEEEEE; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
vertical-align: middle;
}

td { line-height: normal; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small
}

.contenttable {  
margin: 10px;
}

	.contenttable td {  
	}

.tablelabel {
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-weight: bold; 
text-align: left;
}

.rowlabel { 
text-align: right; 
color: #666666;
background-color: #EEEEEE; 
font-size: x-small; 
vertical-align: middle;
; font-weight: bold
}

.collabel {
text-align: center;
color: #666666;
background-color: #EEEEEE;
font-size: x-small;
vertical-align: middle;
; font-weight: bold
}

.subcollabel {
text-align: center;
color: #666666;
background-color: #DDDDDD;
font-size: x-small;
vertical-align: middle;
; font-weight: bold
}

.datatable {  
border: thin #EEEEEE solid 
}

	.datatable td {  
	border: 1px #EEEEEE solid; 
	line-height: normal; 
/*	vertical-align: middle;*/
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	} 

	.datatable th {  
	border: 1px #EEEEEE solid; 
	line-height: normal; 
/*	vertical-align: middle;*/
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	padding-bottom: 4px;
	}

.textrow { 
background-color: #EEEEEE; 
padding: 14px;
}
/* apply class to the TDs of the row */

.textrow td { 
background-color: #EEEEEE; 
padding: 14px;
}
/* apply class to the TDs of the row */

.dividerrow {
background-color: #999999;
color: #FFFFFF; 
font-weight: bold; 
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
}
/* apply class to the TDs of the row */

.dividerrow td {
background-color: #999999;
color: #FFFFFF; 
font-weight: bold; 
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
}
/* apply class to the TDs of the row */

.buttonrow {
background-color: #EEEEEE;
}


/* FORMS */

.nospace {
margin-top: 0px; 
margin-bottom: 0px
}
/* use this class with FORM tag to remove space after form */

label {  
}

textarea {  
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small;
background-color: #FFFFFF;
color: #000000; 
font-weight: normal; 
padding-left: 10px;
padding-right: 10px;
padding-top: 4px;
padding-bottom: 4px;
width: 300px;
}


/* BUTTONS */

.button {
border: none; 
color: #FFFFFF; 
font-weight: bold
; text-align: center
}

	.button td { 
	background-color: #999999;
	border: none;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	}
	
	.button a:link {  
	color: #FFFFFF; 
	text-decoration: none 
	}

	.button a:hover {  
	color: #FFFFFF; 
	text-decoration: underline 
	}

	.button a:visited {  
	color: #FFFFFF; 
	text-decoration: none 
	}

	.button a:visited:hover {  
	color: #FFFFFF; 
	text-decoration: underline 
	}

.gobutton {
background-color:#999999;
font-weight: bold; 
color:#FFFFFF;
font-family:Geneva, Verdana, Arial, Helvetica, sans-serif;
border-width: thin;
border-style: groove;
/* border-style: none; */
border-color: #FFFFFF;
cursor: hand;
}


/* TIPS */

.tipcolumn {
/* background-color: #A9C5D7 */
}

.tipheader {
background-color: #A9C5D7;
color: #FFFFFF;
font-weight: bold;
}

.tiptext {
font-size: x-small;
background-color: #FFFFCC;
}

.formrow {  background-color: #EEEEEE}


/* CHAT */

.chatlog {
background-color: #FFFFDD;
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
}

.chatspeaker {
color: #4A80B0;
font-weight: bold;
}

.chatsession {  
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
background-color: #5D8DBA
}

	.chatsession a:link { 
	color: #FFFFCC; 
	font-weight: bold; 
	text-decoration: none 
	}

	.chatsession a:hover {  
	color: #FFFFFF;
	text-decoration: underline;
	}

	.chatsession a:visited {  
	color: #FFFFCC; 
	text-decoration: none 
	}

	.chatsession a:visited:hover {  
	color: #FFFFFF; 
	text-decoration: underline;
	}
	
	.chatsession td {  
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	}

	.chatsession p {  
	color: #FFFFFF; 
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-size: x-small; 
	}