/* ================================================================ 

#fff white
#eee gray
#000 black
#c9c9a7 yellow
#b3ab79 green
#bd8d5e blue
#dfc184 orange #f09000
#E8E8E8 gray (green)
#00AEEF main blue
#1884c9 icon blue

replace bg color transparent with a color to fix ie scroll bug
=================================================================== */
/*
new colors 2010
blues: #6487B1; #9BADCC; #C8D1E3; #E2E6F0;
oranges: #F26722; #FCB039;
*/

/*
<div id="ebookswrap" class="rel"><!-- wrapper div for absolute/relative positioning -->
<div id="ebooks" class="borderBlue">
					<h2>eBooks</h2>
<div id="eBooksmenudiv" class="eBooksmenu">
*/

/*for javascript style*/
.rel{position:relative; height: 110px;} /*apply to #eaudiowrap, #ebookswrap */
.abs{position:absolute; top:0; left:0; width: 99%;}
#eaudio.abs:hover{height: 217px; z-index:101;}
#ebooks.abs:hover{height: 267px; z-index:101;}
/*apply to #eaudio, #ebooks */




/*containing Div WIDTH HEIGHT (collapsed: 55px full: 180px)*/
.eAudiomenu {font-family: arial, sans-serif; width:540px; height:180px; position:relative; margin:0; font-size:12px; margin: auto; background-color:#F0F0F0; position:relative; z-index:100;}
.od {font-weight:bold; display: block;}
/*1st level ul*/
.eAudiomenu ul {padding:0; margin:0; list-style-type: none;}

/*1st level li WIDTH*/
.eAudiomenu ul li {float:left; border-left:0px solid gray; width:108px;}

/*1st level a WIDTH HEIGHT*/
.eAudiomenu ul li a, .eAudiomenu ul li a:visited {display:block; width:108px; text-decoration:none; padding:0 0 0 0px; height:20px; line-height:20px; color:#6487B1;/*#00AEEF;*/ background-color:#F0F0F0;} /*bg-color:yellow;*/

.eAudiomenu ul li a.audiobook, .eAudiomenu ul li a.audiobook:visited {
	/*background-color: transparent;*/
	background-image: url(../images/audiobook_trans.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:35px 0 0 0px;
	text-align: center;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}

.eAudiomenu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

/*2nd level ul HEIGHT position*/
.eAudiomenu ul li ul {visibility:hidden; position:absolute; top:55px; left:0; }/**/

/*1st level a:hover COLOR*/
.eAudiomenu ul li:hover a,
.eAudiomenu ul li a:hover {color:black; background-color:#FFFFFF;}/*background-color:#F0F0F0;*/

/*1st level a:hover COLOR*/
.eAudiomenu ul li:hover a.audiobook,
.eAudiomenu ul li a.audiobook:hover {
	background-image: url(../images/audiobook_trans.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:35px 0 0 0px;
	text-align: center;}


/*2nd level ul WIDTH COLOR*/
.eAudiomenu ul li:hover ul,
.eAudiomenu ul li a:hover ul {visibility:visible; width:540px;background-color:#F0F0F0; color:white;}/**/

/*2nd level li WIDTH*/
.eAudiomenu ul li ul li {float:left; border-left:0px solid gray; width:540px;}

/*not used
.eAudiomenu ul li:hover ul.right_side li,
.eAudiomenu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid gray;}

.eAudiomenu ul li:hover ul.left_side li,
.eAudiomenu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid gray;}

.eAudiomenu ul li:hover ul li a.sub,
.eAudiomenu ul li a:hover ul li a.sub {background-color:blue; color:white;}
*/

/*3rd level ul HEIGHT position*/
.eAudiomenu ul li:hover ul li ul,
.eAudiomenu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:270px; top:100px;}/**/

/*2nd level a COLOR*/
.eAudiomenu ul li:hover ul li a,
.eAudiomenu ul li a:hover ul li a {display:block; background-color:#ffffff; color:#505050; width: 270px; height: 125px; padding: 0 0 0 270px; text-align: left; font-size: 16px;}

/*2nd level a:hover COLOR*/
.eAudiomenu ul li:hover ul li a:hover,
.eAudiomenu ul li a:hover ul li a:hover {background-color:#F09000; color:black; width: 270px; height: 125px; padding: 0 0 0 270px;}

/*2nd level a:hover PC COLOR*/
.eAudiomenu ul li:hover ul li a.overdrive:hover,
.eAudiomenu ul li a:hover ul li a.overdrive:hover {background-color:#55c12f; color:black;}
/*2nd level a:hover MAC COLOR*/
.eAudiomenu ul li:hover ul li a.overdrive1:hover,
.eAudiomenu ul li a:hover ul li a.overdrive1:hover {background-color:#c1772f; color:black;}
/*2nd level a:hover iPOD COLOR*/
.eAudiomenu ul li:hover ul li a.overdrive2:hover,
.eAudiomenu ul li a:hover ul li a.overdrive2:hover {background-color:#c12fb2; color:black;}
/*2nd level a:hover MP3 COLOR*/
.eAudiomenu ul li:hover ul li a.overdrive3:hover,
.eAudiomenu ul li a:hover ul li a.overdrive3:hover {background-color:#494596; color:white;}
/*2nd level a:hover CD COLOR*/
.eAudiomenu ul li:hover ul li a.overdrive4:hover,
.eAudiomenu ul li a:hover ul li a.overdrive4:hover {background-color:#F09000; color:black;}


/*2nd level a overdrive*/
.eAudiomenu ul li:hover ul li a.overdrive,
.eAudiomenu ul li a:hover ul li a.overdrive {
	/*background-color: #55c12f;*/
	/*background-image: url(../images/forPC.gif);*/
	background-image: url(../images/PC-Beth5.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: top left;
	padding:0 0 0 270px;
	text-align: left;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
/*2nd level a overdrive*/
.eAudiomenu ul li:hover ul li a.overdrive1,
.eAudiomenu ul li a:hover ul li a.overdrive1 {
	/*background-color: transparent;*/
	/*background-image: url(../images/forMAC.gif);*/
	background-image: url(../images/MacLonger2.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: top left;
	padding:0 0 0 270px;
	text-align: left;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
/*2nd level a overdrive*/
.eAudiomenu ul li:hover ul li a.overdrive2,
.eAudiomenu ul li a:hover ul li a.overdrive2 {
	/*background-color: transparent;*/
	background-image: url(../images/foriPod.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: top left;
	padding:0 0 0 270px;
	text-align: left;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
/*2nd level a overdrive*/
.eAudiomenu ul li:hover ul li a.overdrive3,
.eAudiomenu ul li a:hover ul li a.overdrive3 {
	/*background-color: transparent;*/
	background-image: url(../images/forOTHER.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: top left;
	padding:0 0 0 270px;
	text-align: left;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
/*2nd level a overdrive*/
.eAudiomenu ul li:hover ul li a.overdrive4,
.eAudiomenu ul li a:hover ul li a.overdrive4 {
	/*background-color: transparent;*/
	background-image: url(../images/forBURN.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: top left;
	padding:0 0 0 270px;
	text-align: left;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}

/*3rd level ul COLOR*/
.eAudiomenu ul li:hover ul li:hover ul,
.eAudiomenu ul li a:hover ul li a:hover ul {visibility:visible; color:black; background-color:#F09000; width: 270px;}/**/

/*3rd level li WIDTH*/
.eAudiomenu ul li ul li ul li {float:left; border-left:0px solid gray; width:135px;}

/*not used
.eAudiomenu ul li:hover ul.right li {float:right;}
*/

/*3rd level a COLOR*/
.eAudiomenu ul li:hover ul li:hover ul li a,
.eAudiomenu ul li a:hover ul li a:hover ul li a {background-color:#F09000; color:black; width: 135px; height: 25px; line-height: 25px; padding:0 0 0 0px; text-align: center; font-size: 12px;}

/*3rd level a:hover COLOR*/
.eAudiomenu ul li:hover ul li:hover ul li a:hover,
.eAudiomenu ul li a:hover ul li a:hover ul li a:hover {background-color:blue; color:white;}

/*
=====================================================================
=====================================================================
*/

/*containing Div WIDTH HEIGHT (collapsed: 55px full: 230px)*/
.eBooksmenu {font-family: arial, sans-serif; width:540px; height:230px; position:relative; margin:0; font-size:12px; margin: auto; background-color:#F0F0F0; position:relative; z-index:100;}/*margin-bottom:150px;*/

/*1st level ul*/
.eBooksmenu ul {padding:0; margin:0; list-style-type: none;}

/*1st level li WIDTH*/
.eBooksmenu ul li {float:left; border-left:0px solid gray; width:180px;}

/*1st level a WIDTH HEIGHT*/
.eBooksmenu ul li a, .eBooksmenu ul li a:visited {display:block; width:180px; text-decoration:none; padding:0 0 0 0px; height:20px; line-height:20px; color:#6487B1;/*#00AEEF;*/ background-color:#F0F0F0; border-left:0px solid #F0F0F0; border-right:0px solid #F0F0F0; border-top:0px solid #F0F0F0;} /*bg-color:yellow;*/

.eBooksmenu ul li a.ebook, .eBooksmenu ul li a.ebook:visited {
	/*background-color: transparent;*/
	background-image: url(../images/ebook_trans.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:35px 0 0 0px;
	text-align: center;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}

.eBooksmenu table {border-collapse:collapse; margin:0; padding:0; font-size:1em;}

/*2nd level ul HEIGHT position*/
.eBooksmenu ul li ul {visibility:hidden; position:absolute; top:55px; left:0; }/**/

/*1st level a:hover COLOR*/
.eBooksmenu ul li:hover a,
.eBooksmenu ul li a:hover {color:black; background-color:#bfecff; border-left:0px solid #f09000; border-right:0px solid #f09000; border-top:0px solid #f09000;}

/*1st level a:hover COLOR*/
.eBooksmenu ul li:hover a.ebook,
.eBooksmenu ul li a.ebook:hover {	background-image: url(../images/ebook_trans.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:35px 0 0 0px;
	text-align: center;}


/*2nd level ul WIDTH COLOR*/
.eBooksmenu ul li:hover ul,
.eBooksmenu ul li a:hover ul {visibility:visible; width:540px;background-color:#bfecff; color:white;}/**/

/*2nd level li WIDTH*/
.eBooksmenu ul li ul li {float:left; border-left:0px solid gray; width:270px;}

/*2nd level li WIDTH*/
.eBooksmenu ul li ul.three li {float:left; border-left:0px solid gray; width:180px;}

/*not used
.eBooksmenu ul li:hover ul.right_side li,
.eBooksmenu ul li a:hover ul.right_side li {float:right; border:0; border-left:1px solid gray;}

.eBooksmenu ul li:hover ul.left_side li,
.eBooksmenu ul li a:hover ul.left_side li {float:left; border:0; border-left:1px solid gray;}

.eBooksmenu ul li:hover ul li a.sub,
.eBooksmenu ul li a:hover ul li a.sub {background-color:#0075a7; color:white;}
*/

/*3rd level ul HEIGHT position*/
.eBooksmenu ul li:hover ul li ul,
.eBooksmenu ul li a:hover ul li a ul {visibility:hidden; position:absolute; left:0; top:150px;}/**/
/*3rd level ul HEIGHT position*/
.eBooksmenu ul li:hover ul li ul.right,
.eBooksmenu ul li a:hover ul li a ul.right {visibility:hidden; position:absolute; left:270px; top:150px;}

/*3rd level ul HEIGHT position*/
.eBooksmenu ul li:hover ul.three li ul.center,
.eBooksmenu ul li a:hover ul.three li a ul.center {visibility:hidden; position:absolute; left:180px; top:150px;}

/*3rd level ul HEIGHT position*/
.eBooksmenu ul li:hover ul.three li ul.right,
.eBooksmenu ul li a:hover ul.three li a ul.right {visibility:hidden; position:absolute; left:360px; top:150px;}

/*2nd level a COLOR*/
.eBooksmenu ul li:hover ul li a,
.eBooksmenu ul li a:hover ul li a {display:block; background-color:#bfecff; color:#505050; width: 270px; height: 80px; padding: 70px 0 0 0; text-align: center; border: none; line-height: 16px;}

/*2nd level a:hover COLOR*/
.eBooksmenu ul li:hover ul li a:hover,
.eBooksmenu ul li a:hover ul li a:hover {background-color:#80d9ff; color:black; width: 270px; height: 80px; padding: 70px 0 0 0; border: none;}

/*2nd level a:hover COLOR*/
.eBooksmenu ul li:hover ul.three li a,
.eBooksmenu ul li a:hover ul.three li a,
.eBooksmenu ul li:hover ul.three li a:hover,
.eBooksmenu ul li a:hover ul.three li a:hover {width: 180px;}


/*2nd level a overdrive*/
.eBooksmenu ul li:hover ul li a.overdrive,
.eBooksmenu ul li a:hover ul li a.overdrive {
	/*background-color: transparent;*/
	background-image: url(../images/mobipocketreader.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:75px 0 0 0;
	text-align: center;
	border: none;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
.eBooksmenu ul li:hover ul li a.gvrl,
.eBooksmenu ul li a:hover ul li a.gvrl {
	/*background-color: transparent;*/
	background-image: url(../images/gvrl.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:75px 0 0 0;
	text-align: center;
	border: none;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}
.eBooksmenu ul li:hover ul li a.netlibrary,
.eBooksmenu ul li a:hover ul li a.netlibrary {
	/*background-color: transparent;*/
	background-image: url(../images/netlibrary_gray.gif);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/
	background-position: 50% 5px;
	padding:75px 0 0 0;
	text-align: center;
	border: none;
	/*color: #00AEEF;*/
	/*border: 1px solid red;testing*/
}

/*3rd level ul COLOR*/
.eBooksmenu ul li:hover ul li:hover ul,
.eBooksmenu ul li a:hover ul li a:hover ul {visibility:visible; color:black; background-color:#80d9ff; width: 270px;}/**/

/*3rd level ul COLOR*/
.eBooksmenu ul li:hover ul.three li:hover ul,
.eBooksmenu ul li a:hover ul.three li a:hover ul {visibility:visible; color:black; background-color:#80d9ff; width: 180px;}/**/

/*3rd level li WIDTH*/
.eBooksmenu ul li ul li ul li {float:left; border-left:0px solid gray; width:135px;}

/*3rd level li WIDTH*/
.eBooksmenu ul li ul.three li ul li {float:left; border-left:0px solid gray; width:90px;}

/*not used
.eBooksmenu ul li:hover ul.right li {float:right;}
*/

/*3rd level a COLOR*/
.eBooksmenu ul li:hover ul li:hover ul li a,
.eBooksmenu ul li a:hover ul li a:hover ul li a {background-color:#80d9ff; color:black; width: 135px; height: 25px; line-height: 25px; padding:0 0 0 0px; text-align: center; border: none;}

/*3rd level a COLOR*/
.eBooksmenu ul li:hover ul.three li:hover ul li a,
.eBooksmenu ul li a:hover ul.three li a:hover ul li a {width: 90px; height: 25px; line-height: 25px; padding:0 0 0 0px;}

/*3rd level a:hover COLOR*/
.eBooksmenu ul li:hover ul li:hover ul li a:hover,
.eBooksmenu ul li a:hover ul li a:hover ul li a:hover {background-color:#0075a7; color:white; border: none;}

/*/////////////////////////////////////////////////////*/
#floatwrapper {position: relative;}



.webappsmenu {margin: 0; padding: 5px; font-family: arial, sans-serif; font-size: 14px; background-color:#F0F0F0;}
.webappsmenu ul {padding:0; margin:0; list-style-type: none; background-color:#F0F0F0;}
.webappsmenu ul li {padding:0; margin:0 0 10px 0; background-color:#F0F0F0; float: left;}
.webappsmenu ul li#musicOnline {width: 50%;}
.webappsmenu ul li#mangoLanguages {width: 38%;}
.webappsmenu ul li a.bl {display:block; text-decoration:none; padding:5px 5px 5px 190px; color:#6487B1;/*#00AEEF;*/ background-color:#F0F0F0; background-repeat: no-repeat; background-position: 5px 5px; min-height:75px;
height: auto !important; height: 75px; border: 1px solid #F0F0F0;}

.webappsmenu ul li#apInteractives a {background-image: url(../images/apinteractives_trans.gif);}
.webappsmenu ul li#mangoLanguages a {background-image: url(../images/mangologo1.gif);}

.webappsmenu ul li#apInteractives a.bl:hover {border: 1px solid #c85639; background-color:#fff; color:#c85639;}
.webappsmenu ul li#mangoLanguages a.bl:hover {border: 1px solid #88ac2e; background-color:#fff; color:#88ac2e;}

/* #musicOnline non-hover state*/
.webappsmenu ul li#musicOnline {background-image: url(../images/musiconline.gif); padding:5px 5px 5px 90px; color:#6487B1;/*#00AEEF;*/ background-color:#F0F0F0; background-repeat: no-repeat; background-position: 5px 5px; min-height:75px;
height: auto !important; height: 75px; border: 1px solid #F0F0F0;}
.webappsmenu ul li#musicOnline a {text-decoration:none; color:#6487B1;}
.webappsmenu ul li#musicOnline a.hl {text-decoration:none; font-weight:bold;}

/* #musicOnline hover state via js added class*/
.webappsmenu ul li#musicOnline.hov {border: 1px solid #d68328; background-color:#fff; color:#d68328;}
.webappsmenu ul li#musicOnline.hov a {text-decoration:underline; color:#d68328;}
.webappsmenu ul li#musicOnline a.hl {text-decoration:none; font-weight:bold;}
.webappsmenu ul li#musicOnline.hov a:hover {text-decoration:underline; color:#6487B1;}
.webappsmenu ul li#musicOnline a.hl:hover {text-decoration:none; font-weight:bold;}






#webcastsmenu div p a, #webcastsmenu div p a:visited {display:block; text-decoration:none; padding:5px 5px 5px 40px; background-repeat: no-repeat; background-position: top left; min-height:30px;
height: auto !important; height: 30px;}

#webcastsmenu div p a#wcAudio {background-image: url(../images/miscellaneous.gif);}
#webcastsmenu div p a#wcVideo {background-image: url(../images/filmreel.gif);}