/*
================================================================================
General template, layout styles for pop-up page.
Author: Martyn Green
Created: June 21st 2006
Last Updated: October 4th 2006 (James Offer)
- fix positioning of function buttons
EXTENDS: baseStyles.css
================================================================================
*/
div#wrapper {font-size: 1em; margin-bottom: 2em; min-width: 260px;}
*html div#wrapper {width:expression(document.body.clientWidth < 290 ? "265px" : "100%" );}
/*HEADER STYLES*/
div#header {margin: 0; padding: 0; height: 80px; position:relative;}
div#top_banner {margin: 0 0 15px 0; padding: 0; height: 80px; position:relative;background:url(/images/global/smalldots.gif) repeat-x bottom left;}
div.pop-util {text-align: right; padding: 4px 6px 0 0;}
/*CONTENT STYLES*/
div#centercontent { margin:0 0 2em 0; padding: 20px 60px 4em 60px; text-align: center; background:url(/images/global/smalldots.gif) repeat-x bottom left;}
div#pagecontent {font-size: 1em; margin: .4em 0 .4em 0; padding: 0 2% 30px 2%; float: none; width: 96%; min-height:250px;_height:250px;background:url(/images/global/smalldots.gif) repeat-x bottom left;}
.popupleft {float:left; width:50%;font-size:90%;}
#popup-tab-content{border:1px solid #ccc;position:relative;margin:32px 0px 0px 0px;width:90%;height:100%;padding:15px 15px 30px 30px; text-align: left;}
#popup-tab-content h1{font-size:1.1em !important;color:#000 !important;font-weight:bold !important;}
#popup-tab-content h2{font-size:1em !important;color:#000 !important;font-weight:bold !important;font-family:Verdana, Arial, Helvetica, sans-serif;margin-bottom:5px;padding-bottom:5px;border-bottom:1px solid #ccc;}
#popup-tab-content.object-border img, #popup-tab-content.object-border div.zoomify{border:1px solid #ccc;}
#popup-tab-content.object-border div.zoomify{width:600px;}
#popup-tab-content p{padding-top:0px;margin-top:0px;font-size:.9em !important;}
#popup-tab-content img{border:1px solid #ccc;}
#popup-tab-menu{list-style:none !important; list-style-image:none !important; padding:0px !important;margin:0px !important;height:27px !important; position:absolute;top:-26px;left:-1px;width:300px;}
#popup-tab-menu li{float:left;margin-right:7px;padding:0px;display:block;height:26px;}
#popup-tab-menu li a{background-repeat:no-repeat;display:block;height:26px;background-position:top left;text-indent:-1000em;outline:none;text-decoration:none;}
#popup-tab-menu li.image a{background-image:url(/images/tabs/tab_image_off.gif);width:51px;}
#popup-tab-menu li.transcript a{background-image:url(/images/tabs/tab_transcript_off.gif);width:74px;}
#popup-tab-menu li.zoom a{background-image:url(/images/tabs/tab_zoom_off.gif);width:51px;}
#popup-tab-menu li.image a.on{background-image:url(/images/tabs/tab_image_on.gif);}
#popup-tab-menu li.transcript a.on{background-image:url(/images/tabs/tab_transcript_on.gif);}
#popup-tab-menu li.zoom a.on{background-image:url(/images/tabs/tab_zoom_on.gif);}
table.transcript{border-left:1px solid #888;border-top:1px solid #888;}
table.transcript td, table.transcript th{border-right:1px solid #888;border-bottom:1px solid #888;}
#popup-tab-menu:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
/* Hides from IE-mac \*/
* #popup-tab-menu {height: 1%;}
/* End hide from IE-mac */
/*alphabet popup nav*/
div#pagecontent #alphanavcontainer { border-bottom : 1px solid #ccc ; margin-left: 0; margin-bottom : 20; padding-bottom : 19px; padding-left : 10px; font-family:Verdana, Arial, Helvetica, sans-serif}
div#pagecontent #alphanavcontainer ul{margin: 0 0 10px 0; padding: 0 0 0 10px; list-style-type: none; text-indent: none; }
div#pagecontent #alphanavcontainer ul li {width: 100%; display: inline; font-size: 1.1em; font-weight: bold; color: #663333; padding: 0.1em 0.1em;}
div#pagecontent #alphanavcontainer ul li a {color: #0066CC; text-decoration: underline; }
div#pagecontent #alphanavcontainer ul li a:hover {color:#CB0D07; text-decoration: none;}
/*alphabet popup nav ends*/
/*Creates a medium size alphabet letter beside an alphabetical list*/
div#pagecontent h2.popatoz {font-family:Verdana, Arial, Helvetica, sans-serif; margin-top: 10px; margin-bottom: 10px; font-size: 2em; color: #CB0D07; font-weight: normal;}
/*popup tabs*/
#menu {clear: both ; border-bottom : 1px solid #ccc ; margin-left: 0; margin-bottom : 20; padding-bottom : 19px; padding-left : 10px; font-family:Verdana, Arial, Helvetica, sans-serif}
#menu ul, #menu li {display : inline; list-style-type : none; margin : 0; padding : 0}
#menu a:link, #menu a:visited {background : #F3F0DD; border : 1px solid #ccc; color : #666; float : left; font-size : small; font-weight : bold; line-height : 14px; margin-right : 8px; padding : 2px 10px 2px 10px; text-decoration : none}
#menu a:link.active, #menu a:visited.active {background : #fff; border-bottom : 1px solid #fff; color : #000}
#menu a:hover {color:#CB0D07;}
sup {font-weight: bold; font-size: .8em; color:#000; padding-left: 2px}
/*FOOTER STYLES*/
div#bottom_banner{height:20px;position:relative;}
div#wordlist{width: 60%; float:left;
}