/*
 * CSS styling for figures, tables and multimedia objects
 *
 */

/* ========== Data and media tab style ========================================================================= */
#tabbedpages .dataandmedia .fright {
    clear:both;
    float:right;
    text-align:right;
    text-transform:uppercase;
    width:100%;
    font-weight:bold;
}

#tabbedpages .dataandmedia .fright a {
    padding: 0 10px;
}

.dataandmedia > h2 {
    border-bottom: 1px solid #CCCCCC;
    padding-bottom: 10px;
    margin-bottom:5px;
}

.dataandmedia .figureSmallImageContainer,
.dataandmedia .tableSmallImageContainer,
.dataandmedia .multimediaSmallImageContainer,
.itemFullTextHtml .multimediaSmallImageContainer {
    float:left;
    margin-bottom:0;
    margin-right:0;
    width:150px;
}

#container .dataandmedia p.click2view,
#container .itemFullTextHtml p.click2view {
    background-image:url("/images/brill/magnifyglass.gif");
    background-position:right bottom;
    background-repeat:no-repeat;
    color:#ffffff;
    float:right;
    padding-right:25px;
}

.dataandmedia .singleFigureContainer,
.dataandmedia .singleTableContainer,
.dataandmedia .singleMultimediaContainer,
.itemFullTextHtml .singleMultimediaContainer,  
.itemFullTextHtml .multimediaWithCaptionContainer{
    border:none thin #ffffff;
    border-bottom:solid thin #cccccc;
    float:left;
    height:auto;
    margin:5px;
    padding-bottom: 20px;
    padding-top: 15px;
    width:710px;
}

.figureImageContainer,
.tableImageContainer,
.multimediaImageContainer {
    border:none thin #ffffff;
    margin-bottom:10px;
    margin-right:20px;
    width:25%;
}

.dataandmedia .figureSmallImageContainer img,
.dataandmedia .tableSmallImageContainer img,
.dataandmedia .multimediaSmallImageContainer img,
.itemFullTextHtml .multimediaSmallImageContainer img {
    border:solid 1px #cccccc;
    max-height:152px;
    max-width:150px;
}

.dataandmedia .figureCaptionContainer,
.dataandmedia .tableCaptionContainer,
.dataandmedia .multimediaCaptionContainer,
.itemFullTextHtml .multimediaCaptionContainer {
    float:right;
    width:70%;
    text-align:justify;
    padding-bottom:15px;
    width:532px;
}

.dataandmedia .multimediaCaptionContainer.noMedia {
    float:left;
    padding-bottom:0;
}

.itemFullTextHtml .singleMultimediaContainer {
    margin-left:-200px;
}

div.tableCaptionContainer span.tabTitle,
div#tableContainer.multimediaContainer div.captionContainer span.tabTitle,
div.figureCaptionContainer span.figTitle,
div#figureContainer.multimediaContainer div.captionContainer span.figTitle {
    line-height:2em;
    color:#111111;
    text-align:left;
    display:block;
    font-weight:bold;
}

div#tableContainer.multimediaContainer div.imgContainer,
div#figureContainer.multimediaContainer div.imgContainer {
    text-align:center;
}

div#tableContainer.multimediaContainer div.imgContainer img,
div#figureContainer.multimediaContainer div.imgContainer img {
    border:solid 1px #cccccc;
}

#container div.figureCaptionContainer span.figDesc p {
    margin: 0 0 5px 0;
}

.singleTableContainer .tableCaptionContainerFullWidth,
.singleMultimediaContainer .multimediaCaptionContainerFullWidth,
.multimediaWithCaptionContainer .multimediaCaptionContainerFullWidth {
    width:100%;
}

.tableSmallImageContainer,
.multimediaSmallImageContainer {
    border:none;
    margin-bottom:10px;
    margin-right:20px;
    width:25%;
}

.figureSmallImageContainer {
    border:none;
    margin-bottom:10px;
    margin-right:20px;
}

.figureSmallImageContainer p,
.tableSmallImageContainer p,
.multimediaSmallImageContainer p {
    color:#125AA7;
    font-size:11px;
}

.figureSmallImageContainer:hover p,
.tableSmallImageContainer:hover p,
.multimediaSmallImageContainer:hover p {
    color:#333333;
}

.click2view {
    cursor:pointer;
}

.click2view.cursorWait {
    cursor:wait;
}

.figureSmallImageContainer .showFullVersion,
.tableSmallImageContainer .showFullVersion,
.multimediaSmallImageContainer .showFullVersion {
    cursor:pointer;
}

.figureSmallImageContainer .showFullVersion.cursorWait,
.tableSmallImageContainer .showFullVersion.cursorWait,
.multimediaSmallImageContainer .showFullVersion.cursorWait {
    cursor:wait;
}

.mediaDownloadLinks {
    display:block;
    overflow:hidden;
    margin:0px;
}

.hiResVersionContainer {
    border-right:1px solid #888888;
    float:left;
    margin-right:10px;
}

div.downloadAsPptContainer,
div.hiResVersionContainer {
    color:#3074ac;
    font: bold 10px "Trebuchet MS", Arial, Helvetica, sans-serif;
    line-height: 9px;
    padding:8px 10px 5px 0;
    text-transform:uppercase;
}

.hiResVersionContainer.hiResFigureParts {
	line-height: 20px;
    padding:2px 10px 2px 0;
}

.downloadPpt {
    vertical-align:top;
}

.downloadPpt:hover {
    cursor:pointer;
    text-decoration:underline;
}

.figureSmallImageContainer img,
.multimediaSmallImageContainer img {
    max-height:140px;
    max-width:140px;
    min-height:50px;
    min-width:100px;
}

.tabContainer table,
.tabContainer tr,
.tabContainer td,
.tabContainer th {
    border-collapse:collapse;
    border:solid 1px #cccccc;
    padding:0.25em;
}

.tabFoot .fn-label {
    font-size:75%;
    vertical-align:text-top;
}