/* CSS Document */
body {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #002B58;
    background: #ffffff url(images/pageBack.jpg) repeat-x;
    margin: 0 auto;
    padding: 0;
    scrollbar-base-color: #536977;
    scrollbar-arrow-color: #536977;
    scrollbar-track-color: #536977;
}

#header {

    width: 1024px;
    height: 292px;
    margin: 0 auto;
    padding: 0;
	text-align: center;
}

#midAnim {
    width: 1024px;
    height: 292px;
    margin: 0 auto;
}

#wrapper {
    width: 1024px;
    margin: 0 auto;
    padding: 0;
}

#wrapperadmin {
    width: 880px;
    margin: 0 auto;
    margin-top: 10px;
	border: 1px solid #ffffff;
	background-color: #5A7281;
}

#contentTopLeft {
    background: url(images/contentTopLeft.jpg) no-repeat;
    background-position: top left;
    width: 111px;
    height: 302px;
    padding: 0;
    margin: 0;
}

#contentTopRight {
    background: url(images/contentTopRight.jpg) no-repeat;
    background-position: top right;
    width: 111px;
    height: 302px;
    padding: 0;
    margin: 0;
}

#contentCenter {
    width: 820px;
    padding: 0;
    background: #7994A5 url(images/midBack.jpg) repeat-x;
	background-position: bottom;
}

.heading {
	margin: 0;
	background: url(images/heading.gif) no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	height: 20px;
	color: #01315E;
	border-bottom: 1px solid #CBD9E2
}

.catheading {
	margin: 0;
	background: url(images/catheading.gif) no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 5px;
	height: 30px;
}

#content {
    width: 796px;
    background-color: #ffffff;
    padding: 10px;
    margin-top: 20px;
}

.pages {
    background: #536977 url(images/pagesBack.jpg) no-repeat;
	/* background-color: #536977; */
    height: 19px;
    padding-left: 5px;
	margin-left: 0;
    padding-bottom: 0px;
    color: #FFFFFF;
	font-size: 90%;
}

.isbn {
    background-color: #536977;
    color: #FFFFFF;
    padding-bottom: 0px;
    font-size: 75%;
	height: 19px;
}

.price {
    padding-bottom: 0px;
    /* background-color: #536977; */
    background: url(images/priceBack.jpg) no-repeat;
    background-position: right;
    text-align: right;
    padding-right: 5px;
	font-size: 90%;
	height: 19px;
}

.imageRow {
    border-left: 1px solid #536977;
    border-right: 1px solid #536977;
    background: url(images/synBack.jpg) repeat-x;
    background-position: bottom;
    height: 92px;
	margin-bottom: 0;
}

#contentMidLeft {
    background: url(images/contentMidLeft.jpg) repeat-y;
    background-position: top left;
    width: 111px;
    padding: 0;
    margin: 0;
}

#contentMidRight {
    background: url(images/contentMidRight.jpg) repeat-y;
    background-position: top right;
    width: 114px;
    padding: 0;
    margin: 0;
}

#contentLowerLeft {
    background: url(images/contentLowerLeft.jpg) no-repeat;
    background-position: top left;
    width: 113px;
    height: 183px;
    padding: 0;
    margin: 0;
}

#contentLowerRight {
    background: url(images/contentLowerRight.jpg) no-repeat;
    background-position: top right;
    width: 113px;
    height: 183px;
    padding: 0;
    margin: 0;
}

#contentMidCenter {
    width: 885px;
    background-color: #536977;
    padding: 0;
    margin: 0;
}

table#contentWrapper {
    padding: 0;
    margin: 0 auto;
}

#tableTopContent {

    width: 790px;
    margin: 0 auto;
}

#tableBottomContent {

    width: 800px;
    margin: 0 auto;
}

#contentTop {
    background-color: #ffffff;
    width: 790px;
    margin: 0 auto;
    padding:10px;
    margin-top: 25px;
}

#contentBottom {
    background-color: #ffffff;
    width: 790px;
    margin: 0 auto;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 0;
    padding-top: 0;
    height: 12px;
    display: block;
}

#footer {
    background: url(images/footer_new.jpg) no-repeat;
    background-position: center top;
    height: 110px;
    margin: 0 auto;
    padding: 0;
}

h1 {
    color: #5A7281;
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 0;
    font-size: 120%;
}

#booklist {
    width: 535px;
    float: right;
    color: #000000;
    padding: 1px;
    margin-right: 5px;
    background-color: #FFFFFF;
}

#catlist {
    width: 585px;
    float: right;
    color: #000000;
    padding: 1px;
    margin-right: 5px;
    background-color: #FFFFFF;
}

#booklistadmin {
    color: #000000;
    background-color: #FFFFFF;
}

#bookTitleList {
    font-weight: bold;
    color: #536977;
    background-color: #FFFFFF;
    padding: 5px;
    width: 220px;
    margin: 0 auto;
}

.collTitle {
    font-size: 120%;
    font-weight: bold;
}

.collTitleCount {
    font-weight: normal;
}

.bookTitleItemEven {
    line-height: 20px;
    font-weight: normal;
    padding-left: 5px;
    font-size: 90%;
    background-color: #809DB1;
    border-top: 1px solid #85A1B4;
}

.bookTitleItemOdd {
    line-height: 18px;
    font-weight: normal;
    padding-left: 5px;
    font-size: 90%;
    background-color: #8FAABC;
    border-top: 1px solid #8FAABC;
}

.bookTitleItemEven:hover {
    background-color: #ffffff;
    border-top: 1px solid #5A7381;
    border-bottom: 1px solid #5A7381;
}

.bookTitleItemOdd:hover {
    background-color: #ffffff;
    border-top: 1px solid #5A7381;
    border-bottom: 1px solid #5A7381;
}

.bookDesc {
    width: 265px;
    /* padding: 5px; */
    color: #002B58;
}

.bookDetails {
    width: 515px;
    padding: 5px;
    color: #002B58;
}

.boldDark {
    color: #002C59;
    font-weight: bold;
    font-size: 110%;
}

.boldwhite {
    color: #ffffff;
    font-weight: bold;
    font-size: 110%;
}

.bklist {
    font-size: 90%;
    background-color: #D6E3EB;
    color:#033A66;
    font-weight: bold;
    padding-left: 10px;
    line-height: 20px;
    border-bottom: 1px solid #7994A5;
}

.bookTitle {
    background: url(images/titleLeft.jpg) no-repeat;
    padding: 5px;
}

.bookTitleRight {
    background: url(images/titleRight.jpg) no-repeat;
    background-position: top right;
    padding: 5px;
}

.bklist:hover {
    background-color: #90ABBD;
    color: #FFFFFF;
}

#colllist {
    width: 190px;
    background-color: #90ABBD;
    padding: 10px 10px 10px 10px;
    margin-left: 5px;
    margin-top: 5px;
	float: left;
}

#colllistadmin {
    background-color: #90ABBD;
    padding: 10px 5px;
    margin-left: 5px;
    margin-top: 5px;
}

#bookadmin {
    width: 770px;
    background-color: #90ABBD;
    padding: 10px 10px 10px 10px;
    margin-left: 5px;
    margin-top: 5px;
}

#colldiv {
    overflow: auto;
    height: 540px;
}

#bookdiv {
    overflow: auto;
    height: 200px;
}

.search {
    width: 230px;
    background-color: #90ABBD;
    padding: 5px 10px;
    margin-left: 5px;
    margin-top: 5px;
}


.searchAdmin {
    width: 400px;
    background-color: #90ABBD;
    padding: 5px 10px;
    margin-left: 5px;
    margin-top: 5px;
}

.adminButton {
    background-color: #536977;
    padding: 5px 10px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    border: 1px solid #ffffff;
    margin-bottom: 10px;
	cursor: pointer;
}


.adminButton:hover {
    background-color: #ffffff;
    color: #ff0000;
    border: 1px solid #536977;
}

.adminrow1 {
    background-color:#C4D2DB;
    padding-left:5px;
}

.adminrow1:hover {
    background-color: #FAE9C6;
}

.adminrow2 {
    background-color:#DFE8EC;
    padding-left:5px;
}

.adminrow2:hover {
    background-color: #FAE9C6;
}

.formLabel {
    font-size:11px;
    font-weight:bold;
    color:#536977;
}

#newcoll {
    display: none;
    margin: 0 auto;
    background-color: #ffffff;
    padding: 5px;
}

.bolddark {
    color: #013460;
    font-weight: bold;
    font-size: 120%;
}

.collItem {
    font-size: 110%;
    font-weight: bold;
    margin-top:5px;
    margin-bottom: 5px;
    border-top: 1px solid #90ABBD;
    border-bottom: 1px solid #799BB2;
    line-height: 15px;
    padding-bottom: 2px;
    padding-left: 0;
}

.collItemSel {
	background-color: #002B58;
    font-size: 110%;
    font-weight: bold;
    margin-top:5px;
    margin-bottom: 5px;
    border-top: 1px solid #90ABBD;
    border-bottom: 1px solid #799BB2;
    line-height: 15px;
    padding-bottom: 2px;
    padding-left: 5px;
}

.collItem:hover {
    background-color: #002B58;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

.collItemAdmin {
    font-size: 90%;
    font-weight: bold;
    margin-top:5px;
    margin-bottom: 5px;
    border-top: 1px solid #90ABBD;
    border-bottom: 1px solid #799BB2;
    line-height: 15px;
    padding-bottom: 2px;
    width: 180px;
	float: left;
}

.collItemAdmin:hover {
    background-color: #FAE9C6;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #ffffff;
}

a.col {
    text-decoration: none;
    color: #FFFFFF;
    font-weight: normal;
	font-size: 90%;
}

a.colAdmin {
    text-decoration: none;
    color: #183242;
    font-weight: bold;
}

a.dark {
    text-decoration: none;
    color: #002B58;
}

.dark {
    color: #002B58;
}

a.plus {
    color: #002B58;
    font-weight: bold;
    text-decoration: none;
}

a.dark:hover {
    color: #ff0000;
    text-decoration: underline;
}

.fl {
padding: 1px 0 1px 5px;
width: 200px;
}
.cl {
clear: left;
}

b.niftycorners,b.niftyfill{display:block}
b.niftycorners *{display:block;height: 1px;line-height:1px;font-size: 1px;
    overflow:hidden;border-style:solid;border-width: 0 1px}
/*normal*/
b.r1{margin: 0 3px;border-width: 0 2px}
b.r2{margin: 0 2px}
b.r3{margin: 0 1px}
b.r4{height: 2px}
b.rb1{margin: 0 8px;border-width:0 2px}
b.rb2{margin: 0 6px;border-width:0 2px}
b.rb3{margin: 0 5px}
b.rb4{margin: 0 4px}
b.rb5{margin: 0 3px}
b.rb6{margin: 0 2px}
b.rb7{margin: 0 1px;height:2px}
b.rb8{margin: 0;height:2px}
b.rs1{margin: 0 1px}
/*transparent inside*/
b.t1{border-width: 0 5px}
b.t2{border-width: 0 3px}
b.t3{border-width: 0 2px}
b.t4{height: 2px}
b.tb1{border-width: 0 10px}
b.tb2{border-width: 0 8px}
b.tb3{border-width: 0 6px}
b.tb4{border-width: 0 5px}
b.tb5{border-width: 0 4px}
b.tb6{border-width: 0 3px}
b.tb7{border-width: 0 2px;height:2px}
b.tb8{border-width: 0 1px;height:2px}
b.ts1{border-width: 0 2px}

#layer1 {
	position: absolute;
	visibility: visible;
	display: block;
	width: 400px;
	height: 300px;
	left: 20px;
	top: 300px;
	background-color: #ccc;
	border: 1px solid #000;
	padding: 10px;
}

#close {
	float: right;
}