/**
 * ICDL Styles 
**/

/* no wrap style */
.nowrap {white-space: nowrap;}

/* highlight borders for images */
.noborder {border: 0px;}
.fullborder {border: 2px; border-style: solid; border-color: black;}
.leftborder {border: 2px; border-right-width:0px; border-style: solid; border-color: black;}
.rightborder {border: 2px; border-left-width:0px; border-style: solid; border-color: black;}
.fullselectborder {border: 3px; border-style: solid; border-color: #EEBB88;}
.leftselectborder {border: 3px; border-right-width:0px; border-style: solid; border-color: #EEBB88;}
.rightselectborder {border: 3px; border-left-width:0px; border-style: solid; border-color: #EEBB88;}
A:hover .fullborder, A:active .fullborder {border-color: #EEBB88;}
A:hover .leftborder, A:active .leftborder {border-color: #EEBB88;}
A:hover .rightborder, A:active .rightborder {border-color: #EEBB88;}
A:hover .fullselectborder, A:active .fullborder {border-color: #EEBB88;}
A:hover .leftselectborder, A:active .leftborder {border-color: #EEBB88;}
A:hover .rightselectborder, A:active .rightborder {border-color: #EEBB88;}

/* style for text boxes */
.textbox {font-family: monotype, serif}  

/* popup mouseover image on book overview pages */

#bookpages {
  padding: 0px 5px 0px 5px;
  margin-left: auto;
  margin-right: auto;
}

.hiddenimg {
	background-color: white; 
	white-space:nowrap; 
	border: 4px solid #ff9933;
	top: 0px; left: 0px; 
	position: absolute; 
	visibility:hidden;
	z-index: 1;
}
.shadowimg {
	top: 0px; left: 0px; 
	width: 1px; height: 1px;
	position: absolute; 
	visibility:hidden; 
	z-index: 0;
	background-color: #333333;
	filter:alpha(opacity=50);
	opacity: 0.5;
	-moz-opacity:0.5;
	border: 1px solid black;
}

/* simple category button styles */
.simpleroundselect {text-decoration: none; font-size: 80%;}
.simpleroundunselect {text-decoration: none; font-size: 80%;}
A.simpleroundselect:link {color:black}
A.simpleroundselect:active {color:#cc6611}
A.simpleroundselect:visited {color:black}
A.simpleroundselect:hover {color:#cc6611}
A.simpleroundunselect:link {color:#cc6611}
A.simpleroundunselect:active {color:black}
A.simpleroundunselect:visited {color:#cc6611}
A.simpleroundunselect:hover {color:black}

/* advanced category button styles */
.advancedleafselect {font-size: 80%; text-decoration: none; background-color: white; color: white}
.advancedleafunselect {font-size: 80%; text-decoration: none; background-color: #eebb88; color:black;}
A.advancedleafselect:link {text-decoration: none; color: white; background-color: white; border: 1px outset black}
A.advancedleafselect:active {text-decoration: none; color:black; background-color: #eebb88; border: 1px inset black}
A.advancedleafselect:visited {text-decoration: none; color:white; background-color: white; border: 1px outset black}
A.advancedleafselect:hover {text-decoration: none; color:black; background-color: #eebb88; border: 1px inset black}
A.advancedleafunselect:link {text-decoration: none; color:black; background-color: #eebb88; border: 1px outset black}
A.advancedleafunselect:active {text-decoration: none; color: white; background-color: white; border: 1px inset black}
A.advancedleafunselect:visited {text-decoration: none; color:black; background-color: #eebb88; border: 1px outset black}
A.advancedleafunselect:hover {text-decoration: none; color: white; background-color: white; border: 1px inset black}
.helpicon {font-size: 80%; text-decoration: none; color: black; background-color: #EEBB88; border: 1px solid black}

/* styles for simple search equation elements (operators and icons) */
.simcatop {font-size: 120%; font-weight: bold;}
.simcaticon {vertical-align: text-bottom}

/* globe mouseover text description styles */
.worldspacer {display: block; font-weight: bold}
.northAmerica {display: none; font-weight: bold}
.southAmerica {display: none; font-weight: bold}
.asia {display: none; font-weight: bold}
.oceania {display: none; font-weight: bold}
.europe {display: none; font-weight: bold}
.africa {display: none; font-weight: bold}

/* more choices button */
.morechoices {
	background-color: #FFeebb;
	color: black;
	font-size: 120%;
	font-weight: bold;
	border: #558811 2pt solid;
	padding: 5pt;
	text-decoration: none;
	/* position: relative; */
	/* top: -10px; */
	-moz-border-radius-topright: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomright: 20px;
	-moz-border-radius-bottomleft: 20px;
}

A.morechoices:link {color: black; border: #558811 2pt solid; text-decoration: none}
A.morechoices:active {color: black; border: #CC6611 2pt solid; text-decoration: none;}
A.morechoices:visited {color: black; border: #558811 2pt solid; text-decoration: none}
A.morechoices:hover {color: black; border: #CC6611 2pt solid; text-decoration: none; }

/* bookshelf theme styles */
.bookshelfAboutTheme {font-size: 60%}
.bookshelfBGPlain {clear: both}
.bookshelfFontPlain {font-weight: normal}
.bookshelfDarkColorPlain {background-color: #996633}
.bookshelfLightColorPlain {background-color: #cc9966}
.bookshelfHeaderPlain {font-size: 120%; font-weight: bold; background-color: #cc9966; padding: 1%}
A.bookshelfFontPlain:link{color: #996633;}       
A.bookshelfFontPlain:hover {color: #000000} 

.bookshelfBGRugTeeth {font-family: serif; background-image: url('images/rugteethbg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontRugTeeth {font-family: serif}
.bookshelfDarkColorRugTeeth {background-color: #cc6611}
.bookshelfLightColorRugTeeth {background-color: #eebb88}
.bookshelfHeaderRugTeeth {font-family: serif; font-size: 120%; font-weight: bold; background-color: #eebb88; padding: 1%}

.bookshelfBGJubjub {font-family: cursive; background-image: url('images/jubjubbg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontJubjub {font-family: cursive}
.bookshelfDarkColorJubjub {background-color: #BB2244}
.bookshelfLightColorJubjub {background-color: #DD99AA}
.bookshelfHeaderJubjub {font-family: cursive; font-size: 120%; font-weight: bold; background-color: #DD99AA; padding: 1%}
A.bookshelfFontJubjub:link{color: #BB2244}       
A.bookshelfFontJubjub:hover {color: #000000} 

.bookshelfBGNightFlyer {font-family: serif; background-image: url('images/nightflyerbg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontNightFlyer {font-family: serif}
.bookshelfDarkColorNightFlyer {background-color: #FFCC00}
.bookshelfLightColorNightFlyer {background-color: #FFEE77}
.bookshelfHeaderNightFlyer {font-family: serif; font-size: 120%; font-weight: bold; background-color: #FFEE77; padding: 1%}
A.bookshelfFontNightFlyer:link{color: #FF9900}       
A.bookshelfFontNightFlyer:hover {color: #000000}       

.bookshelfBGDarkDragon {background-image: url('images/darkdragonbg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontDarkDragon {font-weight: normal}
.bookshelfDarkColorDarkDragon {background-color: #999999}
.bookshelfLightColorDarkDragon {background-color: #cccccc}
.bookshelfHeaderDarkDragon {font-size: 120%; font-weight: bold; background-color: #cccccc; padding: 1%}
A.bookshelfFontDarkDragon:link{color: #666666;}       
A.bookshelfFontDarkDragon:hover {color: #000000}  

.bookshelfBGDragnet {font-family: serif; background-image: url('images/dragnetbg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontDragnet {font-family: serif}
.bookshelfDarkColorDragnet {background-color: #223388}
.bookshelfLightColorDragnet {background-color: #9999CC}
.bookshelfHeaderDragnet {font-family: serif; font-size: 120%; font-weight: bold; background-color: #9999CC; padding: 1%}
A.bookshelfFontDragnet:link{color: #223388}       
A.bookshelfFontDragnet:hover {color: #000000} 

.bookshelfBGFlashby {font-family: cursive; background-image: url('images/flashbybg.gif'); background-repeat: repeat; clear: both}
.bookshelfFontFlashby {font-family: cursive}
.bookshelfDarkColorFlashby {background-color: #884477}
.bookshelfLightColorFlashby {background-color: #ccaabb}
.bookshelfHeaderFlashby {font-family: cursive; font-size: 120%; font-weight: bold; background-color: #ccaabb; padding: 1%}
A.bookshelfFontFlashby:link{color: #884477;}       
A.bookshelfFontFlashby:hover {color: #000000} 

/* cleartext */
.txtBlock {white-space: normal; font-family: serif; text-align: left}

/* help */
.helpmarker {
	/*position: absolute; */
	font-size: 80%; 
	text-decoration: none; 
	color: black; 
	background-color: #EEBB88; 
	border: 1px solid black; 
	cursor: default;
}

.helptip {
	position: absolute;
	width: 125px; 
	font-size: 80%; 
	color: #000000; 
	background-color: #ffffff; 
	border: 3px solid #99BB77; 
	padding: 5px; 
	-moz-border-radius-topright: 10px;
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	display: none;
}

/* keyword tags */
#tag_area {display: none;}
.deletebtn {font-size: 80%; font-weight:normal; text-decoration: none; color: black; background-color: #ee6d6d; border: 1px solid black; cursor: default; margin-left:3px; margin-right:3px; visibility: hidden}
.guestmsg {font-style: italic}

.orangeBox {
  border:3px solid #581; 
  background: #eb8; 
  padding: 8px;
}

.footnote {
  font-size: 80%;
  font-style: italic;
}

/*
#browseExhibitions { margin-left: 20px; }
#browseExhibitions_text { padding-left: 20px; white-space: nowrap; }
*/