/* Ebooks Library Common CSS Document */

html {
    font-size: 100%;
    height: 100%;
    overflow: hidden;
}

table { font-size: 100%; }

body {
    background: #fff;
    color: #323a3c;
    font-family: Arial, Tahoma, Helvetica, sans-serif;
    font-size: 71%;
    height: 100%;
    margin: 0;
}

.important { color: #dd0000; }

.highlight { background-color: #fff44c; }

.errorhighlight { color: #d50d0d !important; }

.notvisible {
    text-decoration: none;
    visibility: hidden;
}

.donotshow { display: none; }

p { margin: 0 0 15px 0; }

img {
    border: none;
    display: block;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover { color: #b33b00; }

a.comhighlight:hover { color: #323a3c; }

h1 {
    color: #000;
    font-size: 210%;
    line-height: normal;
    margin: 35px 0 15px 0;
}

h2 {
    color: #000;
    font-size: 180%;
    line-height: normal;
    margin: 30px 0 15px 0;
}

h3 {
    color: #000;
    font-size: 160%;
    line-height: normal;
    margin: 30px 0 10px 0;
}

h4 {
    color: #000;
    font-size: 140%;
    line-height: normal;
    margin: 25px 0 10px 0;
}

h5 {
    color: #000;
    font-size: 110%;
    line-height: normal;
    margin: 20px 0 5px 0;
}

h6 {
    color: #000;
    font-size: 100%;
    line-height: normal;
    margin: 15px 0 5px 0;
}

form {
    margin: 0;
    padding: 0;
}

.clearfloats {
    clear: both;
    font-size: 1px;
    height: 0px !important;
    line-height: 0px;
}

.clearleft {
    clear: left;
    font-size: 1px;
    height: 0px;
    line-height: 0px;
}

.clearboth { clear: both; }

.floatleft { float: left; }

.floatright { float: right; }

.firstchild {
    margin-top: 0 !important;
    padding-top: 0 !important;
}

.fontlighten { color: #8b9192; }

h1.printheader { display: none; }

table.data.noscroll { border-bottom: 1px solid #c7cbce; }

table.data.noscroll tbody td.lastcol { padding-right: 42px; }

table.data.noscroll tbody td.lastcol.plus2px { padding-right: 42px; }

table.data.thead.noscroll { border-bottom: none !important; }

.copyoverflow .norecords {
    color: #b4b4b4;
    font-size: 140%;
    font-weight: bold;
    padding: 35px 0 0 0;
    text-align: center;
}

.inactivefade {
    -moz-opacity: 0.5;
    filter: alpha(opacity=50);
    opacity: 0.5;
}


/* Main Contents */

#sitewrapper {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-left.png) repeat-y -7px center;
    height: 100%;
    position: relative;
}

#outerwrapper {
    background: url(images/ebl-custom/mainbody-gutter-right.png) repeat-y right;
    height: 100%;
}

#guttertopleft {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-tl.png) no-repeat 0px -7px;
    height: 23px;
    left: -7px;
    position: absolute;
    top: 109px;
    width: 23px;
}

#guttertopright {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-tr.png) no-repeat 0px -7px;
    height: 23px;
    position: absolute;
    right: 0;
    top: 109px;
    width: 23px;
}

#gutterbottomleft {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-bl.png) no-repeat -7px 0px;
    bottom: 7px;
    height: 23px;
    left: 0;
    position: absolute;
    width: 23px;
}

#gutterbottomright1 {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-br1.png) no-repeat top left;
    bottom: 7px;
    height: 15px;
    position: absolute;
    right: 0;
    width: 23px;
    z-index: 200;
}

#gutterbottomright2 {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-br2.png) no-repeat top left;
    bottom: 7px;
    height: 30px;
    position: absolute;
    right: 0;
    width: 8px;
    z-index: 200;
}

#gutterbottomleft.showcart, #gutterbottomright.showcart { bottom: 90px; }

* html #sitewrapper { background-position: -6px center; }

* html #guttertopleft,
* html #guttertopright {
    height: 22px;
    top: 110px;
}

* html body #gutterbottomright1, * html body #gutterbottomright2 { bottom: 6px; }

* html body #gutterbottomleft { bottom: -1px; }

* html body #gutterbottomleft.showcart { bottom: 89px; }

* html body #gutterbottomright.showcart { bottom: 89px; }


/* Header */

#mainheader {
    background: url(images/ebl-custom/mainbody-gutter-top.png) repeat-x bottom;
    height: 117px;
}

#siteheader {
    background: #fff;
    height: 76px;
}

#siteheader h1.branding {
    float: left;
    font-size: 110%; /*width: 590px;*/
    height: 63px;
    line-height: 50px;
    margin: 0;
    padding: 13px 0 0 20px;
}

#siteheader h1.branding img {
    display: inline;
    padding: 0 20px 0 0;
    vertical-align: middle;
}

#siteheader h1.branding span {
    height: 50px;
    line-height: 50px;
    margin: 0;
    padding: 0;
}

#siteheader h1.branding span img {
    border-left: 1px solid #c7cbcc;
    padding-left: 20px;
}

#siteheader #quicksearch {
    float: right;
    padding: 27px 18px 0 0;
}

/*#siteheader #quicksearch form {width: 366px;}*/

#siteheader #quicksearch input.text {
    color: #4c4c4c;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108%;
    margin: 0 4px 0 0;
    width: 160px;
}

* html body #siteheader #quicksearch input.text { padding-bottom: 0px; }

#siteheader #quicksearch select {
    color: #4c4c4c;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108%;
    margin: 0 4px 0 0;
    width: 123px;
}

#siteheader #quicksearch input.submit {
    float: left;
    height: 19px;
    margin: 0;
    width: 71px;
}

.navigation {
    background: #242e31 url(images/navigation-bgrepeat.gif) repeat-x top;
    height: 33px;
    position: relative;
}

.navigation h2 {
    background: url(images/navbar-librarians-resources.gif) no-repeat 15px 6px;
    display: none;
    float: left;
    font-size: 110%;
    height: 32px;
    margin: 0;
    width: 233px;
}

.navigation ul {
    height: 33px;
    list-style: none;
    margin: 0 0 -1px 0;
    padding: 0;
    position: relative;
    text-align: center;
}

.navigation ul li { display: inline; }

.navigation ul a {
    background: url(images/navbar-link-divide.gif) no-repeat 0px 9px;
    color: #fff;
    display: inline;
    font-size: 108%;
    font-weight: bold;
    line-height: 33px;
    margin: 0 auto;
    outline: none;
    padding: 9px 17px 10px 19px;
    text-decoration: none;
}

.navigation ul li.navfirst a {
    background-image: none;
    padding-left: 17px;
}

.navigation ul li.active a {
    background-color: #71bedc;
    background-image: none;
}

.navigation ul li.nodivide a { background-image: none; }

.navigation ul li a:hover { color: #b3b3b3; }

.navigation ul li.active a:hover { color: #fff; }

.navigation a.logout {
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    padding: 9px 17px 9px 19px;
    position: absolute;
    right: 3px;
    text-decoration: none;
    top: 0;
}

.navigation a.logout:hover { color: #94afb9; }


/* Content Container */

.contentcontainer {
    background: #fff;
    bottom: 22px;
    left: 8px;
    position: absolute;
    top: 117px;
    z-index: 80;
}

.contentcontainer#cols2,
.contentcontainer#listcollections,
.contentcontainer#listcollectionsnolabels,
.contentcontainer#listcollectionsHeadFoot,
.contentcontainer#listcollectionssubheader,
.contentcontainer#listcollectionsshorthead,
.contentcontainer#listcollectionsshortheadlabels,
.contentcontainer#straightList { background: #fff url(images/contents-leftcol-bgrepeat.gif) repeat-y left; }

.contentcontainer#listcollectionsshortheadnobg { background: #fff; }

.controlbar {
    background: #6f7a7e url(images/contents-bartop-bgrepeat.gif) repeat-x top;
    border-bottom: 1px solid #4a4f51;
    height: 31px;
    position: relative;
    z-index: 100;
}

.controlbar h1 {
    color: #fff;
    float: left;
    font-size: 115%;
    height: 20px;
    margin: 0;
    padding: 8px 0 0 15px;
}

.controlbar form {
    display: block;
    padding: 5px 0 0 15px;
}

.controlbar form label {
    color: #fff;
    display: block;
    float: left;
    font-size: 108%;
    font-weight: bold;
    padding: 3px 15px 0 0;
}

.controlbar form input.text {
    display: block;
    float: left;
    font-size: 11px;
    height: 14px;
    padding: 0;
    width: 200px;
}

.controlbar form select {
    float: left;
    font-size: 11px;
    margin: 0 5px;
    width: 123px;
}

.controlbar form select.mac { height: 14px; }

.controlbar .pagenation {
    float: right;
    padding: 6px 18px 0 0;
}

.controlbar .pagenation img {
    display: inline;
    margin: 0 0 -5px 0;
    position: relative;
}

.controlbar .pagenation a.next {
    background: url(images/controlbar-pagenation-next.gif) no-repeat top left;
    display: block;
    float: left;
    height: 19px;
    outline: none;
    text-indent: -9999px;
    width: 58px;
}

.controlbar .pagenation span.inactivenext {
    background: url(images/controlbar-pagenation-next-inactive.gif) no-repeat top left;
    display: block;
    float: left;
    height: 19px;
    outline: none;
    text-indent: -9999px;
    width: 58px;
}

.controlbar .pagenation a.previous {
    background: url(images/controlbar-pagenation-previous.gif) no-repeat top left;
    display: block;
    float: left;
    height: 19px;
    outline: none;
    text-indent: -9999px;
    width: 75px;
}

.controlbar .pagenation span.inactiveprevious {
    background: url(images/controlbar-pagenation-previous-inactive.gif) no-repeat top left;
    display: block;
    float: left;
    height: 19px;
    outline: none;
    text-indent: -9999px;
    width: 75px;
}

.controlbar .pagenation .pagenums {
    float: left;
    padding: 2px 6px 0 6px;
}

.controlbar .pagenation .pagenums a {
    color: #fff;
    font-weight: bold;
    padding: 0 2px;
}

.controlbar .pagenation .pagenums a:hover {
    background-color: #fff;
    color: #1097c8;
}

.controlbar .pagenation .pagenums .active {
    color: #000;
    font-weight: bold;
    padding: 0 2px;
}

a.delete {
    background: url(images/linkicon-delete.gif) no-repeat 0px 1px;
    color: #b81612;
    font-weight: bold;
    padding-left: 17px;
}

a.delete:hover { color: #323a3c; }

a.add {
    background: url(images/linkicon-add.gif) no-repeat 0px 1px;
    color: #8ac05b;
    font-weight: bold;
    padding-left: 17px;
}

a.add:hover { color: #323a3c; }

a.arrowlink {
    background: url(images/collections-explore-arrow.gif) no-repeat 0px 3px;
    color: #999ea2;
    font-size: 108%;
    font-weight: bold;
    padding: 0 0 0 13px;
}

a.arrowlink:hover { color: #000 !important; }


/* Template Setup Specific Styling */

.contentcontainer.spec_sidebar { background: #fff url(images/contents-leftcol-bgrepeat.gif) repeat-y left; }

.contentcontainer.spec_sidebar .copycontainer { float: right; }

.contentcontainer.spec_head75 .collectionsheader { height: 75px; }

.contentcontainer.spec_head104 .collectionsheader { height: 104px; }



/* Left Column */

.sidebar {
    float: left;
    overflow: auto;
    width: 196px;
}

.sidebar .subnav ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.sidebar .subnav ul li { border-bottom: 1px solid #adb3b5; }

.sidebar .subnav ul li.alreadybought { }

.sidebar .subnav ul a {
    background: url(images/left-subnav-standard-bg.gif) repeat-y right;
    color: #7a7f80;
    display: block;
    font-size: 108%;
    font-weight: bold;
    outline: none;
    padding: 10px 8px 10px 15px;
    text-decoration: none;
}

.sidebar .subnav ul a:hover { color: #323a3c; }

.sidebar .subnav ul a.active {
    background: #a9afb0 url(images/left-subnav-active-bg.gif) no-repeat top right;
    color: #000;
}

.sidebar .subnav ul li.subnavcollection a {
    font-size: 100%;
    padding: 11px 8px 10px 25px;
}

.sidebar .subnav ul li.alreadybought a { background: url(images/left-subnav-standard-bg-owned.gif) no-repeat top right; }

.sidebar .subnav ul li.alreadybought a.active { background-image: url(images/left-subnav-owned-bg.gif); }

.contentcontainer#cols2 .copycontainer,
.contentcontainer#listcollections .copycontainer,
.contentcontainer#listcollectionsnolabels .copycontainer,
.contentcontainer#straightList .copycontainer,
.contentcontainer#listcollectionsHeadFoot .copycontainer,
.contentcontainer#listcollectionsshorthead .copycontainer,
.contentcontainer#listcollectionsshortheadnobg .copycontainer,
.contentcontainer#listcollectionsshortheadlabels .copycontainer,
.contentcontainer#listcollectionssubheader .copycontainer { float: right; }

.copyoverflow {
    height: 100px;
    overflow: auto;
    position: relative;
}

* .copyoverflow {
    height: 100px;
    overflow: auto;
    padding-right: expression(this.scrollHeight > this.offsetHeight ? 16 : 0);
    position: relative;
}

* html body .sidebar { margin-right: -3px; }


/* Footer */

#footerouter {
    background: #71bedc url(images/ebl-custom/mainbody-gutter-bl1.png) no-repeat -7px 0px;
    bottom: 0;
    height: 22px;
    padding-left: 23px;
    position: absolute;
    width: 100%;
    z-index: 100;
}

#footer {
    background: url(images/ebl-custom/mainbody-gutter-bottom.png) repeat-x top;
    color: #262626;
    height: 18px;
    padding: 4px 0 0 0;
    position: relative;
}

#footer .footerinner { margin: 0 0 0 -20px; }

#footer .footerinner span { margin-left: 7px; }

#footer a {
    color: #262626;
    font-weight: bold;
    padding: 0 6px;
    text-decoration: none;
}

#footer a:hover { color: #ffffff; }

.trailPeriod {
    bottom: 2px;
    position: absolute;
    right: 8px;
    z-index: 400;
}

.trial-icon {
    background: url(images/trial-mode-icon.png) no-repeat left center;
    padding: 2px 0 2px 23px;
}

* html .trial-icon { background-image: url(images/trial-mode-icon-ie6.png); }

#shoppingcart {
    background: #fff url(images/footer-shoppingcart-topshadow.gif) repeat-x top;
    display: none;
    height: 64px;
}

* html #footerouter { background-position: -6px 0px; }

* html body #footerouter { bottom: -1px; }

* html #footer .footerinner {
    position: relative;
    width: 500px;
}


/* Common Form Elements */

.formlabel {
    color: #7a7f80;
    display: block;
    font-size: 108%;
    font-weight: bold;
    padding: 12px 0 5px 0;
}

h2.formblockheading {
    color: #000;
    font-size: 140%;
    margin: 30px 0 12px;
}

h2.formlabel {
    font-size: 120%;
    margin: 30px 0 12px;
    padding: 0;
}

h3.formsubblockheading {
    color: #1f93c3;
    font-size: 115%;
    margin: 30px 0 12px 0;
}

h2.margbtm3, h3.margbtm3 { margin-bottom: 3px; }

label.radiolabeltype {
    color: #323a3c;
    font-weight: bold;
}

.formblockheadingblurb { margin: -10px 0 12px 0; }

.formlabelblurb { margin: -4px 0 6px 0; }

input.leftcheckradio {
    float: left;
    margin: 0;
}

.leftchecklabel {
    display: block;
    margin: 0 0 6px 25px;
}

\ html input.leftcheckradio {
    float: left;
    margin: -3px 0 0 -3px;
}

.formblock {
    border-bottom: 1px solid #e4eaeb;
    margin-bottom: 8px;
    padding: 0 0 10px 0;
}

input.text {
    color: #323a3c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108%;
    margin: 0;
    padding: 2px 0;
}

input.width100p {
    margin-right: -10px;
    width: 100%;
}

input.width95p {
    margin-right: -10px;
    width: 95%;
}

input.width90p { width: 90%; }

input.width80p { width: 80%; }

input.width40 { width: 40px; }

input.width54 { width: 54px; }

input.width66 { width: 66px; }

input.width76 { width: 76px; }

input.width90 { width: 90px; }

input.width144 { width: 144px; }

input.width167 { width: 167px; }

input.width173 { width: 173px; }

input.width231 { width: 231px; }

input.width243 { width: 243px; }

input.width283 { width: 283px; }

* html body input.width100p { width: 99%; }

* html body .dualcol .dualcol input.width100p { width: 97.5%; }

input.checkradio { margin: 0; }

\ html body input.checkradio { margin: -3px !important; }

input.accessexpiry { float: left; }

select.select, span.select select {
    color: #323a3c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108%;
    margin: 0;
}

.select.width40p, .select.width40p select { width: 40%; }

.select.width45p, .select.width45p select { width: 45%; }

.select.width50p, .select.width50p select { width: 50%; }

.select.width90p, .select.width90p select { width: 90%; }

.select.width100p, .select.width100p select { width: 100%; }

.select.width166, .select.width166 select {
    margin-right: -10px;
    width: 166px;
}

.select.width72, .select.width72 select { width: 72px; }

.select.width90, .select.width90 select { width: 90px; }

.select.width166, .select.width166 select { width: 166px; }

.select.width180, .select.width180 select { width: 180px; }

.select.width275, .select.width275 select { width: 275px; }

textarea.textarea {
    color: #323a3c;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 108%;
    margin: 0;
    padding: 2px 0;
}

textarea.w283h72 {
    height: 68px;
    width: 283px;
}

textarea.w185h63 {
    height: 63px;
    width: 185px;
}

textarea.w88ph101 {
    height: 101px;
    width: 88%;
}

textarea.w100ph65 {
    height: 65px;
    width: 100%;
}

textarea.w100ph81 {
    height: 81px;
    width: 100%;
}

textarea.w100ph101 {
    height: 101px;
    width: 100%;
}

textarea.w100ph130 {
    height: 130px;
    width: 100%;
}

span.formreadonly { font-size: 108%; }


/* Notice Bar */

#errormessage ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.errornotice {
    background: #cf2a2a url(images/notice-bag-bg-error.gif) repeat-x bottom;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    height: 23px;
    padding: 9px 0 0 29px;
}

.successnotice {
    background: #87bf60 url(images/notice-bag-bg-success.gif) repeat-x bottom;
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    height: 23px;
    padding: 9px 0 0 29px;
}

.infonotice {
    background: #fdfbb8 url(images/notice-bag-bg-info.gif) repeat-x bottom;
    color: #000;
    font-size: 108%;
    font-weight: bold;
    height: 23px;
    padding: 9px 0 0 29px;
}

#errormessage a {
    color: #fff;
    text-decoration: underline;
}

#errormessage a:hover { text-decoration: none; }

#messagebar { position: relative; }

#messagebar ul {
    margin: 0;
    padding-left: 25px;
}

#messagebar a {
    color: #fff;
    text-decoration: underline;
}

#messagebar a:hover { text-decoration: none; }

.copyoverflow .errornotice {
    height: auto !important;
    padding-bottom: 9px !important;
}


/* Modal */

.modaltitle {
    background: url(images/modal-titlearea-bg.gif) repeat-x bottom;
    height: 60px;
    padding: 7px 0 0 20px;
}

.modaltitle h1 {
    color: #000;
    font-size: 160%;
    height: 22px;
    margin: 0;
}

.modaltitle .modalblurb {
    color: #7d7d7d;
    font-weight: bold;
    margin: 0 0 0 0;
}

.modalcontent { padding: 12px 0 0 20px; }

.modaltitle#smallmodaltitle { height: 31px; }

.modaltitle.noBlurb { height: 36px; }

.hoverMod {
    background-color: #fff;
    position: absolute;
}

.ebModal {
    background-color: #fff;
    position: absolute;
}

#modalcopy {
    background-color: #fff;
    margin: 0 -8px -8px -8px;
    position: relative;
    z-index: 1500;
}

#modalcopy #imgLoading {
    left: 50%;
    margin: 90px 0px 0px -16px;
    position: absolute;
    z-index: -100;
}

.ui-dialog-container { z-index: 9999; }

.ui-dialog { overflow: visible !important; }

.ui-dialog-content {
    margin: 0;
    width: 100% !important;
}

.hoverMod .ui-dialog-titlebar { display: none; }

.ebModal .ui-dialog-titlebar {
    cursor: move;
    height: 50px;
    position: absolute;
    width: 100%;
    z-index: 9999;
}

.ebModal .ui-dialog-titlebar-close {
    background: url(images/modal-popup-close.gif) no-repeat;
    cursor: pointer;
    height: 11px;
    outline: none;
    position: absolute;
    right: 4px !important;
    top: 4px;
    width: 38px;
    z-index: 10000;
}

.ebModal .ui-dialog-titlebar-close span { visibility: hidden; }

\ html body .ui-dialog-titlebar { }

.ui-resizable-n,
.ebMod.ui-resizable-n {
    background: url(images/modal_topedge_repeat.png) repeat-x;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    top: -25px;
    width: 100%;
}

.ui-resizable-w,
.ebMod.ui-resizable-w {
    background: url(images/modal_leftedge_repeat.png) repeat-y;
    bottom: 0;
    height: 100%;
    left: -25px;
    position: absolute;
    top: 0;
    width: 25px;
}

.ui-resizable-e,
.ebMod.ui-resizable-e {
    background: url(images/modal_rightedge_repeat.png) repeat-y;
    bottom: 0;
    height: 100%;
    position: absolute;
    right: -25px;
    top: 0;
    width: 25px;
}

.ui-resizable-s,
.ebMod.ui-resizable-s {
    background: url(images/modal_bottomedge_repeat.png) repeat-x;
    bottom: -25px;
    height: 25px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%;
}

.ui-resizable-nw,
.ebMod.ui-resizable-nw {
    background: url(images/modal_topleft_corner.png) no-repeat;
    height: 25px;
    left: -25px;
    position: absolute;
    top: -25px;
    width: 25px;
}

.ui-resizable-ne,
.ebMod.ui-resizable-ne {
    background: url(images/modal_topright_corner.png) no-repeat;
    height: 25px;
    position: absolute;
    right: -25px;
    top: -25px;
    width: 25px;
}

.ui-resizable-sw,
.ebMod.ui-resizable-sw {
    background: url(images/modal_bottomleft_corner.png) no-repeat;
    bottom: -25px;
    height: 25px;
    left: -25px;
    position: absolute;
    width: 25px;
}

.ui-resizable-se,
.ebMod.ui-resizable-se {
    background: url(images/modal_bottomright_corner.png) no-repeat;
    bottom: -25px;
    height: 25px;
    position: absolute;
    right: -25px;
    width: 25px;
}


iframe.modal_iframe { margin-bottom: -3px; }


/* Admin Portal Modal iFrames */

iframe#changestatusiframe {
    height: 388px;
    width: 666px;
}

iframe#changedcstatusiframe {
    height: 388px;
    width: 800px;
}


/* Library Services Modal iFrames */

iframe#htmliframe {
    height: 418px;
    width: 659px;
}

iframe#imageiframe {
    height: 408px;
    width: 629px;
}

iframe#transactioniframe {
    height: 290px;
    width: 423px;
}

iframe#uploadhelpfile {
    height: 230px;
    width: 529px;
}

iframe#searchbytitle {
    height: 469px;
    width: 780px;
}


/* Publisher Digital Comps Modal iFrames */

iframe#userDirectAllocationModal,
iframe#userInfoModal {
    height: 533px;
    width: 960px;
}

iframe#customApproveModal,
iframe#showReviewApprovedModal,
iframe#quickApproveModal,
iframe#termsOfUseModal {
    height: 541px;
    width: 960px;
}

iframe#inTrialModeModal {
    height: 334px;
    width: 580px;
}

iframe#rejectRequestModal {
    height: 521px;
    width: 700px;
}

iframe#extensionModal {
    height: 521px;
    width: 850px;
}

iframe#userCreateModal {
    height: 528px;
    width: 783px;
}

iframe#createBookQualityModal {
    height: 498px;
    width: 693px;
}

iframe#showActivatePromotionModal {
    height: 348px;
    width: 640px;
}

iframe#showProblemActivationModal {
    height: 348px;
    width: 640px;
}

iframe#AddVouchers {
    height: 348px;
    width: 640px;
}

iframe#UploadCSVModal {
    height: 293px;
    width: 523px;
}

iframe#BuyEBookPreviewModal {
    height: 135px;
    width: 400px;
}

iframe#BuyHardCopyPreviewModal {
    height: 135px;
    width: 400px;
}

/* Digital Comps Modal iFrames */

iframe#submitReviewModal {
    height: 408px;
    width: 510px;
}

iframe#downloadMobiPocket {
    height: 395px;
    width: 481px;
}


/* Modal - Tab Styling */

.modaltabs {
    height: 38px;
    margin: 0 0 0 -4px;
}

.modaltabs ul {
    height: 31px;
    list-style: none;
    margin: 0;
    padding: 7px 0 0 0;
}

.modaltabs li {
    display: block;
    float: left;
    height: 31px;
    width: auto;
}

.modaltabs li a {
    background: url(/core/css/images/modal-tab-bg.gif) no-repeat top left;
    color: #5b6163;
    display: block;
    float: left;
    font-weight: bold;
    height: 31px;
    outline: none;
    width: auto;
}

.modaltabs li a span {
    background: url(/core/css/images/modal-tab-bg.gif) no-repeat right -32px;
    cursor: pointer;
    display: block;
    float: left;
    height: 19px;
    padding: 12px 18px 0 18px;
}

.modaltabs li a:hover,
.modaltabs li a.active {
    background-position: 0px -64px;
    color: #323a3c;
}

.modaltabs li a:hover span,
.modaltabs li a.active span { background-position: bottom right; }


/* Modal - Step Styling */

ul.modal-steps {
    list-style: none;
    margin: 0;
    padding: 6px 0 0 0;
}

ul.modal-steps li {
    color: #989c9d;
    display: block;
    float: left;
    font-weight: bold;
    margin-right: 7px;
    width: auto;
}

ul.modal-steps li strong {
    display: block;
    display: block;
    float: left;
    line-height: 19px;
    padding: 0 12px 0 12px;
    width: auto;
}

ul.modal-steps li.active {
    background: url(images/modal-steps-bg.gif) no-repeat top left;
    color: #fff;
}

ul.modal-steps li.active strong { background: url(images/modal-steps-bg.gif) no-repeat bottom right; }

ul.modal-steps li.s1 strong { padding-left: 0px; }

ul.modal-steps li.s1.active strong { padding-left: 12px; }


/* Digital Comps */

img.userinfo {
    display: inline;
    height: 12px;
    margin-top: -1px;
    padding-left: 1px;
    width: 14px;
}


/* Activate Account */

#modal_activateaccount .modalcontent {
    height: 120px;
    padding: 26px 39px 0 39px;
}

#modal_activateaccount #success, #modal_activateaccount #error {
    display: none;
    font-size: 108%;
    font-weight: bold;
    text-align: center;
}

#modal_activateaccount .modaltitle { height: 50px; }

#modal_activateaccount label.modalabel {
    color: #4b4b4b;
    display: block;
    float: left;
    font-weight: bold;
    padding-top: 4px;
    width: 118px;
}

#modal_activateaccount input.text {
    float: left;
    margin-bottom: 6px;
    padding: 1px 0 2px 4px;
    width: 196px;
}

#modal_activateaccount .activateform {
    border-bottom: 1px solid #d3d3d3;
    padding-bottom: 6px;
}

#modal_activateaccount .submitassign { padding: 11px 0 0 118px; }


/* Error page (eg: 404) Styling */

.errorpagecontainer {
    font-size: 108%;
    padding: 25px;
}

.errorpagecontainer h1.errortitle {
    color: #dc2b2b;
    font-size: 140%;
    margin: 0 0 15px 0;
}

.errorpagecontainer ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 0 18px;
}

.errorpagecontainer ul li {
    background: url(images/arrow-right-darkblue.gif) no-repeat 0px 7px;
    padding: 3px 0 3px 12px;
}

.errorpagecontainer a { font-weight: bold; }

.errorpagecontainer .errormessagetext {
    color: #000;
    font-weight: bold;
}

.errorpagecontainer dl {
    margin: 0;
    padding: 0;
}

.errorpagecontainer dl dt {
    color: #898989;
    float: left;
    font-weight: bold;
    width: 90px;
}

.errorpagecontainer dl dd {
    margin: 0 0 0 100px;
    padding-bottom: 6px;
}

.errorpagecontainer .errordebugmode {
    border-top: 1px solid #d8d8d8;
    margin-top: 18px;
    padding: 24px 0 0 0;
}

.collectionsheader .collectioncontrol .gobacktocollection {
    float: left;
    padding-right: 2px;
    width: 146px;
}

.collectionsheader .collectioncontrol .gobacktocollection a.backtocollection {
    background: #71bedc url(/core/css/images/subnav-backtocollection-bg.png) no-repeat top left;
    color: #323a3c;
    display: block;
    float: right;
    font-weight: bold;
    height: 18px;
    margin: 0;
    padding: 11px 0 0 0;
    text-align: center;
    width: 146px;
}

* html .collectionsheader .collectioncontrol .gobacktocollection a.backtocollection { background-image: url(/core/css/images/subnav-backtocollection-bg-ie6.gif); }


/* Generic Page Copy */

.genericpagecopy {
    font-size: 108%;
    padding: 25px;
}

.genericpagecopy h2 { color: #1F93C3; }

.genericpagecopy h3 {
    color: #1F93C3;
    font-size: 140%;
    margin: 25px 0 10px 0;
}

.genericpagecopy h4 {
    color: #1F93C3;
    font-size: 120%;
    margin: 25px 0 10px 0;
}

.genericpagecopy h5 {
    color: #1F93C3;
    font-size: 108%;
    margin: 20px 0 10px 0;
}

.genericpagecopy ul {
    list-style: none;
    margin: 0 0 15px 0;
    padding: 0 0 0 18px;
}

.genericpagecopy a { text-decoration: underline; }

.genericpagecopy a:hover { text-decoration: none; }

.genericpagecopy ul li {
    background: url(images/arrow-right-darkblue.gif) no-repeat 0px 7px;
    padding: 3px 0 3px 12px;
}

.genericpagecopy ol {
    list-style-type: decimal;
    margin: 10px 0 10px 0;
    padding: 0 0 0 25px;
}

.genericpagecopy ol li {
    background-image: none;
    margin-bottom: 20px;
    padding: 0;
}

.genericpagecopy ol ol { list-style-type: lower-alpha; }

.genericpagecopy ol ol li { margin-bottom: 0; }

.genericpagecopy ol ol ol { list-style-type: lower-roman }


a.launchReader {
    background: url(images/launchReader.gif) no-repeat top left;
    color: #fff;
    display: block;
    font-size: 108%;
    font-weight: bold;
    height: 30px;
    width: 170px;
}

a.patronDownload {
    background: url(images/download/download-button.gif) no-repeat top;
    display: block;
    height: 38px;
    margin: -34px auto 0 180px;
    outline: none;
    text-decoration: none;
    width: 164px;
}

a.patronDownload:hover { background-position: 0px -39px; }

a.patronDownload:active { background-position: 0px -78px; }

/* Overlay */

#loadingcontainer {
    display: none;
    height: 100%;
    width: 100%;
    z-index: 1010;
}

#loadingoverlay {
    background: #000;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1020;
}

#loadingcollection {
    color: #fff;
    font-size: 108%;
    font-weight: bold;
    height: 100px;
    left: 50%;
    margin: -50px 0 0 -150px;
    padding-top: 25px;
    position: absolute;
    text-align: center;
    top: 50%;
    width: 300px;
    z-index: 1030;
}

#loadingcollection img {
    display: block;
    height: 32px;
    margin: 0 auto 10px auto;
    width: 32px;
}


/* Book Search - Relevance Stars */

.relevancerating {
    background: url(/core/css/images/relevance.gif) no-repeat 0px 0px;
    display: block;
    text-indent: -999em;
    width: 48px;
}

span.onestar { background-position: -40px 0px; }

span.twostar { background-position: -30px 0px; }

span.threestar { background-position: -20px 0px; }

span.fourstar { background-position: -10px 0px; }


/* Search Tips Modal */

#modal_search_tips .modaltitle { height: 36px; }

#modal_search_tips .modalcontent {
    height: 350px;
    overflow: auto;
}

#modal_search_tips dl {
    margin: 0;
    padding: 10px 25px 10px 0;
}

#modal_search_tips dt {
    color: #333;
    float: left;
    font-weight: bold;
    width: 70px;
}

#modal_search_tips dd {
    color: #7d7d7d;
    font-weight: normal;
    margin: 0 0 20px 80px;
}

#modal_search_tips .examples {
    display: block;
    margin: 3px 0;
}

* html #ui-datepicker-div iframe {
    left: -9999em;
    position: absolute;
    top: -9999em;
}


/* Service Inactive */

.service-inactive-container {
    background: url(images/service-inactive-border.png) no-repeat 0 0;
    margin: 55px auto 0;
    width: 415px;
}

.service-inactive-inner {
    background: url(images/service-inactive-border.png) no-repeat bottom right;
    line-height: 140%;
    padding: 30px 28px 35px;
}

.service-inactive-container h1 {
    background: url(images/alert-icon-notready.gif) no-repeat top center;
    color: #a3a3a3;
    font-size: 140%;
    margin: 0 0 15px;
    padding: 62px 0 0;
    text-align: center;
}

.service-inactive-container a.accept {
    display: block;
    height: 19px;
    margin: 27px auto 0;
    width: 162px;
}

/* Common - data search bar */

#data-search-bar {
    background: #adb3b5 url(images/digital-comps/data-search-bar.gif) repeat-x top;
    border-bottom: 1px solid #c7cbcc;
    height: 42px;
    padding: 0 10px 0 25px;
}

#data-search-bar .data-search {
    margin: 0 100px 0 0;
    padding: 10px 0 0 0;
    width: auto;
}

#data-search-bar img.downloadcsv {
    float: right;
    height: 19px;
    padding: 12px 0 0 0;
    width: 85px;
}

#data-search-bar img.createcodes {
    float: right;
    height: 19px;
    padding: 12px 0 0 9px;
    width: 143px;
}

#data-search-bar input.text {
    color: #7a7f80;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
    font-weight: bold;
    margin: 0 6px 0 0;
    padding: 2px;
    width: 25%;
}

#data-search-bar input.pageDataSearchSubmit {
    float: left;
    margin-top: 2px;
}

#data-search-bar.search-submissions { background: #f5f6f6 url(images/digital-comps/submissions-search-bar-bg.gif) repeat-x top; }

#data-search-bar .section-pagination {
    background: none;
    border: none;
    height: auto;
    padding: 0;
    width: auto;
}

#data-search-bar .section-pagination .pagenation { padding: 12px 15px 0 0; }