/* Defines styles for third party integration */

/* =Main Layout 
--------------------------------------------------------------------------- */

.archive .col, 
.archive .colWide,
.archive .colWide .split3
{
    float: left;
    width: 310px;
    margin-right: 8px;
}
.archive .colWide{width: 628px;}
.archive .colWide .split3{width: 204px;}
.archive .noMargin, .archive .colWide .noMargin{margin-right: 0;}

.archive .colWide h1{font-size: 130%; border-bottom: solid 1px #b0c1c9;padding-bottom: 3px; position: relative;margin-bottom: 2px;}
.archive .colWide h1 span{position: absolute; top: 5px; right: 5px; font-size: 80%; font-weight: normal; color: #333;}
.archive .colWide h2{font-size: 120%;margin-bottom: 0;}
.archive .colWide h3{font-size: 110%;margin: 10px 0;}

.archive .colWide .leadSection{float: left; width: 355px;margin-right: 15px;}

/* =General Styles
--------------------------------------------------------------------------- */

.clr{clear:both;}
.floatLeft{float: left}
.floatRight{float: right}

.fullContent div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #989a99;clear:both;}
.fullContent div.hr hr{display:none;}

.fullContent .highlight{background: #f7f8fa; padding: 5px;border: solid 1px #bcc9d1;}
.fullContent .highlight h2{color: #669acc;}
.fullContent .highlightText{color: #336598;}
.fullContent div.hr{margin: 5px 0px; border: none; border-top: 1px dashed #90adcb;clear:both;}
.fullContent div.hr hr{display:none;}

.fullContent .colWide .split3 .listHeader
{
    display: block;
    background: #dce5ec url(../_img/list-header.gif) top left no-repeat;
    color: #356597;
    font-weight: bold;
    padding: 3px;
}

/* =Right content column
--------------------------------------------------------------------------- */

.archive .col .holder{background: #f2f2f2;padding: 5px;}
.archive .col .holder h1{color: #fff; background: #666; font-size: 100%;padding: 2px 3px;margin-top: 0;position: relative;}
.archive .col .holder h2{color: #fff; background: #689dcf; font-size: 100%;padding: 2px 3px;margin-top: 1px;}
.archive .col .holder h3{font-size: 100%; margin: 0;}
.archive .col .holder ul{background: #e6f0f9;position: relative; margin: 0;border: solid 1px #fff;padding: 5px;list-style-image: url(../_img/bullet2.gif);}
.archive .col .holder ul li{margin-left: 20px;}

.archive .col .holder .latest{background: #e6f0f9; text-align: center;padding: 10px 0;border: solid 1px #fff;}
.archive .col .holder .latest img{border: solid 1px #ccc; padding: 3px;}
.archive .col .holder .subscribe{bordeR: solid 1px #689dcf;padding: 0 5px;color: #336598;}
.archive .col .holder .rating p{height: 19px; line-height: 19px;margin: 0;margin-left: 10px;}
.archive .col .holder .rating p img{margin-right: 10px;vertical-align: middle;}

/* =Search Boxes - main content
--------------------------------------------------------------------------- */

.archive .col .wordSearch{background: #e9eef2;min-height: 290px; height: auto !important; height: 290px;}
.archive .col .wordSearch form{margin: 15px 5px 5px 5px;}
.archive .col .wordSearch h1{background:#b2c0c9 url(../_img/word-search-h1.gif) top left no-repeat; color: #fff; padding: 5px;font-size: 120%;margin: 0;}

.archive .col .editionSearch{background: #f4f5f9;min-height: 290px; height: auto !important; height: 290px;}
.archive .col .editionSearch form{margin: 15px 5px 5px 5px;}
.archive .col .editionSearch h1{background:#dce5ec url(../_img/edition-search-h1.gif) top left no-repeat; color: #336799; padding: 5px;font-size: 120%;margin: 0;}


/* =Digital Editons Specifics
--------------------------------------------------------------------------- */

.archive .colWide .editionCovers a{float: left;text-align: center;margin: 0 28px;text-decoration: none;margin-bottom: 15px;}
.archive .colWide .editionCovers a img{border: solid 1px #ddd; padding: 4px; margin: 0;}
.archive .colWide .editionCovers a:hover img{border: solid 1px #699dcf;}
.archive .colWide .editionCovers a span{}

/* =Forms
--------------------------------------------------------------------------- */

.archive .colWide form input,
.archive .colWide form textarea,
.archive .colWide form select
{float: left;margin-top: 5px;}
.archive .colWide .check{border: 0;width: auto;}
.archive .radio{width: auto; border: 0;}
.archive .colWide form .compulsory{background: #ebf0f4 url(../_img/compulsory.gif) center left no-repeat;}

.archive form label{color: #33649c;}
.archive .searchStore form input, .pGallery .searchStore form select{margin-bottom: 5px;}

.formBtn{border: solid 1px #cfdce5;float: left;text-decoration: none;background: #fbfbfb url(../_img/advert-btn-bg.gif) bottom left repeat-x; margin-right: 5px;width: auto;color: #003466;cursor: pointer; height: 25px;padding: 0;}
.goBtn{border: solid 1px #cfdce5;text-decoration: none;background: #fbfbfb url(../_img/advert-btn-bg.gif) bottom left repeat-x; margin-right: 5px;width: auto;color: #003466;cursor: pointer; height: 25px;padding: 0;}

.linkBtn{border: solid 1px #cfdce5;padding: 0px 10px; float: left; height: 22px; line-height: 22px;text-decoration: none;background: #fbfbfb url(../_img/advert-btn-bg.gif) bottom left repeat-x;width: auto;color: #003466;margin: 0 3px;}
.next{background: #fbfbfb url(../_img/advert-btn-bg-next.gif) bottom right no-repeat; padding-right: 8px;}
.back{background: #fbfbfb url(../_img/advert-btn-bg-back.gif) bottom left no-repeat; padding-left: 8px;}

.backToStore{float: left; height: 21px; width: 87px; padding: 1px 0 0 25px; margin-top: 10px; background: url(../_img/back-to-store.gif) top left no-repeat; text-decoration: none;}
.toCheckout{float: left; height: 21px; width: 84px; padding: 1px 0 0 30px; margin: 10px 0 0 10px; background: url(../_img/to-checkout.gif) top left no-repeat; text-decoration: none;}
.toCheckoutBtn{float: left; border: 0;height: 21px; width: 120px; padding: 1px 0 0 20px; margin: 10px 0 0 10px; background: url(../_img/to-checkout.gif) top left no-repeat;cursor: pointer;}

.archive .warning{color: #d74142; border: dashed 1px #d74142; background: #fff url(../_img/warning.gif) center left no-repeat;padding: 2px 8px 2px 35px; float: left;}
.archive form .warning{margin: 0 0 0 20px;margin-top: 4px;}

.archive .colWide .editionSearch select{margin-right: 5px;margin-top: 7px;}

.ten{width:10%;}
.fifteen{width:15%;}
.twenty{width:20%;}
.twentyfive{width:25%;}
.thirty{width:30%;}
.thirtyfive{width:35%;}
.forty{width:40%;}
.fortyfive{width:45%;}
.fifty{width:50%;}
.fiftyfive{width:55%;}
.sixty{width:60%;}
.sixtyfive{width:65%;}
.seventy{width:70%;}
.seventyfive{width:75%;}
.eighty{width:80%;}
.eightyfive{width:85%;}
.ninety{width:90%;}
.ninetyfive{width:95%;}
.hundred{width:100%;}

/* =Search Box - old
--------------------------------------------------------------------------- */

.archive .searchArchive{float: left;width: 300px; background: url(../_img/searchStore-bg.gif) bottom left no-repeat;}
.archive .searchArchive .heading{display: block;border: 0;padding: 3px 0 0 6px;margin: 0;background: url(../_img/searchStore-heading.gif) top left no-repeat;font-size: 100%;height: 22px;color: #32659a;font-weight: bold;}
.archive .searchArchive .content{margin: 10px;}
.archive .searchArchive form label{background: none; padding: 0;}
.archive .searchArchive form select{margin-right: 5px;}
.archive .searchArchive a{font-weight: bold; color: #33649c;text-decoration: none;}
.archive .searchArchive a:hover{text-decoration: underline;}

.archive .col .holder .searchArchive .heading{background: url(../_img/searchStore-heading2.gif) top left no-repeat;}

/* =Listing Page
--------------------------------------------------------------------------- */

.archive .col .preview{background: #fff;border: solid 1px #9ec9eb; text-align: center;padding: 5px 0;}
.archive .col .preview img{border: solid 1px #e6f0f9;}
.archive .col .records{background: #9ec9eb;margin-top: 0;padding: 5px;text-align: center;}

.archive ul.editionListing{margin: 10px 0; list-style-image: none;}
.archive ul.editionListing li{margin: 3px 0;float: left; width: 500px;}
.archive ul.editionListing li a{text-decoration: none;}
.archive ul.editionListing li a:hover{color: #31669a;}
.archive ul.editionListing .details{float: left;background: #ebf0f4;color: #31669a;width: 590px;border: solid 1px #d5e2ec;}
.archive ul.editionListing .overview{cursor: pointer; font-size: 95%;float: left; width: 590px; padding-left: 10px;background: url(../_img/listing-shadow.gif) top left repeat-x;padding-top: 5px;line-height: 1.2em;}
.archive ul.editionListing li:hover .details{background: #d5e2ec;}
.archive ul.editionListing .details img{vertical-align: middle;}

.archive ul.editionListing li.header .details{background: none; color: #333;font-weight: bold;border: 0;}

.archive ul.editionListing .details span{float: left;}
.archive ul.editionListing .details .publication{width: 180px;margin-left: 5px;}
.archive ul.editionListing .details .date{width: 120px;}
.archive ul.editionListing .details .section{width: 130px;}
.archive ul.editionListing .details .number{width: 60px;}
.archive ul.editionListing .details .relevance{width: 10px;}

