@charset "utf-8";

/* @group Table */

table {
	border:1px solid #D4D4D4;
	}

table th,
table td {
	border:1px solid #D4D4D4;
	padding: 8px;
	}

table th {
	background: #E8E8E8;
	vertical-align: middle;
	}

	table th {
		font-weight: bold;
		}

table td {
	background: #F9F9F9;
	}

table span.caption {
	margin-left: 2px;
	}

	table span.caption {
		font-size: 86%;
		}

table ul.arrow {
	margin-top: 10px;
	}

/* @end */

/* @group Form */

p.button {
	text-align: center;
	margin-top: 1.5em;
	padding-bottom:0.5em;
	}

p.button input,
p.button img {
	margin: 0;
	vertical-align:middle;
	}

p.button input,
p.button img {
	*width:auto;
	*background: #e6e6e6;
	*padding-top:2px;
	}

p.button input.image,
p.button img.image {
	margin: 0 5px;
	}


/* @end */

/* @group GrayBg */

div.grayBg {
	width: 690px;
	}

div.c2-335 div.c2-1 div.grayBg {
	width: 335px;
	}

div.c2-335 div.c2-2 div.grayBg {
	width: 335px;
	margin-left: 20px !important;
	}

div.c2 div.grayBg {
	}

div.grayBg div.body {
	background: #f2f2f2;
	}

div.grayBg div.top {
	height: 5px;
	background-image: url(/img/grayBg_top.jpg);
	}

div.grayBg div.header {
	background: #E0E0E0 url(/img/grayBg_header.jpg) left top no-repeat;
	padding: 10px;
	}

div.c2 div.grayBg div.header {
	background: #E0E0E0 url(/img/grayBg_c2_header.jpg) left top no-repeat;
	}

div.grayBg div.header p {
	margin: 0;
	font-weight: bold;
	}

div.grayBg div.body {
	padding: 5px 10px;
	}

div.grayBg div.bottom {
	height: 5px;
	background-image: url(/img/grayBg_bottom.jpg);
	}

div.c2 div.grayBg div.bottom {
	height: 5px;
	background-image: url(/img/grayBg_c2_bottom.jpg);
	}





/* @end */

/* @group BrownBg */

div.brownBg {
	width: 690px;
	}

div.brownBg div.round {
	background: #F6F2E6;
	width: 690px;
	}

div.brownBg div.top {
	height: 5px;
	background-image: url(/img/brownBg_top.jpg);
	}

div.brownBg div.body {
	padding-top: 5px;
	*padding-bottom: 5px;
	}

div.brownBg div.bottom {
	height: 5px;
	background-image: url(/img/brownBg_bottom.jpg);
	}

div.brownBg {
	margin-top: 20px;
	}

div.brownBg p.button {
	margin: 0 !important;
	}

div.brownBg p.text {
	margin: 0 10px !important;
	padding:0 0 5px;
	}
div.brownBg p.text img {
	vertical-align:middle;
	margin:0;
}


/* @end */

/* @group FigSection */

div.figSection {
	}

div.figSection div.text {
	width: 420px;
	float: left;
	}

div.figSection div.text p.title {
	font-weight: bold;
	}

div.figSection div.fig {
	margin-left: 10px;
	width: 260px;
	float: left;
	}

div.figSection div.fig img {
	display: block;
	border: 1px solid #dcdcdc;
	padding: 2px;
	}



/* @end */

/* @group SubSection */

div.subSection {
	margin: 0 0 10px 0;
	padding-top: 10px;
	border-top: 1px solid #dcdcdc;
	}

div.first-subSection {
	border-top: none;
	}



/* @end */

p em {
	color: #C9171E !important;
	}


em {
	color: #C9171E !important;
	}

/* @group UserList&ItemList */

div#content ul.userList ,
div#content ul.itemList {
	margin: 5px 0 0 0;
	}

div#content ul.userList li a img,
div#content ul.itemList li a img {
	display: block;
	}

div#content ul.userList li {
	width: 90px;
	margin: 5px 10px;
	}

div#content div.c2 ul.userList li {
	margin: 5px 6px;

	_margin: 5px 5px;
	}

div#content ul.userList li a {
	text-align: center;
	}

div#content ul.userList li a img {
	display: block;
	padding: 8px 5px 2px 5px;
	width: 80px;
	height: 80px;
	background: url(../img/c_userList_pho_l_bg.gif) no-repeat top left;
	}

div#content ul.userList li a span {
	margin-top: 5px;
	display: block;
	}

div#content ul.itemList li {
	width: 72px;
	margin: 5px 19px;
	text-align: center;
	}

div#content div.c2 ul.itemList li {
	margin: 5px 16px;
	_margin: 5px 12px;
	}





/* @end */

/* @group CommentList */

ul.commentList li {
	margin-bottom: 10px;
	}

ul.commentList li div.pho {
	float: left;
	width: 90px;
	}

ul.commentList li div.pho a img {
	display: block;
	padding: 8px 5px 2px 5px;
	width: 80px;
	height: 80px;
	background: url(../img/c_userList_pho_l_bg.gif) no-repeat top left;
	}

ul.commentList li div.comment {
	float: left;
	width: 576px;
	padding: 15px 0 0 24px;
	background: url(../img/c_userList_commentl_bg_top.gif) no-repeat top left;
	}

ul.commentList li div.comment div.body {
	float: left;
	width: 555px;
	padding: 0 10px;
	}

ul.commentList li div.comment  img.spacer {
	height: 60px;
	width: 1px;
	float: left;
	}

ul.commentList li div.comment div.bottom {
	clear: left;
	background: url(../img/c_userList_commentl_bg_bottom.gif) no-repeat left top;
	height: 5px;
	width: 576px;
	}

ul.commentList li div.comment p.name {
	float: left;
	}

ul.commentList li div.comment p.rate {
	float: left;
	margin-left: 10px;
	}

ul.commentList li div.comment p.rate img {
	vertical-align: middle;
	margin-right: 3px;
	}

ul.commentList li div.comment p.txt {
	clear: left;
	}

/* @end */

/* @group ShelfList */

div#content ul.shelfList {
	margin: 5px 0 0 0;
	}

div#content ul.shelfList li a img {
	display: block;
	}

div#content ul.shelfList li {
	width: 107px;
	margin: 5px 4px;
	}

div#content ul.shelfList li div.round {
	background: url(/home/img/hoIndex2_shelf_bg.jpg) repeat-y top left;
	}

div#content ul.shelfList li div.top {
	height: 5px;
	background: url(/home/img/hoIndex2_shelf_bg_top.jpg) no-repeat top left;
	}

div#content ul.shelfList li div.body {
	height: 94px;
	}

div#content ul.shelfList li div.bottom {
	height: 5px;
	background: url(/home/img/hoIndex2_shelf_bg_bottom.jpg) no-repeat top left;
	}

div#content ul.shelfList li a {
	display: block;
	margin: 5px 0 0 18px;
	_margin: 5px 0 0 9px;
	}

div#content ul.shelfList li a img {
	}

div#content ul.shelfList li a span {
	margin-top: 5px;
	display: block;
	text-align: center;

	}

/* @end */


.open {
  display: block !important;
  }

.close {
  display: none;
  }

div#detailEditor,
div#connecting {
  position: absolute;
  width: 100%;
/*   height: 100%; */
  top: 0;
  left: 0;
  background: #333 url(/img/loading.gif) center 300px no-repeat;
  z-index: 4000;
	}

div#detailEditor {
  z-index: 8000;
  background: transparent url(/shelf/img/editorBg.png) repeat;
 	}





/*
body.shEdit,
div#detailEditor {
  background: transparent url(/shelf/img/editorBg.png) repeat !important;
	}
*/


/*
body.shEdit div#container {
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: hidden;
  width: 100%;
	}
*/

body.shEdit {
  background: transparent !important;
	}


/*
<body class="shelf shEdit">
      <div id="bookDetailEditorContainer">
        <div id="bookDetailEditor">

*/

div#aFRemoveComp,
div.deleteShelf,
div#selectShelf,
div.selectShelf {
	float: left;
	position: absolute;
	margin-top: -10px;
	background: url(../img/c_bookDetail_select_bg.png) no-repeat;
	text-align: center;
	padding: 15px 10px 45px 10px;
	width: 216px;
	height: 82px;
//  _behavior: url(/css/iepngfix.htc);
	_height: 20px !important;
	_padding-bottom:10px;
  _background: #FFFFDB;
  _border:2px solid #C9C987;
	}

div#aFRemoveComp p,
div.deleteShelf p,
div#selectShelf p,
div.selectShelf p {
	margin: .5em 0 !important;
	}


div#aFRemoveComp p.menu select,
div#aFRemoveComp p.menu input,

div.deleteShelf p.menu select,
div.deleteShelf p.menu input,
div.selectShelf p.menu select,
div.selectShelf p.menu input,
div#selectShelf p.menu select,
div#selectShelf p.menu input {
	display: inline;
	}

div.deleteShelf,
div.selectShelf {
	margin-left: -80px;
	}



div.complate {
  display: none;
}

div.onComplate div.complate {
  display: block;
}

div.onComplate div.input {
  display: none;
}


div#aFRemoveComp {
	margin-left:-20px;
}


div#content ul.itemList {
	margin: 5px 0 0 0;
	}

div#content ul.itemList li a img {
	display: block;
	}

div#content ul.itemList li {
	width: 92px;
	margin: 5px 9px;
	height: 123px;
	background: url(../img/book_bg.gif) no-repeat top left;
	}

div#content div.c2 ul.itemList li {
	margin: 5px 6px;
	_margin: 5px 4px;
	}

div#content ul.itemList li a {
	text-align: center;
	}

div#content ul.itemList li a img {
	display: block;
	padding: 11px;
	}
	
	
	
div#content div.section div.more {
	margin: 0 5px;
	}

div#content div.section div.more ul {
	border: none;
	}

div#content div.section div.more ul li {
	border: none;
	}