body {margin:0 0 16px 0;padding:0;background:url(/media/bg.jpg) repeat}
* {font-family:"lucida grande","Lucida Sans Unicode",verdana,sans-serif;font-size:10px;line-height:12px;color:#000}
table {border-collapse:collapse;width:100%}
table.master {margin:0 auto 8px auto;padding:0px;width:1024px}
td, th {text-align:left;vertical-align:top;padding:0;font-weight:normal}
div {padding:0;margin:0;border:0;overflow:hidden}
p {padding:0;margin:0;border:0}
img {display:block;border:0}
form {padding:0;margin:0;border:0}
input {padding:1px;margin:1px 4px 1px 0;vertical-align:middle;font-weight:bold}
.inputwarn {background-color:pink}
select {margin:1px 6px 1px 0;padding:0;vertical-align:middle;font-weight:bold}
label {margin:0;border:0;padding:3px 10px 3px 1px;vertical-align:middle}
label:hover {cursor:pointer}
p.label {display:inline;margin:0;border:0;padding:0;vertical-align:middle}
.safariformfix {font-size:12px}

.expand {width:99%}

#top div.hdrbg {width:1024px;height:104px;background:url(/media/top.jpg) no-repeat bottom center}
#top div.hdr {padding:78px 16px 0 16px;text-align:right}
#top div.logo {position:absolute;width:518px;height:28px;margin:42px 0 0 14px;background:url(/media/logo.png) no-repeat;z-index:100}
#top * {color:#c0d2e0;text-decoration:none;font-weight:bold}
#top a:hover {color:orange}
#top .hlt:hover {color:orange}

#nav,#nav div.hdrbg,#nav div.bodybg,#nav div.ftrbg {width:212px}
#nav div.hdrbg {height:6px;background:url(/media/navt.jpg) no-repeat top center}
#nav div.hdr {margin:0;font-weight:bold;position:relative}
#nav div.bodybg {background:url(/media/navc.jpg) repeat-y center}
#nav div.body {margin:0 6px 0 6px;position:relative}
#nav div.pad {padding:1px 4px 2px 6px}
#nav p {padding:1px 4px;white-space:nowrap}
#nav div.ftrbg {height:6px;background:url(/media/navb.jpg) no-repeat bottom center}

#navs,#navs div.hdrbg,#navs div.bodybg,#navs div.ftrbg {width:140px}
#navs div.hdrbg {height:32px;background:url(/media/navh140.png) no-repeat}
#navs div.hdr {margin:12px 10px 0 10px;font-weight:bold;position:relative}
#navs div.bodybg {background:url(/media/navb140.png) repeat-y}
#navs div.body {width:122px;margin:2px 9px 0 9px;position:relative}
#navs p {padding:1px 4px;white-space:nowrap}
#navs div.ftrbg {height:15px;background:url(/media/navf140.png) no-repeat}

#main,#main div.hdrbg,#main div.bodybg,#main div.ftrbg {width:812px}
#main div.hdrbg {height:32px;background:url(/media/maint.jpg) no-repeat}
#main div.hdr {margin:16px 20px 0 20px;font-weight:bold;position:relative}
#main div.bodybg {background:url(/media/mainc.jpg) repeat-y}
#main div.body {width:800px;margin:6px;min-height:580px;position:relative;border-top:1px solid #999}
#main div.ftrbg {height:34px;background:url(/media/mainb.jpg) no-repeat bottom}
#main div.ftr {margin:4px 20px 0 20px;font-weight:bold;text-align:center;position:relative}
div.floatright {position:absolute;right:0;top:0}
div.floatright2 {position:absolute;right:18px;top:0}

.hidden {display:none}
.dim {color:#999}
.center,div.center {text-align:center}
.ul8 {border-bottom:1px solid #888;margin-bottom:8px}
.warn {color:darkred}

#dialog {visibility:hidden;z-index:150;position:absolute;margin-top:40px;margin-left:30px;width:600px;text-align:center}
div.dialoghdrbg {height:32px;width:600px;background:url(/media/dialogh600.png) no-repeat}
div.dialoghdr {margin:12px 12px 0 12px;font-weight:bold;text-align:left;position:relative}
div.dialogbodybg {width:600px;background:url(/media/dialogb600.png) repeat-y}
div.dialogbody {width:576px;padding:24px 0 20px 12px;min-height:20px}
div.dialogftrbg {height:46px;width:600px;background:url(/media/dialogf600.png) no-repeat bottom}
div.dialogftr {padding:12px 16px 0 16px;text-align:center}

#login {width:600px;margin:150px auto}
div.pager {padding:0;text-align:center;white-space:nowrap}

table.form {width:auto;margin:0 auto}
table.form td {width:auto;border:0;padding:3px;font-weight:bold;vertical-align:middle}
table.form th {width:auto;border:0;padding:3px;text-align:right;vertical-align:middle;white-space:nowrap}
#dialog table.form td,#dialog table.form th {padding:2px 3px 3px 3px}
table.form td.top,table.form th.top {vertical-align:top}
table.form td.info {font-weight:normal}
table.form td.warn,table.form th.warn {color:darkred}

.p8 {padding:8px 0 0 0}

table.location {width:100%;padding:0;margin:0;border:0}
table.location td {padding:1px 2px;font-weight:bold}
table.location th {width:12px;padding:1px 2px;font-weight:bold;text-align:right;white-space:nowrap}

div.prefbox {margin-top:8px;margin-left:-3px;border:1px solid #aaa;background-color:#fff}
div.prefitem {padding:1px 2px;border-bottom:0px solid #aaa;font-weight:normal}
#main p.bool0 {height:12px;margin:0;padding:1px 2px 1px 16px;background:url(/media/red.png) no-repeat center left;white-space:nowrap}
#main p.bool1 {height:12px;margin:0;padding:1px 2px 1px 16px;background:url(/media/green.png) no-repeat center left;white-space:nowrap}
span.m1 {padding-left:12px}
span.m2 {padding-left:24px}
span.m3 {padding-left:24px}

div.header {padding:0 3px 18px 3px;font-weight:bold;text-align:center}

/*.hl:hover,.hl:hover th,.hl:hover td,.hl:hover span,.hl:hover p,.hl:hover *,tr.headerb td.hl:hover {background-color:#999;color:#fff;cursor:pointer;}*/
.hl:hover,.hl:hover *,.hl:hover *,tr.headerb .hl:hover {background-color:#2a3646;color:#fff;cursor:pointer;}
.hlie,.hlie span,.t8 th.hlie,.t8 th.hlie span,.hlie * {background-color:#2a3646;color:#fff;cursor:pointer;}
.hlt:hover {color:darkred;text-decoration:underline;cursor:pointer}
tr.hl:hover .hl:hover {background-color:#666}
tr.hl:hover td.warn,tr.hl:hover th.warn {color:#fff}
tr.hlie .hlie {background-color:#666}
.hl:active,.hl:active * {background-color:#111}
.hl:active div.float {background-color:transparent}

.spacer,table.form .spacer {width:20px}
.event {color:#ff8000}
.ul {text-decoration:underline}
.bold {font-weight:bold}
.bul {text-decoration:none;font-weight:bold;color:#000}
div.pager .underline {font-weight:bold}

.noresult {padding:250px 0;text-align:center;font-weight:bold}
.noxresult {padding:100px 0;text-align:center;font-weight:bold}
.warning {padding:30px 0;text-align:center;font-weight:bold;line-height:16px;color:darkred}
#dialog .confirm {padding:20px 0;text-align:center;font-weight:bold;line-height:16px}

div.showinfo {text-align:center}
div.showinfo:hover {cursor:pointer}
div.showinfo:hover div.info {display:block}
div.info {display:none;z-index:150;background-color:#fefab8;border:1px solid #aaa;position:absolute;margin-top:12px;margin-left:-8px;padding:8px}
div.info table.info td {width:auto;border:0;padding:5px;font-weight:bold;vertical-align:middle}

#dialogconfirm {z-index:150;background-color:orange;border:1px solid #aaa;position:absolute;margin-top:80px;margin-left:100px;width:560px;padding:60px 20px;text-align:center}
div.mask {z-index:125;background:url(/media/maindim.png) no-repeat bottom left;position:absolute;margin-top:0px;margin-left:0px;width:800px;height:600px}

.collapse {width:1px}
.bool0 {height:12px;width:12px;margin:0;padding:0;background:url(/media/red.png) no-repeat center}
.bool1 {height:12px;width:12px;margin:0;padding:0;background:url(/media/green.png) no-repeat center}
.l0 {height:12px;width:12px;margin:0;padding:0;background:url(/media/grey.png) no-repeat center}
.l1 {height:12px;width:12px;margin:0;padding:0;background:url(/media/red.png) no-repeat center}
.l2 {height:12px;width:12px;margin:0;padding:0;background:url(/media/orange.png) no-repeat center}
.l3 {height:12px;width:12px;margin:0;padding:0;background:url(/media/blue.png) no-repeat center}
.l4 {height:12px;width:12px;margin:0;padding:0;background:url(/media/green.png) no-repeat center}
.lock {height:12px;width:12px;margin:0;padding:0;background:url(/media/lock.png) no-repeat center}
.unlock {height:12px;width:12px;margin:0;padding:0;background:url(/media/unlock.png) no-repeat center}

table.list td.green {background:url(/media/green.png) no-repeat 3px 3px;padding-left:12px}
table.list td.orange {background:url(/media/orange.png) no-repeat 3px 3px;padding-left:12px}
table.list td.red {background:url(/media/red.png) no-repeat 3px 3px;padding-left:12px}
table.list td.grey {background:url(/media/grey.png) no-repeat 3px 3px;padding-left:12px}


.hlm {background-color:#eee}

table.pager {width:auto;margin:0 auto;padding:0}
table.pager td {vertical-align:middle;padding:2px 2px 2px 2px;font-weight:bold}
table.pager td div {padding:0}
.p1 {background:url(/media/arrows.gif) 0 0;width:5px;height:8px;margin:0 1px}
.p2 {background:url(/media/arrows.gif) -1px 0;width:8px;height:8px;margin:0 1px}
.p3 {background:url(/media/arrows.gif) -5px 0;width:4px;height:8px;margin:0 1px}
.p4 {background:url(/media/arrows.gif) -9px 0;width:4px;height:8px;margin:0 1px}
.p5 {background:url(/media/arrows.gif) -9px 0;width:8px;height:8px;margin:0 1px}
.p6 {background:url(/media/arrows.gif) -13px 0;width:5px;height:8px;margin:0 1px}
.hl:hover div.p1 {background:url(/media/arrows.gif) -18px 0}
.hl:hover div.p2 {background:url(/media/arrows.gif) -19px 0}
.hl:hover div.p3 {background:url(/media/arrows.gif) -19px 0}
.hl:hover div.p4 {background:url(/media/arrows.gif) -27px 0}
.hl:hover div.p5 {background:url(/media/arrows.gif) -27px 0}
.hl:hover div.p6 {background:url(/media/arrows.gif) -31px 0}

.i0,span.i0 {}
.i1,span.i1 {}
.i2,span.i2 {padding-left:14px}
.i3,span.i3 {padding-left:24px}
.i4,span.i4 {padding-left:34px}
span.mhl {font-weight:bold;color:#000}

img.logo {margin:0 12px 12px 0}
td p.info {margin-top:12px;white-space:normal}
td p.xtra {margin-left:6px}
td p.sep {margin-top:12px;border-top:1px solid #999;margin-bottom:12px}
table.summary th {padding-left:12px;padding-right:4px}
table.summary td p.title {margin-bottom:6px;font-size:13px;line-height:14px;font-weight:bold}
table.summary td p.xinfo {margin-bottom:6px}
p.tlist {color:#000;font-size:11px;line-height:12px;font-weight:bold}
td.list {border:1px solid #999}


table.booklist {width:800px}
table.booklist td {border-bottom:1px solid #999}
div.cellinset {width:368px;padding:8px}
table.titlecell td {border:0;padding:0}
table.titlecell td.coverbox {width:87px}
table.titlecell td.coverbox img {width:85px;border:1px solid #222}
table.titlecell td.databox {padding:0 24px 8px 8px}

table.booklist p {margin-top:1px}
table.booklist p.title {margin:0 0 8px 0;color:#000;font-size:11px;line-height:12px;font-weight:bold}
.hldim:hover,.hldimie {background-color:#eadad2;cursor:pointer}
table.detail {width:auto;margin:0 12px}
p.titled {color:#000;font-size:14px;line-height:15px;font-weight:bold;margin-bottom:8px}
table.detail p {margin-top:2px}

table.bookdetail {width:auto}
table.bookdetail td {padding:8px}
table.bookdetail th {padding:8px 8px 8px 0}
.bookdetail .bookcover {width:120px;border:1px solid #222;min-height:120px;-webkit-box-shadow:0 2px 6px #777;-moz-box-shadow:0 2px 6px #777}

.overlaynew {position:absolute;z-index:100;background:url(/media/new.gif);width:75px;height:75px;margin-top:1px;margin-left:1px}
.overlaypromo {position:absolute;z-index:100;background:url(/media/promo.gif);width:75px;height:75px;margin-top:1px;margin-left:1px}
.overlaysoon {position:absolute;z-index:100;background:url(/media/soon.gif);width:75px;height:75px;margin-top:1px;margin-left:1px}

p.title {font-size:14px;line-height:16px;font-weight:bold;padding-bottom:4px}
p.subtitle {font-size:10px;line-height:12px;font-weight:bold;font-style:italic}
p.item {padding-bottom:4px}
.header {font-weight:bold}
span.ctrlicon {font-size:9px}

.hbox {padding:0 50px 8px 0}
.bbox {border-bottom:1px solid #999}
.tbox {border-bottom:1px solid #999;padding:8px}
.dbox {margin:8px 16px 0 0;line-height:13px}
.dboxt {margin:0}

.scrollbox {border-top:1px solid #999;padding:8px;max-height:200px;overflow:auto}
.scrollbox p {padding-bottom:4px}
.scrollbox2 {border-top:1px solid #999;border-bottom:1px solid #999;padding:8px;max-height:400px;overflow:auto}

.shadowbox {-webkit-box-shadow:0 0 6px #777;-moz-box-shadow:0 0 6px #777}

table.referrals img.referral {width:55px;border:1px solid #222;margin-right:6px}
table.referrals td {padding:10px 0 0 0}
table.referrals td .cover {width:57px}
table.referrals th {padding:10px 16px 0 6px}
table.referrals th .data {width:182px;font-weight:bold;font-size:9px}
table.referrals th a {font-size:9px;text-decoration:none}
table.referrals th a:hover {text-decoration:underline}
.refheader {font-size:9px;font-weight:bold;padding:0 24px 4px 0}
.refitem {margin:0;font-size:9px;font-weight:normal;padding-bottom:0}
.right {text-align:right}
.padleft {padding-left:40px}

div.label {padding:4px 8px 0 8px;font-weight:bold;font-size:11px;line-height:13px}
div.labelnormal {padding:4px 8px 0 8px;font-weight:normal;font-size:11px;line-height:13px}
span.labelinfo {padding-left:4px;font-size:8px;font-weight:bold}
div.input {padding:2px 8px 8px 8px;font-weight:bold}
div.labelwarning {padding:4px 8px 1px 8px;font-size:11px;font-weight:bold;color:darkred}
div.labelwarninginfo {padding:2px 8px 12px 8px;font-size:8px;font-weight:bold;line-height:8px;color:darkred}

a,a.control {text-decoration:none}
a:hover,a.control:hover {text-decoration:underline;cursor:pointer}

td.right {text-align:right}
div.pad8 {padding:8px}
div.pad16 {padding:16px}
div.helpbox {padding:8px 32px 16px 16px}
td.padnavtitle {font-size:11px;font-weight:bold;padding:6px 6px;color:#DCEEEE}

div.navborder {border-top:1px solid #62788f}
td.padnavsmall1b {padding:5px 4px 4px 6px;color:#DCEEEE;font-weight:bold;font-size:9px;background-color:#39485a}
td.padnavsmall {padding:5px 4px 4px 6px;color:#DCEEEE;font-weight:bold;font-size:9px;line-height:11px}
td.padnavsmalltxt {width:190px;padding:5px 4px 4px 0;color:#DCEEEE;font-weight:bold;font-size:9px;line-height:11px}
div.helptitle {font-weight:bold;font-size:11px;padding-bottom:8px}
p.pad2 {padding-bottom:2px}

table.cart td {border-bottom:1px solid #999;padding:8px}
table.cart td.cartcover {border-bottom:1px solid #999;width:62px}
table.cart td.cartcover img,td.cartcover img {border:1px solid #222}
table.cart td.cartdata {padding:8px 24px 8px 0}
table.cart td p.title {margin:0;color:#000;font-size:11px;line-height:11px;font-weight:bold}
table.cart td p.subtitle {padding-top:2px;margin:0;font-size:10px;line-height:10px;font-weight:bold;font-style:italic}
table.cart td p.firstitem {padding-top:8px}
table.cart td p {padding-bottom:2px}

table.xlocation {width:100%}
table.xlocation td {padding:0;font-weight:bold}
table.xlocation th {padding:0;text-align:right;font-weight:bold}

p.smalltitle {margin:0;color:#000;font-size:11px;line-height:11px;font-weight:bold}

table.checkout {margin:0}
table.checkout td {padding:4px 40px 4px 4px}
table.checkout th {text-align:right;padding:4px}
table.checkout p {padding:1px 0;font-weight:bold}
table.checkout p.checkouttitle {font-weight:bold;text-decoration:underline;padding-bottom:6px}

p.level1 {padding:2px 24px 2px 12px;font-weight:bold;font-size:9px}
p.level1 span {font-size:9px}
p.level2 {padding:2px 24px 2px 24px;font-weight:bold;font-size:9px}
p.level2 span {font-size:9px}
p.level3 {padding:2px 24px 2px 36px;font-weight:bold;font-size:9px}
p.level3 span {font-size:9px}
p.level4 {padding:2px 24px 2px 52px;font-weight:bold;font-size:9px}
p.level4 span {font-size:9px}
p.level5 {padding:2px 24px 2px 64px;font-weight:bold;font-size:9px}
p.level5 span {font-size:9px}

table.log td {text-align:left;padding:3px 6px;white-space:nowrap;border-bottom:1px solid #999}
table.log td.wrap {text-align:left;padding:3px 6px;white-space:normal;width:50%}
table.log th {text-align:right;padding:3px 6px;white-space:nowrap;border-bottom:1px solid #999}

table.bic td {border-bottom:1px solid #999;font-weight:bold;padding:2px}