/*
* $Id: scanned-browse.css,v 1.23 2013/09/06 19:53:10 misiurev Exp $
*/

.a { /* dummy style to fix merge problem when first rule is not valid */}

.navigator
{
    background-color:   #f6f6f6;
    margin-top:         20px;
    text-align:         center;
    width:              100%;
}

.summary
    {
        margin-top:         20px;
        min-height:         800px;
        text-align:         left;
    }

.head1A
    {
        text-align: left;
    }

.navigator-header, .navigator-footer, .navigator-bar, .navigator-page
    {
	.width:		    auto; /* for IE6/7, which are not supporting inherit for width */
        width:              inherit;
        text-align:         center;

    }

.navigator-header
    {
        text-align:         left;
    }
.navigator-footer
    {
        text-align:         left;
        margin-top:         10px;
    }

.navigator-bar
    {
    }

.navigator-page
{
    min-height: 700px;
    background: url(../pmcgifs/loading-in-progress.gif) no-repeat center center transparent;
}


.navigator-bar-table
{
    empty-cells:        show;
    border-collapse:    collapse ;
    width:              100%;
}

.navigator-bar table td
{
    width: 9.4%;
}

.navigator-bar .arrowtab {
    width: 3%;
}

.navigator-bar .thistab 
{
    font-size: 0.8em;  
    background: #f6f6f6;
}

/* Bottom tab borders should be flipped vertically */
.navigator-bar.bottom table td
{
    border-top: 1px solid  #ddd;
    border-bottom: none;
}

.navigator-bar.bottom table .thistab
{
    box-shadow: 1px 1px 1px #C9C9C9;
    border-bottom: 1px solid #c9c9c9;
    border-left: 1px solid #c9c9c9;
    border-right: 1px solid #c9c9c9;
    border-top: none;
}

/*
.thistab, .tab, .blanktab, .arrowtab
    {
        font-family:        Arial, sans-serif;
        width:              9.4%;
        text-align:         center;
        background-color:   #e9e9e9;
        border:             none;
    }

.thistab
    {
	width:              9.4%;
	border:             inset 1px;
        font-weight: 	    bold;
        background-color:   #e0e0e0;
        border: inset 1px solid;
    }

.tab
    {
    }

.blanktab
    {
	background-color:   #e9e9e9;
    }

.arrowtab
    {
	background-color:   #F8F8F8;
	width:              3%;
    }

.pagetab
    {
	text-align:         center;
	vertical-align:     baseline;
    }

.button
    {
        position:           relative;
        text-align:         center;
	width:              100%;
	cursor:             pointer;
        cursor:             hand;
    }
    */
    
    
/* ----------------------------------- */
.section-with-images-on-the-same-page
    {
        width:              650px;
        display:            block;
        text-align:         left;
        clear:              both;
        border:             2px solid silver;
        margin-top:         20px;
    }

.section-with-images-on-the-same-page-graphic  a
    {
	display:             -moz-inline-block;
	text-decoration:     none !important;
	*padding:             1px !important; /* for IE6 */
    }

div.section-with-images-on-the-same-page-graphic
    {
	position:            relative;
	margin:              10px;
	vertical-align:      top;
	padding:             10px;
	text-align:          center;
	display:             -moz-inline-stack; /* for FireFox 2.* */
	display:             inline-block;
	zoom:                1 !important;/* this and next line for IE6/7 to treat div as an inline element*/
	*display:            inline;/* this and previuos line for IE6/7 to treat div as an inline element*/
    }

img.icon-reflink
    {
	border:              #0050a0 solid 1px;
    }

img.scanned-page
    {
	max-width: 	100%;
	border:		1px solid black;
	*width:		expression( var _p; try { _p = (this.clientWidth > this.parentNode.clientWidth || this.clientWidth == 0) ? this.parentNode.clientWidth + "px" : this.clientWidth + "px" } catch(e){}; _p); /*emulate max width for IE6*/
    }