/* 
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: x-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 */

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

.interservicenavbkgd { 
background-color: #333333;
}

.interservicenavtype {
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-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 */

.pagehead {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: medium; 
font-weight: bold;
}

.contentlisttop{  
color: #FFFFFF; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: x-small; 
font-weight: bold; 
; background-color: #990000
}

        .contentlisttop a:link {  
        color: #FFFFFF; 
        text-decoration: underline;
        }

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

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

        .contenlisttop a:visited:hover {  
        color: #FFFFFF; 
        text-decoration: underline;
        }
        
        .contenlisttop td {  
        color: #FFFFFF; 
        font-family: Verdana, Arial, Helvetica, sans-serif; 
        font-size: x-small; 
        font-weight: bold; 
        ; background-color: #990000
        }
.sectionactivecolorbkgd { 
background-color: #009EE1;
color: #FFFFFF; 
}

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

	.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: #990000
	}


.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: x-small;
}




/* FOOTER */

.footerservice {
color: #666666; 
background-color: #CCCCCC;
font-size: x-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: x-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
}

.buttontable {
border: thin #FFFFFF outset
color: #FFFFFF;
font-weight: bold
text-align: center
}
        .buttontable td {
        background-color: #999999;
        border: none;
        }
        .buttontable a:link {
        color: #FFFFFF;
        text-decoration: none
        }

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

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

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

.datatable {  
border: thin #EEEEEE solid 
}

	.datatable th {  
        font-size: x-small;
        }
	.datatable td {  
        font-size: x-small;
	border: 1px #EEEEEE solid; 
	line-height: normal; 
/*	vertical-align: middle;*/
	}

.textrow td { 
background-color: #EEEEEE; 
padding: 14px;
}
/* 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;
font-size: x-small;
}


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


/* BUTTONS */

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

	.button td { 
	background-color: #999999;
	border: none; 
	}
	.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: #990000
}

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

.tabtable {  

border: 0px #000000 solid;
}



	.tabtable td {  

		border-top: 1px #000000 solid; 

	border-left: 0px #000000 solid; 
	border-right: 1px #000000 solid; 


	} 


}