/* Page view for books. 
   Element styles for page body and mockTurtle are also changed from ext-acs-book2c.js::_set_page_view() function 
*/
   
#mockTurtle {	
    margin: 0 auto;
    background-color: #FFFFFF; /* White page background */
    padding: 2cm;
    border: 1px solid #AEB6BE;    
}

#page_body {	
    background-color: white;
	padding-top: 5px;
	padding-bottom: 5px;	
}

#mockSpacer {
    margin: 0 0;   
}

/* <== Page view for books */

.book-fragment {
    padding: 0.1px;
    width: 100%;    
}

/* Bread crumbs panel in Book Viewer */
.bread_crumb_panel {
	background-color: #FFFFFF !important;
}

/* Controls Left panel's Tab-Bar height */
#ext-acs-book-tabpanel .x-tab-strip-text {
	line-height: 19px !important;
} 

/* Set width of Left Panel Trees to 100% */
#toc ul { width: 100%; }
#qaa ul { width: 100%; }
#notes ul { width: 100%; } 
#tracks ul { width: 100%; }
#tasks ul { width: 100%; }


/* content styles */

.content_body 
{
    padding-left:20px;
    padding-right:20px;
    padding-bottom:5px;
}


/* book page content */

#page_content h1, #page_content h2, #page_content h3, #page_content h4, #page_content h5, #page_content h6
{
    font-size:100%;
    font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
    color:black;
}

#viewer-more-info
{
    padding:10px;
}
/* definition popups  */
.defn_content {
    margin:0px;
    padding:0px;
    overflow:auto;;
    font-family: "Verdana", "Arial", sans-serif;
    font-size:9pt;
    padding-left:0px;
    padding-right:0px;
    padding-top:0px;
    padding-bottom:0px;
    margin:0px;
    height:100%;    
}

.defn_content div
{
    height:100%;
}
.defn_content * TD {
    border: 0px;
}

.defn_content TABLE {
    width: 100%;
}       

/* Uninitialized fragment */
.book_frag_uninitialised
{
    background-color: #FAFAFA;
}

.book_frag_padding
{
    background-color: #ffffff;
}

.zoom_in {
  background-image: url(/static/images/zoom_in.png) !important; background-position: 0 0 !important;
}

.zoom_out {
  background-image: url(/static/images/zoom_out.png) !important; background-position: 0 0 !important;
}
     
.show_hide_links {
  background-image: url(/static/images/show_hide_links.png) !important; background-position: 0 0 !important;
}

.show_in_folder {
  background-image: url(/static/images/folder_open_toolbar.png) !important; background-position: 0 0 !important;
}


/* command classes */
.cmd_home
{
    background-image:url("/static/images/home_page.png") !important;
}
.cmd_expand
{
    background-image:url("/static/images/expand.png") !important;
}

.cmd_collapse
{
    background-image:url("/static/images/collapse.png") !important;
}

.cmd_next_item
{
    background-image:url("/static/images/next_item.png") !important;
}

.cmd_prev_item
{
    background-image:url("/static/images/prev_item.png") !important;
}

.cmd_sync
{
    background-image:url("/static/images/sync.png") !important;
}

.cmd_note
{
    background-image:url("/static/images/note_add.png") !important;
}

.cmd_supporting_doc
{
    background-image:url("/static/images/ext/odt.png") !important;
}

.cmd_bookmark_page
{
    background-image:url("/static/images/bookmark_page.gif") !important;
}

.cmd_email_page
{
    background-image:url("/static/images/email_page.png") !important;
}

.cmd_copy
{
    background-image:url("/static/images/copy.png") !important;
}

.cmd_print
{
    background-image:url("/static/images/print.png") !important;
}

.cmd_export_to_pdf
{
    background-image:url("/static/images/export-to-pdf.png") !important;
}

.cmd_export_to_idf
{
    background-image:url("/static/images/export-to-idf.png") !important;
}

.cmd_page_view
{
    background-image:url("/static/images/reader_toc.png") !important;
}

.cmd_web_view
{
    background-image:url("/static/images/reader_continuous.png") !important;
}

.cmd_task
{
    background-image:url("/static/images/at_todo.png") !important;
}
.book_loading_indicator
{
    background-image:url("/tg_widgets/acs/extJS_3_4_1_1/resources/images/azzurra-legacy/shared/loading-eclipse-1s-16px.gif") !important;
    background-repeat : no-repeat;
}
.cmd_info
{
    background-image:url("/static/images/book_info.png") !important;
}

# Book info
.book_info_header
{
    top:0px;
    left:180px;
    font-size: 12pt;
    font-weight: normal;
    color:#A47904;
    text-transform:uppercase;
    z-index:100;
}

.book_info_id
{
    margin:10px;
    z-index:100;
    font-size: 13px;
}

.book_info_label
{
    font-weight: normal;
    color:#16548F;
}



/*  container to remove extjs sytles - used for notes, qaa? */
.templatePanel {  font-size: 12px; }
.templatePanel ul { list-style-type: disc; list-style-position: inside; font-style:bold;
                    line-height:1.2em; margin-top:10px; margin-bottom:10px;
                    margin-right: 0px;
                    margin-left: 25px;
                    }
.templatePanel ol { list-style-type: decimal;
                    line-height:1.2em; margin-top:10px; margin-bottom:10px;
                    margin-right: 0px;
                    margin-left: 40px;
                    }
.templatePanel head { display: none }
.templatePanel table { display: table }
.templatePanel tr { display: table-row }
.templatePanel thead { display: table-header-group }
.templatePanel tbody { display: table-row-group }
.templatePanel tfoot { display: table-footer-group }
.templatePanel col { display: table-column }
.templatePanel colgroup { display: table-column-group }
.templatePanel td, th { display: table-cell }
.templatePanel caption { display: table-caption }
.templatePanel th { font-weight: bolder; text-align: center }
.templatePanel caption { text-align: center }
.templatePanel body { margin: 8px }
.templatePanel h1 { font-size: 2em; margin: .67em 0 }
.templatePanel h2 { font-size: 1.5em; margin: .75em 0 }
.templatePanel h3 { font-size: 1.17em; margin: .83em 0 }
.templatePanel h4, p,
        blockquote, ul,
        fieldset, form,
        ol, dl, dir,
        menu { margin: 0.0em 0 }
.templatePanel h5 { font-size: .83em; margin: 1.5em 0 }
.templatePanel h6 { font-size: .75em; margin: 1.67em 0 }                    



#book_page_panel .xtb-sep
{
    width: 17px;
	background: center center no-repeat url(/static/images/source-arrow.png);
}
/*
Analysis tracking styles
*/
.addToCurrentButton
{
    background-image:url("/static/images/at_add_current.png") !important;
}
.addToExistingButton
{
    background-image:url("/static/images/at_add_existing.png") !important;
}
.addToNewButton
{
    background-image:url("/static/images/at_add_new.png") !important;
}
.highlightButton
{
    background-image:url("/static/images/at_highlight.png") !important;
}
.floatingToolbar
{
   z-index: 9039;
   display: inline-block;
   _width: 1px;
}

/* floatingToolbar */

div.floatingToolbar {
  border: none;
  height: 40px;
  padding: 0 0 0 6px;
  color: #000000; 
}
div.floatingToolbar div.x-panel-bwrap {
  border: none;
  
}
div.floatingToolbar div.x-panel-body {
  border: none;
  height: 40px;
  margin-right: 6px;
  background-color: #4A4A4A;
}

.floatingToolbar .x-btn {
  background-color: #4A4A4A !important;
}

.floatingToolbar .x-btn :hover{
  background-color: #3b3b3b;
}


.floatingToolbar .x-btn-tl,
.floatingToolbar .x-btn-tr,
.floatingToolbar .x-btn-tc,
.floatingToolbar .x-btn-ml,
.floatingToolbar .x-btn-mr,
.floatingToolbar .x-btn-mc,
.floatingToolbar .x-btn-bl,
.floatingToolbar .x-btn-br,
.floatingToolbar .x-btn-bc {
    background-image: none;
} 

div.floatingToolbar table.x-table-layout {
  margin-top: -1px;
  padding-left: 1px;
  height: 40px;

}

div.floatingToolbar td.x-table-layout-cell table.x-btn em {
  padding: 0 4px;
}

div.floatingToolbar td.x-table-layout-cell,
div.floatingToolbar td.x-table-layout-cell table.x-btn {
  border: none;
  height: 40px;
  padding-right: 1px;
  margin-left: 0px;
}

div.floatingToolbar td.x-table-layout-cell table.x-btn.x-btn-over,
div.floatingToolbar td.x-table-layout-cell table.x-btn.x-btn-over tbody.x-btn-small {
  border: none;
}


div.floatingToolbar td.x-table-layout-cell table.x-btn td.x-btn-mc,
div.floatingToolbar td.x-table-layout-cell table.x-btn-over.x-btn td.x-btn-mc,
div.floatingToolbar td.x-table-layout-cell table.x-btn button,
div.floatingToolbar td.x-table-layout-cell table.x-btn-over.x-btn button {
  height: 34px;
}



/* extended toolbar */
div.floatingToolbar .x-panel-extended div.x-panel {

  border: none;
/*  height: 36px;
*/
  padding: 0 0 0 4px;
  background: no-repeat left top url(/static/images/button/left-exp.png);
}

div.floatingToolbar .x-panel-extended button {
  color: #ffffff;  
}


div.floatingToolbar .x-panel-extended div.x-panel-bwrap {
  border: none;
}

div.floatingToolbar .x-panel-extended div.x-panel-body {
  border: none;
  height: 36px; 
  margin-right: 3px;
}

div.floatingToolbar .x-panel-extended table.x-table-layout {
  margin-top: -2px;
}



.track_item_started {
  background-image: url(/static/images/at_start.png) !important; background-position: 0 0 !important;
}

.track_item {
  background-image: url(/static/images/libraryswitcher.png) !important; background-position: 0 0  !important;
}

.locked_track_item {
  background-image: url(/static/images/libraryswitcher.png) !important; background-position: 0 -16px  !important;
}

.track_recording_icn {
	background-image: url("/static/images/recording.png") !important;
}


.floatingToolbar button.x-btn-text.trackViewButton {
    background-image: url("/static/images/at_item.png") !important;
    background-position: left;
    padding-left: 18px;
} 


/* Analysys Tracking */


.floatingToolbar .x-table-layout-cell.analysysTracking .x-btn.x-btn-icon.x-btn-over,
.floatingToolbar .x-table-layout-cell.analysysTracking .x-btn.x-btn-text-icon.x-btn-over {
  background: none;
}

div.floatingToolbar td.analysysTracking.x-table-layout-cell table.x-btn button {
  height: 32px;
}

.floatingToolbar button.x-btn-text.analysysTrackingOff.visibleButton,
.floatingToolbar button.x-btn-text.ai-assist-icon.visibleButton {
    background-image: url("/static/images/arrow-AT-on.png") !important;
    background-position: right;
    padding: 0 18px 0 0;
/*  border-left: #9db5d5 1px solid;
*/
}
.floatingToolbar button.x-btn-text.analysysTrackingOff,
.floatingToolbar button.x-btn-text.ai-assist-icon {
    /*height: 34px;
    */
    background-image: url(/static/images/arrow-AT-off.png) !important;
    background-position: left;
    *width: auto !important;
} 

div.floatingToolbar td.x-table-layout-cell.analysysTracking.hiddenCell,
div.floatingToolbar td.x-table-layout-cell.ai-assist-cell.hiddenCell {
  background: no-repeat 0 1px url(/static/images/button/left-AT.png);
}

div.floatingToolbar .start-chat-btn td.x-btn-ml {
    border-left: 1px solid #929292;
}

div.floatingToolbar td.x-table-layout-cell.analysysTracking {

}

div.floatingToolbar td.x-table-layout-cell.analysysTracking table.x-btn.x-btn-over td.x-btn-ml,
div.floatingToolbar td.x-table-layout-cell.analysysTracking table.x-btn.x-btn-over td.x-btn-mc,
div.floatingToolbar td.x-table-layout-cell.analysysTracking table.x-btn.x-btn-over td.x-btn-mr {
  background-image: none;
}

#pwd_info_panel{
    width: 372px;
}

.x-plain .x-panel-btns {
    padding-right: 21px;
}

.x-plain .x-form{
    height:204px !important;
}