/* Ebooks CSS Document */

html { font-size: 100%; /* IE hack */ }
table { font-size: 100%; /* IE hack */ }

body { margin: 0; font-family: Arial, Tahoma, Helvetica, sans-serif; font-size: 71%; color: #333333; background: #fdfff8; }

.notvisible { visibility: hidden; text-decoration: none; }
.donotshow { display: none; }
p { margin: 0 0 19px 0; }
img { border: none; display: block; }

a { color: #538215; text-decoration: underline; }
a:hover { color: #538215; text-decoration: none; }

h1 { color: #333333; margin: 35px 0 15px 0; line-height: normal; font-size: 210%; }
h2 { color: #538215; margin: 30px 0 15px 0; line-height: normal; font-size: 180%; }
h3 { color: #333333; margin: 30px 0 10px 0; line-height: normal; font-size: 160%; }
h4 { color: #538215; margin: 25px 0 5px 0; line-height: normal; font-size: 120%; }
h5 { color: #7aa444; margin: 20px 0 5px 0; line-height: normal; font-size: 108%; }
h6 { color: #7aa444; margin: 15px 0 5px 0; line-height: normal; font-size: 100%; }

form { padding: 0; margin: 0; }

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

.floatleft { float: left; width: auto; }
.floatright { float: right; width: auto; }

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

h1.printheader { display: none; }


/* Main Contents */
#sitecontainer { margin: 0 auto; width: 100%; }

#helphead { height: 94px; border-bottom: 1px solid #6a9430; }
#topbar { height: 55px; background: #2d3070 url(images/topbar-bg.gif) repeat-x top; }
#topbar h1.logo { float: left; width: 160px; height: 55px; margin: 0; background: url(images/topbar-ebooks.gif) no-repeat 16px 11px; text-indent: -9999em; color: #fff; font-size: 22px; }
#topbar h1.title { float: right; width: 63px; height: 55px; margin: 0; background: url(images/topbar-help.gif) no-repeat 0px 15px; text-indent: -9999em; color: #fff; font-size: 22px; }

#navbar { height: 39px; background: #95c649 url(images/navbar-bg.gif) repeat-x bottom left; }
#navbar ul { width: 980px; margin: 0 auto; padding: 0; list-style: none; text-decoration: none; }
#navbar ul li { float: left; height: 39px; width: auto; }
#navbar a { display: block; float: left; height: 39px; width: 139px; background: url(images/navbar-divide.gif) no-repeat right -6px; text-align: center; color: #fff; line-height: 38px; font-weight: bold; text-decoration: none; font-size: 108%; }
#navbar a:hover,
#navbar a.active { background-position: bottom right; }

#navbar li.last { float: left; }
#navbar li.last a { width: 142px; background: none; }
#navbar li.first a { width: 143px; }
#navbar li.last a:hover,
#navbar li.last a.active { background: url(images/navbar-divide.gif) no-repeat bottom left; }


/* Contents - height: 485px; */
#outer-container { width: 972px; height: 479px; margin: 0 auto; padding: 6px 0 0 0; }
#content-container { width: 972px; background: url(images/contents-topbg.gif) no-repeat top left; }
#content-container-inner { width: 964px; height: 471px; padding: 4px; background: url(images/contents-bottom-bg.gif) no-repeat bottom left; }

#internal-container { width: 964px; background: url(images/internal-bg.gif) repeat-y left; }
#internal-container.nosubnav { background: none; }


/* Subnav */
#sidebar { float: left; width: 213px; }
#sidebar ul { margin: 0; padding: 0; list-style: none; width: 213px }
#sidebar ul li { padding: 0 0 0 0; border-bottom: 1px solid #d0d0d0; }
#sidebar ul li a { display: block; width: 188px; padding: 9px 5px 9px 20px; font-weight: bold; font-size: 108%; color: #363636; text-decoration: none; }
#sidebar ul li a:hover,
#sidebar ul li a.active { color: #538215; font-weight: bold; }

#sidebar ul li a.subs { background: url(images/subnav-main-arrow.gif) no-repeat 10px 14px; }
#sidebar ul li a.subsopen { background: url(images/subnav-main-arrow-open.gif) no-repeat 9px 15px; }

#sidebar ul li ul { padding-bottom: 10px; margin: -4px 0 0 0; }
#sidebar ul li li { border-bottom: none; }
#sidebar ul li li a { width: 176px; padding: 2px 10px 2px 29px; background: url(images/subnav-arrow.gif) no-repeat 21px 7px; font-size: 100%; font-weight: normal; text-decoration: none; }
#sidebar ul li li a:hover { font-weight: normal; }
#sidebar ul li li a.active { color: #538215; font-weight: bold; }

* html #sidebar { margin-right: -3px; position: relative; }


/* Copy */
#contents { float: right; width: 751px; font-size: 108%; }
#internal-container.nosubnav #contents { float: none; width: 964px; }

#breadcrumbs { background: #c7e2a2 url(images/breadcrumbs-bg-repeat.gif) repeat-x top left; }
#breadcrumbs #crumbs-inner { height: 21px; padding: 6px 0 0 24px; background: url(images/breadcrumbs-bgleft.gif) no-repeat top left; color: #9fbe73; font-weight: bold; }
#breadcrumbs #crumbs-inner a { font-weight: bold; padding: 0 4px; color: #538215; text-decoration: none; }
#breadcrumbs #crumbs-inner a:hover { color: #363636; }

#internal-container.nosubnav #breadcrumbs #crumbs-inner { background: none; }

#content-overflow { height: 414px; width: 692px; padding: 0 30px 30px 29px; overflow: auto; line-height: 140%; }
#internal-container.nosubnav #content-overflow { width: 905px; }

#contents h1 { margin: 0 0 16px 0; padding: 19px 0 7px 0; background: url(images/dotted-divide.gif) repeat-x bottom left; color: #538215; font-size: 170%; }
#contents .intro { font-size: 120%; color: #707070; margin-bottom: 23px; line-height: 140%; }
#contents .dualcol { width: 46%; }

#contents ol { margin: 0 0 25px 0; padding: 0 0 0 40px; list-style-type: decimal; }
#contents ol ol { list-style-type: lower-alpha; }
#contents ol li { margin-bottom: 8px; }

#contents ul { margin: 0 0 25px 0; padding: 0 0 0 40px; }
#contents ul li { margin-bottom: 2px; }

#contents span.img-left { float: left; padding: 0 20px 0 0; }
#contents span.img-left img { padding: 3px; border: 1px solid #e8e8e8; }

#contents table { width: 100%; border: 1px solid #e4e3e3; }
#contents table td,
#contents table th { padding: 5px 8px; vertical-align: top; }
#contents table th { width: 25%; text-align: left; }
#contents table tr.alt td,
#contents table tr.alt th { background: #f8f8f8; }

\ html #contents table { width: 675px; }

span.read-more { display: block; text-transform: uppercase; color: #538215; font-size: 90%; font-weight: bold; margin: 2px 0 0 0; padding: 0 0 0 9px; background: url(images/read-more-arrow.gif) no-repeat left center; }

a.landing-item { display: block; float: left; text-decoration: none; color: #333; width: 325px; margin: 0 0 20px 0; line-height: normal; clear: left; }
a.landing-item span.item-title { font-size: 120%; color: #538215; font-weight: bold; display: block; margin: 0 0 2px 0; }
a.landing-item:hover span { color: #363636 !important; }
a.landing-item.alt { float: right; clear: none; }

#contents table.device-compatability { border: none; }
#contents table.device-compatability a { text-decoration: none; }
#contents table.device-compatability a:hover { color: #333; }
#contents table.device-compatability img { display: inline; }
#contents table.device-compatability th { border-left: 1px solid #ccc; height: 35px; padding: 0 0; vertical-align: middle; background: url(images/device-compatability-hdr.gif) no-repeat top left; font-size: 90%; color: #333; line-height: normal; }

#contents table.device-compatability .device { border-left: none; font-size: 100%; padding: 0 0 0 9px; width: 168px; font-weight: bold; }
#contents table.device-compatability th.device { background-position: -1px 0px; }

#contents table.device-compatability .devicewide { border-left: none; font-size: 100%; padding: 0 0 0 9px; width: auto; font-weight: bold; }
#contents table.device-compatability th.devicewide { background-position: -1px 0px; }

#contents table.device-compatability .format { width: 88px; text-align: center !important; vertical-align: middle; border-left: 1px solid #ccc; }
#contents table.device-compatability .formatwide { width: 150px; border-left: 1px solid #ccc; }
#contents table.device-compatability td.formatwide.last { width: 133px; }
#contents table.device-compatability th.formatwide { padding: 0 10px; width: 150px; }

#contents table.device-compatability td { padding: 7px 10px; }
#contents table.device-compatability td.device { padding: 7px 0 7px 9px; }
#contents table.device-compatability td.devicewide { padding: 7px 9px 7px 10px; }
#contents table.device-compatability td.format { padding-right: 0px; padding-left: 0px; }
#contents table.device-compatability td.format.last { width: 71px; }

#contents .device-table-overflow { height: 310px; width: 100%; overflow: auto; border-bottom: 1px solid #ccc; }

\ html #contents table.device-compatability td.format.last { width: 88px; }
\ html #contents table.device-compatability td.formatwide.last { width: 138px; padding-right: 22px !important; }
\ html #contents .device-table-overflow table,
\ html #contents table.device-compatability { width: 100%; }

span.faqans { display: block; height: 25px; }
a.backtotop { margin: -15px 0 0 0; width: 80px; display: block; text-decoration: none; font-weight: bold; font-size: 90%; color: #8f8f8f; }
a.backtotop:hover { color: #538215; }

.troubleshooting-left { float: left; width: 300px; }
.troubleshooting-left select { width: 255px; }
.troubleshooting-right { float: right; width: 535px; }
.quick-trouble { display: none; }
.quick-trouble ul { margin-bottom: 13px !important; }
.quick-trouble ul.quick-list { background: url(images/dotted-divide.gif) repeat-x bottom left; padding-bottom: 15px !important; }
a.more-help { padding: 0; text-decoration: none; font-weight: bold; }
a.more-help:hover { color: #333; }


/* Homepage Grid */
#homepage-grid { height: 407px; width: 862px; padding: 37px 51px 0 51px; }
.grid-row { height: 187px; background: url(images/dotted-divide.gif) repeat-x bottom; }
.grid-row .grid-cell { float: left; display: block; width: 180px; height: 186px; padding: 0 16px 0 19px; background: url(images/home-grid-cell.gif) no-repeat top left; color: #333; font-weight: bold; text-decoration: none; }
.grid-row a.grid-cell:hover { background-position: 0px -201px; }
.grid-row .grid-cell span.title { display: block; margin: 0 0 2px 0; padding: 76px 0 0 0; color: #538216; font-size: 130%; }
.grid-row .grid-cell span.read-more { margin-top: 6px; }

#homepage-grid .bottomrow { background: none; }
#homepage-grid .iconebooks span.title { background: url(images/home-icon-ebookslogo.gif) no-repeat 0px 23px; }
#homepage-grid .iconreadonline span.title { background: url(images/home-icon-readonline.gif) no-repeat 0px 15px; }
#homepage-grid .iconformats span.title { background: url(images/home-icon-bookformats.gif) no-repeat 0px 18px; }
#homepage-grid .iconsoftware span.title { background: url(images/home-icon-software.gif) no-repeat 0px 17px; }
#homepage-grid .icondevices span.title { background: url(images/home-icon-devices.gif) no-repeat 0px 18px; }
#homepage-grid .icontrouble span.title { background: url(images/home-icon-trouble.gif) no-repeat 0px 17px; }
#homepage-grid .iconfaqs span.title { background: url(images/home-icon-faqs.gif) no-repeat 0px 18px; }
#homepage-grid .iconcontact span.title { background: url(images/home-icon-contact.gif) no-repeat 0px 18px; }

#homepage-grid .bottomrow .grid-cell { background-image: url(images/home-grid-cell-btm.gif); }

.grid-row .grid-cell.iconebooks,
.grid-row .grid-cell.icondevices { background-position: -1px 0px; }
.grid-row .grid-cell.iconebooks:hover,
.grid-row .grid-cell.icondevices:hover { background-position: -1px -201px; }