/* CSS Document */

/* ========== LAYOUT ========== */
/*
div, table{
    border: 1px dashed gray;
} */

iframe {position:absolute;top:0;left:0;z-index:-1;filter:alpha(opacity:0);width:100%;height:100%;}

.triangleClass {
    background-color: green;
    filter:alpha(opacity=50); 
    -moz-opacity:0.5; 
    opacity:0.5;    
}

html {
    margin: 0;
    padding: 0;
    height: 100%;
}

body {
   margin: 0px; 
   overflow: hidden;
   /*
   height: 100%;
   */
   background-color: #A19C98;
}

div#layoutBody
{
    /*
  margin: 70px;
  margin-bottom: -70px;
  */
  margin-right: 0px;
  position: absolute;
  overflow: auto;
  top: 70px;
  /* 
  border: 1px dashed red;
  height: 100%;
  margin-top: 70px;
  overflow: auto;
  width: 70%; 
  */
}

div#annotationHolder {
    top: 0px;
    left: 0px;
    width: 0px;
    height: 0px;
    position: absolute;
    z-index: 5;
    /*
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: green;
    filter: alpha(opacity=50);
    opacity: .50;             */
}

div#layoutHeader,
div#layoutHeaderClip,
div#layoutSidebar,
div#closedSidebar
{
  position: absolute;
  left: 0;
  overflow: auto;
}
div#layoutHeader,
div#layoutHeaderClip
{
 top: 0;
 z-index: 10;
 width: 100%;
 height: 63px;
 overflow: visible;
}
div#layoutHeaderClip
{
    z-index: 7;
    background-color: #A19C98;
    height: 65px;
}
div#layoutSidebarClip
{
    width: 27%;
    z-index: 1;
    background-color: #867E7A;
    height: 65px;
}
div#layoutSidebar,
div#closedSidebar
{
  top: 0px;
  z-index: 1;
  bottom: 0;
  width: 27%;
  height: 100%;
  padding-top: 63px;
  background-color: #867E7A;
  overflow: hidden;
}

div#closedSidebar
{
    width: 17px;
}

/* these divs are disabled by default, and then enabled in reader.mi if
JavaScript is enabled for the web browser */
div#layoutHeader,
div#layoutHeaderClip,
div#layoutSidebar,
div#layoutBody,
div#global,
div#mainAnnotationHolder
{
    display: none;
}

/* Hide the print preview */
#printView { display: none; }
/* CSS Document */

#sidebar {
    position: absolute;
    height: 100%;
    width: 27%;
    min-width: 249px;
    background-color: #867E7A;
    z-index: 2;
}

#content {
    height: 100%;
    margin-left: 15px;
}

#excerpt-view {
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    padding-bottom: 30px;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

#excerpt-view .title {
    color: #CC6600;
    font-weight: bold;
}

#excerpt-view .keyword {
    color: #000000;
    font-weight: bold;
}

#excerpt-view li {
    list-style: decimal;
    margin-bottom: 10px;
}

#searchResults {
    width: 72%;
    float: left;
    height: auto;
    overflow: auto;
    background-color: #FFF;
    padding-top: 80px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

#showHidePalettesTab {
    position: absolute;
    top: 25%;
    left: 27%;
    width: 14px;
    height: 70px;
    z-index: 1;
}
#pageHolder {
    position: relative;
    padding-left: 50px;
    margin-top: 80px;
    padding-bottom: 20px;
}
#pageTurnerLeft, #pageTurnerRight {
    width: 15px;
    height: 100%;
    min-height: 100%;
    background-color: #665F5B;
    display: none;
}
#pageTurnerLeft:hover , #pageTurnerRight:hover  {
    background-color: #BFBBB7;
    cursor: pointer;
}
#actualPage {
    float: left;
}

/* ========== Messaging ========== */

div#infoStripe {
    position: absolute;
    border-top: 5px solid #A19C98;
    border-bottom: 5px solid #A19C98;
    top: 65px;
    right: 30px;
    width: 80px;    
    z-index: 8;
    color: #646363;
    background-color: #FEFCCF;
    padding: 3px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
}

img#closeInfoStripe {
    position: absolute;
    top: 2px;
    right: 2px;
}

/* ========== DIALOGS ========== */
#copyDialog {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 300px;
    margin-left: -150px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: none;
}
#SITBSystemErrorDialog, #generalErrorDialog, #generalMessageDialog, #genericDialog {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 400px;
    margin-left: -200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    display: none;
}
#settingsDialog {
    position: absolute;
    top: 50%;
    left: 50%;
    z-index: 99;
    width: 400px;
    margin-left: -200px;
    display: none;
}
#realNamePipeline {
    position: absolute;
    top: 0px;
    left: 50%;
    z-index: 99;
    width: 600px !important;        width: 620px;
    margin-left: -300px !important; margin-left: -310px;
    padding: 10px;
    display: none;
}
#realNamePipeline td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
}
#realNamePipelineContent {
    width: 578px;
    overflow: auto;
}
#entireOverlay {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    z-index: 98;
    background-color: #888;
    filter: alpha(opacity=50); /* IE */
    opacity: .50;              /* Firefox */
    display: none;
}

#tooltip {
    position: absolute;
    left: 0px;
    top: 0px;
    width: 250px;
    z-index: 99;
    display: none;
}

div#tooltip .tooltipContent {
    font-size: 10px;
    font-family: Verdana, Arial, sans;
    line-height: 120%;
    padding: 7px;
    background-color: #FFFFCC;
    border-right: 1px solid #CCCC99;
    border-bottom: 1px solid #CCCC99;
}

#loader {
    position: absolute;
    width: 103px;
    height: 38px;
    left: 50%;
    top: 50%;
    margin-left: -51px;
    margin-top: -19px;
    z-index: 99;
    display: none;
}
.loaderBackLeft {
    width: 12px;
}
.loaderBackRight {
    width: 12px;
}
.loaderText {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    float: right;
    color: #cc6600;
}

/******************** BEGIN Annotation Control Styles ***********************/

.ac_movebar {
    cursor: move;
}

.ac_resizebar {
    cursor: e-resize;
}

.ac_bold {
    font: bold 11px Verdana, Arial, Helvetica, sans-serif;
}

.ac_normal {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.ac_realname {
    font: bold 9px Verdana, Arial, Helvetica, sans-serif;
}

.ac_save_status {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    text-align: center;
    width: 100%;
}

.ac_frame {
    height: 100%;
    width: 100%;
}

input.ac_tag {
    background-color: #E5FFCC;
    border: 0px solid Black;
}

textarea.smart_textarea {
    overflow: hidden;
    word-wrap: break-word;
    position: relative;
    height:20px;
    border: 0px;
    background-color: #E5FFCC;
    width: 100%;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.smart_textarea_hidden {
    left: -2000px;
    top: -2000px;
    word-wrap: break-word;
    overflow: hidden;
    position: absolute;
    border: 0px solid black;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
}

.taglist_div {
    position: relative;
}

.taglist_view {
    top: 0px;
    left: 0px;
    position: absolute;
    border: 0px solid black;
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    width: 100%;
    background-color: #E5FFCC;
    cursor: text;
    overflow: hidden;
}

.listcontrol_ul {
    z-index: 99;
    position: absolute;
    border-style: solid;
    border-width: 1px;
    background-color: #E5FFFF;
    list-style: none;
    margin: 0;
    padding: 0;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
    cursor: default;
}

.listcontrol_ul li {
    list-style: none;
    position: relative;
}

.listcontrol_li_selected {
    background-color: #D5CCDD;
    font: 12px Verdana, Arial, Helvetica, sans-serif;
}

/********************* END Annotation Control Styles ************************/

/* ========== FONT STYLES ========== */

.tiny, .small, .medium {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.tiny {
    font-size: 10px;
}
.small {
    font-size: 11px;
}
.medium {
    font-size: 12px;
}
.paletteHeader {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    font-weight:bold;
    color: #C60;
}
.price {
    color: #990000;
}
.dialogHeader {
    font-size: 12px;
    font-weight: bold;
}
.dialogHeader2 {
    font-size: 12px;
    margin-left: 10px;
}

.dialogBody {
    font-size: 10px;
}

.dialogBodySmall {
    font-size: 9px;
}

/* ========= IMAGE STYLES ========== */

.currentTitleCover {
    border: 1px solid #999;
    float: left;
    margin-right: 10px;
}
.mbsCover {
    padding: 1px;
    border: 1px solid #FFF;
    margin-left: 2px !important; margin-left: 4px;
    margin-right: 2px !important; margin-right: 4px;
}
.mbsCover:hover {
    border: 1px solid #039;
}
/* CSS Document */

/* ========== MENU ========== */

#menu {
    height: 63px;
}

/* ========== TOOLBAR ========== */

#toolbarHolder {
    position: absolute;
    top: 7px;
    left: 7px;
    right: 7px;
    z-index: 90;
    width: auto;
    min-width: 700px;
}
#toolbarTop {
    position: relative;
    height: 40px;
    z-index: 90;
    width: auto;
}
#amazonLogo {
    position: relative;
    left: 10px;
    float: left;
}
#toolbarEndCapLeft {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    z-index: 98;
    width: 12px;
    height: 40px;
}
#toolbarEndCapRight {
    position: relative;
    float: right;
    top: 0px;
    right: 0px;
    z-index: 98;
    width: 12px;
    height: 40px;
}
#returnLink {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    vertical-align: middle;
    position: absolute;
    top: 15px;
    right: 30px;
}
#returnLink a {
    text-decoration: none;
    color: #665F5B;
}
#returnLink a:HOVER {
    text-decoration: underline;
}
#toolbarMenu .buttonEndCapLeft, #toolbarMenu .buttonEndCapLeftHover,
#toolbarMenu .buttonEndCapRight, #toolbarMenu .buttonEndCapRightHover {
    width: 6px;
    height: 30px;
}
#toolbarMenu .button, #toolbarMenu .buttonHover {
    height: 30px;
    top: -10px;
}
#toolbarMenu .buttonDropDownRight, #toolbarMenu .buttonDropDownRightHover {
    text-align: center;
    width: 18px;
    height: 30px;
}

/* ========== MINI BOOKSHELF ========== */

#mbsHolder {
    position: absolute;
    top: 47px;
    left: 7px;
    right: 7px;
    z-index: 50;
    width: auto;
    min-width: 700px;
}
#mbsMiddle {
    height: auto;
    width: auto !important; width: 100%;
    border-left: 2px solid #F3F0ED;
    border-right: 2px solid #F3F0ED;
    display: none;
}
#mbsShelf {
    overflow:scroll;
    width: 100%;
    white-space: nowrap; /* I know this style doesn't work in IE.  just used for mockups. */
}
#mbsBottom {
    height: 16px;
    position: relative;
    z-index: 50;
    width: auto;
}
#mbsEndCapLeft {
    position: relative;
    float: left;
    top: 0px;
    left: 0px;
    z-index: 99;
    height: 16px;
    width: 16px;
}
#mbsShowHide {
    position: relative;
    left: 50%;
    float: left;
    margin-top: 3px;
    margin-left: -42px;
}
#mbsEndCapRight {
    position: relative;
    float: right;
    top: 0px;
    right: 0px;
    z-index: 99;
    height: 16px;
    width: 16px;
}

/* ========== LEFT HAND NAV PALETTES ========== */

#leftHandNavHolder {
    min-width: 235px;
    height: auto;
}
#bookInfoBox {
    position: relative;
    width: 100%; 
    z-index: 10;
}
#searchBox {
    position: relative;
    width: 100%; 
    padding-top: 7px;
    z-index: 11;
}
#relatedEditionsBox {
    position: relative;
    width: 100%; 
    padding-top: 7px;
    z-index: 11;
}
#tabs {
    position: relative;
    width: 100%;
    height: 250px;
    min-height: 250px;
    margin-top: 7px;
    z-index: 10;
}
#tabsHolder {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 20px;
}
#tabbedContentHolder {
    position: absolute;
    width: auto;
    height: 100%;
    top: 0px;
    left: 20px;
    right: 0px;
}
img.tab {
    margin: 0px;
    margin-bottom: 1px;
}
td.paletteTl, td.paletteTl2, td.paletteTlblue, td.paletteTlgreen {
    padding-top: 10px;
    padding-left: 10px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
td.paletteTr, td.paletteTrblue, td.paletteTrgreen {
    width: 12px;
}
td.paletteBl, td.paletteBlblue {
    height: 16px;
}
td.paletteBr, td.paletteBrblue {
    height: 16px;
    width: 12px;
}
td.paletteBlgreen, td.paletteBrgreen { height: 12px; }
td.paletteBrgreen { width: 12px; }/* CSS Document */

/* --------- MAIN TOOLBAR --------- */

#toolbarMenu {
    position: absolute;
    z-index: 99;
    top: 7px;
    left: 200px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    min-width: 425px;
}
#toolbarMenu td {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
}
#toolbarMenu ul {
    padding: 0px;
    margin: 0px;
    list-style: none;
}
#toolbarMenu li {
    display: block;
    float: left;
    position: relative;
    padding: 8px;
    vertical-align: middle;
    margin-top: 2px;
}


/*****************************************************************
 * If a button is enabled, we set the text color to black
 *****************************************************************/
#toolbarMenu li a.enabledButton {
    color: #000;
    display: block;
    text-decoration: none;
    height: 23px;
    padding-top: 7px;
}
/*****************************************************************
 * If a button is disabled, we set the text color to grey
 *****************************************************************/
#toolbarMenu li a {
    color: #CCC;
    display: block;
    text-decoration: none;
}

#toolbarMenu li a img {
    border: 0px;
    vertical-align: text-top;
}
#toolbarMenu li a img.down_arrow {
    border: 0px;
    vertical-align: middle;
}

#toolbarMenu li a span {
    margin-left: 3px;
}

#toolbarMenu li.divider {
    border-left: 1px solid #A19C98;
}
/*
#toolbarMenu li:hover {
    background-color: #665F5B;
    color: #FFF;
}
#toolbarMenu li:hover ul {
    display: block;
    clear: left;
    margin: 8px 0 0 -8px;
}
*/

/*
#toolbarMenu li ul {
    display: block;
    position: absolute; 
    z-index: 2;
    width: 160px;
    margin-top: 0px;
    border: 1px solid #665F5B;
    padding: 2px;
    background-color: #FFF;
}
*/

.dropdown {
    display: none;
    position: absolute; 
    z-index: 2;
    width: 180px;
    margin-top: 0px;
    border: 1px solid #665F5B;
    padding: 2px;
    background-color: #FFF;
}

#toolbarMenu li ul {
    top: auto;
    left: auto;
}
#toolbarMenu li ul li {
    padding: 4px 0 4px 4px;
    width: 176px;
}

#toolbarMenu li ul li a {
    height: 20px !important;
    padding: 0px !important;
}

#toolbarMenu li ul li:hover {
    background-color: #DDD;
}
/*****************************************************************
 * If a button is enabled, it is underlined when you hover over it
 *****************************************************************/
#toolbarMenu li ul li:hover a.enabledButton {
    color: #039;
    text-decoration: underline;
}
/*****************************************************************
 * If a button is enabled, it is blue when you hover over it
 *****************************************************************/
#toolbarMenu li ul li:hover a.enabledButton:hover {
    color: #00F;
}
#toolbarMenu li.seperate {
    border-top: 1px solid #CCC4BC;
}
#toolbarMenu li ul li ul {
    display: none;
    visibility: hidden;
}
#toolbarMenu li ul li:hover ul {
    position: absolute;
    display: block;
    left: 164px;
    top: -9px;
    visibility:visible;
}
#toolbarMenu li ul li:hover ul li:hover {
    background-color: #DDD;
}

#toolbarMenu li ul li:hover ul li a {
    text-decoration: none;
    color: #000;
}
/*****************************************************************
 * For nested menus
 *****************************************************************/
 /*
#toolbarMenu li ul li:hover ul li a.enabledButton {
    text-decoration: none;
    color: #000;
}
#toolbarMenu li ul li:hover ul li a {
    text-decoration: none;
    color: #CCC;
}
#toolbarMenu li ul li:hover ul li:hover a.enabledButton {
    color: #039;
    text-decoration: underline;
}
#toolbarMenu li ul li:hover ul li:hover a.enabledButton:hover {
    color: #00F;
}

*/

#toolbarMenu td.buttonDropDownRight img,
#toolbarMenu td.buttonDropDownRightHover img {
    margin-top: 5px;
}
/* CSS Document */
.SEBase {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    position: relative;
    overflow: hidden;
    width: 100%;
}

.SELeft {
    position: absolute;
    left: 0px;
    padding-left: 2px;
    z-index: 2;
    white-space: nowrap;
    background-color: #F3F0ED;
}

.SERight {
    position: absolute;
    right: -2px;
    z-index: 5;
    padding-right: 5px;
    padding-left: 5px;
    text-align: right;
    background-color: #F3F0ED;
}

.fieldName {
    color: #867E7A;
}
#tabbedContentHolder a {
    text-decoration:none;
    color: #003399;
}
#tabbedContentHolder a:hover {
    text-decoration:underline;
}

#bookInfoBox a {
    color: #000000;
}

#contents td, #bookmarks td, #highlights td , #notes td , #tagsPublic td , #tagsPrivate td {
    padding-top: 5px;
}
#tabbedContentTOC, #tabbedContentAnnotations {
    position: relative;
    width: auto;
    height: 332px;
    margin-top: 6px;
    overflow: auto;
}
#bookmarks {
    position: absolute;
    width: 228px;
    min-height: 332px;
    margin-top: 6px;
    /*margin-right: -12px;*/
    overflow: auto;
    display: block;
    visibility: hidden;
}
#highlights {
    position: absolute;
    width: 228px;
    min-height: 332px;
    margin-top: 6px;
    /*margin-right: -6px;*/
    overflow: auto;
    display: block;
    visibility: hidden;
}
#notes {
    position: absolute;
    width: 228px;
    min-height: 332px;
    margin-top: 6px;
    /*margin-right: -6px;*/
    overflow: auto;
    display: block;
    visibility: hidden;
}
#tagsPrivate {
    position: absolute;
    width: 228px;
    min-height: 332px;
    margin-top: 6px;
    margin-right: 6px;
    overflow: auto;
    display: block;
    visibility: hidden;
}
/*#tagsPublic {
    position: absolute;
    width: 228px;
    min-height: 332px;
    margin-top: 6px;
    /*margin-right: -6px;
    overflow: auto;
    display: block;
    visibility: hidden;
}*/
#onHoverFullText {
    position: absolute;
    top: 140px;
    left: 40px;
    z-index: 99;
    background-color: #FFF;
    border: 1px solid #000;
    padding: 10px;
    display: block;
    visibility:hidden;
}

/* ========== TOC Content ========== */
#toc li {
    margin-top: 4px;
}