/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Detail Page Structure <<<-----------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#cf-detail {
	width: 100%;
	padding: 0px 5px 15px 5px;
}

#cf-detail .divider1 {
	width: 10%;
	max-width: 170px;
	padding-right: 30px;
}

#cf-detail .divider2 {
	width: 55%;
	padding-right: 30px;
}

#cf-detail .divider3 {
	width: 25%;
}

#cf-detail .divider4 {
	width: 100%;
}

#cf-detail table {
	width: 100%;
	padding-right: 0px;
}

#cf-detail .one {
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 7px;
	color: #686868;
	empty-cells: show;
	width: 20%;
}

#cf-detail .two {
	text-align: left;
	font-size: 12px;
	padding-top: 0px;
	padding-bottom: 7px;
	color: #000;
	empty-cells: show;
	font-weight: normal;
	width: 80%;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Grey Boxe Structure <<<-------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#cf-detail-grey-head {
	background: #fff url(../../img/box_corner.jpg) no-repeat;
	height: 26px;
}

#cf-detail-grey-head h2 {
	font-size: 13.7px;
	padding: 4px 0px 0px 10px;
	border-bottom: 1px #e9e9e9 solid;
	border-top: 1px #e9e9e9 solid;
	border-right: 1px #e9e9e9 solid;
	margin-left: 20px;
	margin-top: 15px;
	height: 20px;
	color: #4b4b4b;
}

#cf-detail-grey-main {
	padding: 10px;
	border-bottom: 1px #e9e9e9 solid;
	border-left: 1px #e9e9e9 solid;
	border-right: 1px #e9e9e9 solid;
	background-color: #f5f5f5;	
}

#cf-detail-grey-main table {
	width: 100%;
	border-top: 1px #dddddd solid;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	background-color: #fff;
	font-size: 11px;
}

#cf-detail-grey-main .grey1 {
	padding: 5px 10px 5px 10px;
	text-align: left;
	border-bottom: 1px #dddddd solid;
}

#cf-detail-grey-main .grey2 {
	padding: 5px 10px 5px 0px;
	text-align: right;
	border-bottom: 1px #dddddd solid;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Detail Title CSS (Series and publisher) <<<-----------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#cf-detail-title {
	
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Additional List CSS <<<-------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#list-additional {
	font-size: 11px;
	color: #000;
	text-align: left;
}

#list-additional h2 {
	font-size: 13.7px;
	color: #000;
	margin-bottom: 5px;
	margin-top: 0px;
}

#list-additional ul {
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
	list-style-position: inside;
	line-height: 18px;
	margin-bottom: 10px;
	margin-top: 5px;
}

#list-additional li {

}

#list-additional img {
	margin: 5px 0px 15px 0px;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Font CSS <<<------------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

.detail-story {
	font-size: 13.7px;
	margin-left: 0px;
}

.detail-info {
	font-size: 11px;
	font-weight: normal;
	margin-left: 0px;
	padding-bottom: 12px;
	padding-top: 5px;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Div Boxes <<<-----------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#box-option {
	float: right;
	background-image: url(../../img/box2.jpg);
	background-repeat: no-repeat;
	width: 226px;
	height: 113px;
	text-align: right;
}

#box-option .links {
	text-align: left;
	font-size: 12px;
	color: #d14714;
	line-height: 20px;
}

#box-option .cover_form {
	text-align: left;
	font-size: 11px;
	background-color: #fbfbfb;
	border: 1px #d4d4d4 solid;
	padding: 5px 10px 5px 10px;
	margin-bottom: 20px;
}

#box-synopsis {
	font-size: 11px;
	font-family: 'Lucida Grande', arial, verdana;
	color: #000;
	line-height: 150%;
	font-style: normal;
}

.box-artist {
	font-size: 11px;
	background-color: #fafafa;
	border-left: 1px #dddddd solid;
	border-right: 1px #dddddd solid;
	border-bottom: 1px #dddddd solid;
	padding: 5px 0px 5px 10px;
}

.box-edit {
	padding: 12px 0px 12px 12px;
  	font-size: 11px;
  	background-color: #eef0ff;
	border: 1px #c0d1e4 solid;
  	margin-top: 5px;
  	margin-left: 5px;
  	margin-right: 5px;
  	font-weight: normal;
  	color: #000;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Other CSS <<<-----------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#line {
	padding: 0px;
	margin: 0px;
	border-top: 1px #e4e4d6 solid;
	border-bottom: 0px;
	border-left: 0px;
	border-right: 0px;
	margin-bottom: 8px;
	margin-left: 5px;
	margin-right: 5px;
}

/* --------------------------------------------------------------------------------------------------------------------------------*/
/* ---------->>> Cover Image <<<---------------------------------------------------------------------------------------------------*/
/* --------------------------------------------------------------------------------------------------------------------------------*/

#image-box {
	border: 0px;
	padding: 0px;
	background-color: #fafafa;
	text-align: center;
	max-width: 180px;
	min-width: 165px;
}

#image-box .click {
	border: 1px #e5e5e5 solid;
}

#image-box .click:hover {
	border: 1px #000 solid;
}