@charset "UTF-8";

/**
 * Global CSS
 *
 * Version:		0.2.1 (2010-01-06) YYYY-MM-DD
 * Website:		banmasenlin.com
 * Author:		sink
 * copyright:	Copyright banmasenlin.com
 */

@import url(reset.css);

body {
	font-size: 75%;
	line-height: 1.50em;
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #333;
	background: #F2F2F2;
}

h1 {
	font-size: 2.00em;
}
h2 {
	font-size: 1.50em;
}
h3 {
	font-size: 1.17em;
}
h4 {
	font-size: 1.00em;
}
h1, h2, h3, h4, h5, h6, .head { margin-bottom:.5em; line-height:1.5em; color:#0099CC; }
p {
  margin: 0.6em 0 1.2em;
  padding: 0;
}

a:link, a:visited {
	color: #0099CC;
	text-decoration: underline;
}
a:hover {
	color: #005F7F;
	text-decoration: underline;
}
a:active, a.active {
	color: #0099CC;
}


/*
 * 自动清除
 */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* --------------------------------------------------
	0. 布局
-------------------------------------------------- */

#wrapper {
	width: 980px;
	margin: 0 auto;
}
#header {
	height: 80px;
}
#content {
	background-color: #FFFFFF;
	border: 1px solid #CCCCCC;
	padding: 15px;
	min-height: 400px;
	height:auto !important; 
	height:400px;
}
#footer {
	clear: both;
}


#sitename {
width: 200px;
float: left;
margin: 15px 0 0 15px;
}


/* 顶部菜单 */
#topbar {
	height: 55px;
}
#topmenu {
	width: 700px;
	height: 55px;
	float: right;
    text-align:right;
	color:#666;
}
#topmenu ul {
	float: right;
	margin-right: 15px;
    text-align:right;
}
#topmenu ul li {
	float: left;
    display: block;
	background: transparent url(/images/imageset.png) no-repeat right -41px; 
	padding: 5px 10px 0 10px;
	white-space: nowrap;
	_behavior: url(http://www.banmasenlin.com/scripts/iepngfix.htc);
}
#topmenu ul li.last { background: none; padding-right:0; }

#topmenu a:link,
#topmenu a:visited {
	color:#666;
	text-decoration:none;
}
#topmenu a:hover {
	color:#333;
	text-decoration:underline;
}


/**
 * 主菜单
 */
 
#menubar {
	height: 25px;
}


#mainmenu ul li {
}

#mainmenu {
	width: 740px;
	float: left;
}

.nav * { 
	margin:0; 
	padding:0; 
	list-style:none;
} 
.nav ul {
	position: absolute;
	top: -999em;
	width: 10em;
}
.nav ul li, .nav a {
	width: 100%;
	color: #0099CC;
	font-weight: normal;
}
.nav li { 
	float:left;
	position:relative; 
	z-index:99;
	padding: 5px 15px;
	margin-right: 0.6em;
	height: 90%;
} 
.nav a {
	display:block;
	text-decoration:none;
	padding: 0 0.1em;
} 
.nav li.sub a.dropdown {
	position: absolute;
	top: 1px;
	right: 0;
	height: 15px;
	width: 15px;
	margin: 5px;
	background: transparent url(/images/imageset.png) no-repeat right -30px;
	border: 0;
}

.nav li.sub a.dropdown:hover {
	background: transparent url(/images/imageset.png) no-repeat right 0px;
} 
.nav ul a {
	padding: 0.5em 0em;
	text-indent: 0.5em; 
	font-size: 1em;
}
.nav ul li { 
	margin: 0; 
	line-height: 0.8em; 
	padding: 0; 
} 
.nav ul li.spacer {
	border-top: 1px dotted #6f6f6f;
} 
.nav ul li a {
	padding-left: 0.4em;
}   
ul.nav li.sfHover ul  {
	left:-1px; 
	top:24px; 
	border-top: none; 
	border-right: 1px solid #666; 
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #666;
}

.nav li:hover li ul, .nav li.sfHover li ul {
	top:-999em;
}    
ul.nav li li.sfHover ul  { top:-1px; }
.nav li.subMenu {
	padding: 5px 25px 1px 10px;
	margin-right: 5px;
} 
.nav li.subMenu.clicked { 
	background-color:#FFFFFF; 
	border: 1px solid #ccc; 
	border-bottom: 0; 
	padding: 4px 25px 2px 9px;
	margin-right: 4px; 
} 
.nav li.subMenu a {
	background: transparent url(/images/imageset.png) no-repeat right -46px; 
	margin-right: 5px;
} 

.nav li.subMenu ul a { border-right: 0; background: none; }  
.nav li.subMenu.clicked a.dropdown{ top: 0px; } 
.nav li.sub a.dropdown.clicked {
	background: transparent url(/images/imageset.png) no-repeat right -15px;
} 
.nav a:focus, .nav a:hover, .nav a:active { color: #666; text-decoration: underline; } 
.nav li li { background: #FFF; } 


/* 搜索框 */
#search-box {
	width: 215px;
	float: right;
	padding: 0 0 0 15px;
}
#search-box input {
	padding: 5px 10px 4px 10px;
	width: 118px;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 0;
	border-left: 1px solid #CCCCCC;
	float: left;
	font-size: 1em;
	color: #999;
}
#search-box .nav li.sub { width:29px;}
#search-box .nav li.sub a.dropdown {
	top: 0px;
}
#search-box .nav li.subMenu {
	background: url(/images/search_bg.png) repeat-x 0 0;
	border-top: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 0;
	border-left: 0;
	padding: 4px 25px 2px 5px;
} 
#search-box .nav li.subMenu.clicked { 
	border-top: 1px solid #ccc; 
	border-right: 1px solid #ccc; 
	border-bottom: 0;
	border-left: 0;
	margin-right: 4px; 
} 

#search-box ul.nav li.sfHover ul  {
/*	left: -40px; */
	width: 100px;
}  
#search-box a { color: #333; text-shadow: 0px 1px 1px #fff;}

/**
 * 首页
 */
div.featured-image {
	position: relative;
	width: 732px;
	height: 300px;
}
#featured-image-caption {
	position: absolute;
	min-width: 150px;	
	left:0;
	bottom: 0;
	background-color:#000000;
	padding: 3px 10px;
	color:#FFFFFF;
	filter:alpha(opacity=80);	/* IE */ 
	-moz-opacity:0.8;			/* Moz */ 
	opacity: 0.8; 
}
#featured-image-caption a { color:#FFFFFF; text-decoration:none; }
.wrap-inner { margin: 10px 0 50px;}
.wrap-inner li {
	float: left;
}
.slide {
	height: 300px;
	overflow: hidden;
}
.clear {
	clear:both;
}
/**
 * 开始向导面板
 */
#tour {
	background-color: #FFFFCC;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
#tour dl {}
#tour dt {
	padding: 10px 10px 3px 10px;
	font-size: 1.33em;
	color: #0099CC;
}
#tour dd {
	background: transparent url(/images/dotted_line_x.gif) repeat-x 100% 100%;
	padding: 0px 10px 5px 10px;
}

#tour dd.last { background:none; }

.start { text-align: center;}
.start .signup {
	margin: 15px 35px;
}

.start .signup a,
.tour .signup a { background: transparent url(../images/imageset.png) no-repeat 0 -90px; width: 130px; height: 40px; display: block; }

.start .signup a:hover,
.tour .signup a:hover { background-position:0 -135px;}

.start .signup span,
.tour .signup span { display: none; }




/**
 * 主体内容
 */

.layout-1columns .col-main {
	float: left;
	width: 100%;
	background: none;
}
/*
.layout-2columns .col-main {
	float: left;
	width: 733px;
}
.layout-2columns .col-right {
	float: right;
	width: 200px;
}
*/
#main .column-sub { margin: 30px 0;}
#main .column-sub h3 {
	font-size: 14px;
	color: #0099CC;
}

.col-book {
	float: left;
}

/* list */

.listing-type-list {}
.listing-item {}
.list-row { margin-right: 16px; }

/* grid */

.grid-row {}
.listing-type-grid {}

div.span-2 {float:left;margin-right: 10px;}

div.span-1, div.span-3, div.span-4, div.span-5, div.span-6, div.span-7, div.span-8, div.span-9, div.span-10, div.span-11, div.span-12, div.span-13, div.span-14, div.span-15, div.span-16 {float:left;margin-right: 15px;}
div.last { margin-right:0;}
.span-1  { width: 44px;}
.span-2  { width: 90px;}
.span-3  { width: 130px;}
.span-4  { width: 215px;}

.span-5  { width: 70px;}

.span-6  { width: 485px;}

.span-7  { width: 404px;}
.span-8  { width: 464px;}
.span-9  { width: 524px;}
.span-10 { width: 584px;}
.span-11 { width: 644px;}
.span-12 { width: 704px;}
.span-13 { width: 764px;}
.span-14 { width: 824px;}
.span-15 { width: 884px;}
.span-16, div.span-16 { width: 944px; margin: 0; }

#shelf a:link, #shelf a:visited { color: #0090DB; }
.document-thumbnail { padding: 0 0 15px; overflow: hidden; }
.document-thumbnail h3 { font-size: 100%; line-height: 1.2em; margin: 0 25px 0 0; font-weight: bold; margin-top: 5px; }
.document-thumbnail h3 a { font-size: 12px; text-decoration: none; }
.document-thumbnail p { margin: 0; padding: 0; }
.document-thumbnail p.book-cover { height: 162px; position: relative; }
.document-thumbnail p.book-cover a { background: url(/images/imageset.png) no-repeat right bottom; padding: 0 14px 1px 0; position: absolute; left: 0; bottom: 0; text-decoration: none; }
.document-thumbnail p.book-cover img {  margin: 0; float: none; border: solid #D4D4D4; border-width: 1px 0 0 1px; position: relative; }
.document-thumbnail .author { color: #AAA; }
.document-thumbnail .views { float: left; color: #AAA; }
.document-thumbnail .views span { color: #000; }


.document-textitem { padding: 0 0 50px; }
.document-textitem p { margin: 0; padding: 0; }
.document-textitem h3 { font-size: 1.2em; line-height: 1.25em; margin: 0; font-weight: bold; margin:0 0 0.5em; }
.document-textitem .thumbnail { overflow: hidden; }
.document-textitem p.book-cover { margin: 0; float: left; position: relative; min-height: 54px; }
* html .document-textitem p.book-cover { height: 50px; }
.document-textitem p.book-cover a { background: url(/images/imageset.png) no-repeat right bottom; padding: 0 14px 1px 0; display: block; position: relative; text-decoration: none; }
.document-textitem p.book-cover img {  margin: 0; float: none; border: solid #D4D4D4; border-width: 1px 0 0 1px; position: relative; }
.document-textitem .metadata { color: #AAA; }
.document-textitem .metadata span { color: #AAA; }
.document-textitem .title-description { min-height: 100px; }
* html .document-textitem .title-description { height: 100px; }

li.product-image {
	position:relative;
	width: 143px;
	height: 150px;
}
li.product-image img {
	position: absolute;
	bottom:0; 
}
.col-book .title {
	margin-top: 0.5em;
}
.head {
	margin: 0 0 15px 0;
}

.column-form input.form-text,
.column-form textarea {
    background: #fff url("/images/bg_input.gif") repeat-x 0 -1px;
	border-top: solid #777777 1px;
	border-right: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	border-left: solid #777777 1px;
	padding: 5px;
	width: 200px;
}

.column-form table td {
	padding: 5px 0;
}

.pagehead { border-bottom: 1px solid #CCC; margin-bottom: 20px;}
.pagehead .title { margin: 0 0 15px 0;}


.signup_border1 {
	border: 10px solid #87ACD9;
}

.avatar-small {
	border: 3px solid #F2F2F2;
}

.form-item { margin: 15px 0;}
.form-item label {
  display: block;
}
.form-item label.option {
  display: inline;
}

.form-item table td.avatar,
.form-item table td.userinfo,
.form-item table td.checkbox { padding: 5px;}
.form-item table.list {
	border-bottom: 1px solid #ccc;
	background-color: #EDF3FE;
	margin-bottom: 10px;
}
.messages {
  background-color: #ffffcc;
  border: 3px solid #b8d3e5;
  padding:10px;
  margin-bottom: 15px;
}

.preview {
  background-color: #fcfce8;
  border: 1px solid #e5e58f;
}
div.status {
  color: #3a3;
  border-color: #c7f2c8;
}

div.error {
  color: #c52020;
}


/* ------------------------------
   Paging Bar
------------------------------ */

#paging { border-top: 1px solid #DDD; padding: 1.4em 0 0; clear: both; width: 100%; }
#paging a { margin: 0 2px; padding: 3px 0; }
#paging a#next { margin-left: 8px; margin-right: 0; }
#paging a#previous { margin-left: 0; margin-right: 8px; }
#paging strong { margin: 0 2px; padding: 3px 0; font-weight: normal; }

/**
 * 页脚
 */

#bottommenu {
		float: left;
		width: 733px;
}
#bottommenu ul {
	float: left;
	width: 120px;
	margin: 15px;
	color: #666666;
}
#bottommenu ul { color: #333; }

#bottommenu a:link,
#bottommenu a:visited{
	color:#666;
	text-decoration:none;
}
#bottommenu a:hover{
	color:#333;
	text-decoration:underline;
}

#footer_tools {
	float: right;
	width: 200px;
	margin: 15px;
}

#copyright {
	clear: both;
	border-top: 1px solid #CCCCCC;
	color: #666;
}
#copyright P {padding: 0 15px;}
#copyright a:link,
#copyright a:visited{
	color:#666;
	text-decoration:underline;
}
#copyright a:hover{
	color:#666;
	text-decoration:underline;
}


/* 12月9号 重新规范页面结构 */

/* 内容 */
#content .page-head { height:30px;}
#content .content-wrap { background:url(/images/space_partition_line.gif) repeat-y 0 0; }
#content .head { clear:both; }
#content .head .title { float:left; }
#content .head .create-books-button span { display:none;}
#content .head .create-books-button { display:block; float:right; height:27px; }
#content .head a:hover.create-books-button { background-position:0 -30px;}

.layout-2columns .main-content {
	clear: both;
	float: left;
	width: 732px;
}
.layout-2columns .sidebar {
	float: right;
	width: 200px;
}


/* tabs */

.subnav { margin-bottom: 20px; }
.subnav .header-sidebar { float:right; margin-right: 15px; line-height:22px; }


.subnav ul {border-bottom: 1px solid #ccc; height:23px;}
.subnav .tabs li { float:left; }
.subnav .tabs li span { padding:0 10px; line-height: 22px;}
.subnav .tabs a {
	display:block;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	margin-left: -1px;
	text-decoration: none;
	outline:none;
	color: #000;
	background: url(/images/button_bg.png) repeat-x 0 0;
}
.subnav .tabs a b {
	display: block;
	position:relative;
	top: -1px;
	left: 0;
	border:solid #ccc;
	border-width:1px 0 0;
	font-weight:normal;
}
.subnav .tabs a.last {
	border-right:1px solid #ccc;
}
.subnav .tabs a.more { display:block; width:23px; height:23px; border:solid #444; border-width:0 1px 0 0; background:url(/images/imageset.png) no-repeat -210px 0; }
.subnav .tabs a.more b { border:solid #444; border-width:1px 0 0;}
.subnav .tabs a.more span { display:none; }
.subnav .tabs a.active { background:#fff;border-bottom:1px solid #fff; }

/* 书籍列表 */
.catalog-listing { clear: both; }


/* ------------------------------
   侧栏
------------------------------ */

.sidebar-item  { margin-bottom: 15px; }
.sidebar-item .head { clear:left;text-align:right;margin:0px 0px 10px;;border-bottom: 1px solid #CCC; }
.sidebar-item .head .title { margin:0; float:left;font-size:12px;line-height: 22px;  }
.sidebar-item .head h3 { margin:0;}
.sidebar-item .head a { font-size:12px; text-decoration:none;line-height: 22px; }

/* 用户页面 */

.main-content-item .head .readmore{ line-height:22px; margin: auto 10px;}
ul.article-list { padding-bottom: 20px;}
.friends ul.avatar li { display:inline;}
.friends ul.avatar li img {
	float: left;
	width:38px; 
	height:38px;
	margin-right: 2px;
	margin-bottom: 2px;
}


.profile { border-bottom: 1px solid #ccc; }
.author-avatar {
	float:left;
	width:48px;
}
.basic-Info {
	float:right;
	width:147px;
	margin-bottom:10px;
}
.basic-Info h4,
.basic-Info p { margin:0; line-height:16px;}
.profile-options { clear:both; padding: 5px 0; }
.profile-options a { padding-left: 20px; padding-right: 2px; display: block; }
.profile-options ul li { float: left;}
.addtofriends-icon { background:url(/images/imageset.png) no-repeat -584px -65px; }
.sendmessage-icon {background:url(/images/imageset.png) no-repeat -584px -85px;}
.comment-icon {background:url(/images/imageset.png) no-repeat -584px -105px;}
.edit-account {background:url(/images/imageset.png) no-repeat -584px -105px;}
.author-description { color: #666; background: url(/images/dotted_line_x.gif) repeat-x 0 0; padding:0.6em 0 0 0; }
.author-description p { margin:0 0 0.6em 0; }

/* 标签 */

div.chart-bar {
    background: url(/images/charts_right.png) no-repeat right top;
    overflow: hidden;
	margin-bottom: 2px;
}

* html div.chart-bar {
    background: url(/images/charts_right_8bit.png) no-repeat right top;
}

div.chart-bar span {
    display: block;
    height: 18px;
    margin: 0 3px 0 0;
    padding: 2px 0.5em 0px 0.5em;
    background: #72B7E5;
    color: #fff;
    overflow: hidden;
    line-height: 18px;
}
.chart-bar a { text-decoration:none;}

/* 站点新闻 */
.site-news .head { margin-bottom: 0; }
.site-news li { background:url(/images/dotted_line_x.gif) repeat-x 0 100%; padding: 5px 0;}
.site-news li a { text-decoration:none; color: #666; }
.site-news li a:hover { text-decoration:underline; }
.updated { display:block; font-size:10px; }





/* ------------------------------
   好友
------------------------------ */
.friends-listing { clear: both; }
.listing-type-grid .friends-thumbnail { float: left; width: 75px; height:120px; margin-right:15px; }
.friends-listing .avatar {margin:0; padding:0;}
.friends-listing .avatar img { border:2px solid; border-color:#f2f2f2;}
.friends-listing .avatar a:hover img {border-color:#0099CC; }
.username {margin:5px 0 0; padding:0;}


/* 书籍详情 */
.details { width:200px; float:left;}
.basic-info { width:500px; float:right; }
.related-info { clear:both; }

#respond {}
.content-item { margin:30px auto;}

.basic-info .view,
.basic-info .favorite { display:block; width: 81px; height:0px; padding-top:21px; overflow:hidden; float:left; background:url(/images/imageset.png) no-repeat;}
.basic-info .view { background-position:0 -60px;}
.basic-info .favorite { background-position:-85px -60px; margin-left: 5px;}
.basic-info .recommend { display:block; width: 81px; height:0px; padding-top:21px; overflow:hidden; float:left; background:url(/images/recommend.png) no-repeat;}
.basic-info .recommend { margin-left: 5px;}

.basic-info .create {display:block; width: 131px; height:0px; padding-top:21px; overflow:hidden; float:left; background:url(/images/imageset.png) no-repeat;}
.basic-info .create { background-position:-170px -60px; margin-left: 5px;}


/* 评论 */
.commentlist { border-top:1px solid #ccc;}
.commentlist li { border-bottom:1px solid #ccc; padding:10px 0;}
.comment-author img { float:left;}
.commentmetadata { color:#999; font-size:10px;}

.odd {
	/*background-color: #f8f8f8;*/
}
.even {
	background-color: white;
}

.comment-author-name { float:left; width:300px; margin-left:200px;}
.commentmetadata { float:right; width:150px; text-align:right;}
.says { clear:both;margin-left:232px;}


.respond .comment-form { width:717px;}

.basic-info .tags,
.related-info .indent,
.commentmetadata,
.says { margin-right:15px;}

/* 评论页侧栏 */
.readers .content li { padding: 10px 0; background:url(/images/dotted_line_x.gif) repeat-x 0 100%;}
.readers .content .first { padding-top:0;}
.readers .content li img { float:left; margin-right: 10px; border:2px solid #ccc;}
.readers .content li p { margin:0; padding:0; color: #666;}

/* 侧栏书籍列表 */
.sidebar-document-thumbnail { padding: 0 0 1.5em; overflow: hidden; }
.sidebar-document-thumbnail p.book-cover { height: 75px; position: relative; margin:0; padding:0; }
.sidebar-document-thumbnail p.book-cover a { background: url(/images/imageset.png) no-repeat right bottom; padding: 0 14px 1px 0; position: absolute; left: 0; bottom: 0; text-decoration: none; }
.sidebar-document-thumbnail p.book-cover img {  margin: 0; float: none; border: solid #D4D4D4; border-width: 1px 0 0 1px; position: relative; }
.sidebar-document-thumbnail p.book-title { margin:5px 0 0; padding:0;}
.sidebar-document-thumbnail p.date { margin:0;}

.date { font-size: 10px; color:#999; }
/*
.listing-type-list .sidebar-document-thumbnail { position:relative; padding:0; margin:0}
.listing-type-list .sidebar-document-thumbnail .book-cover { float:left; width:80px; height:80px;}
.listing-type-list .sidebar-document-thumbnail .book-title { position:absolute;bottom:0px;left:70px;}
*/
.listing-type-list .sidebar-document-thumbnail {}
.listing-type-list .sidebar-document-thumbnail .book-title { }
.listing-type-list .sidebar-document-thumbnail .author {margin:0;padding:0;}
.listing-type-list .sidebar-document-thumbnail .date { margin:0;padding:0;}


.listing-type-table table { width:100%;}
.listing-type-table table td, .listing-type-table table th {padding:5px 10px;text-align:left;vertical-align: top;}

.listing-type-table thead tr { padding:5px 10px; border-bottom:1px solid #ccc; }
.listing-type-table tbody tr { background:url(/images/dotted_line_x.gif) repeat-x 0 100%;}
.listing-type-table tbody tr.last { background:none;}
.listing-type-table tbody tr.odd { background-color: #f8f8f8;}

.listing-type-table .book-title { width: 300px;}
.listing-type-table .author { width: 100px;}
.listing-type-table .read-count,
.listing-type-table .comment-count,
.listing-type-table .comment-time { text-align: right;}
.listing-type-table th.last, .listing-type-table td.last { padding-right:15px;}

.listing-type-table table a { text-decoration:none;}


/* 搜索页面 */
.page-search-box { margin-bottom: 10px;}
.queryterm { color:#FF0033;}

/* 好友 */
.friends-trends li { line-height: 200%;}



/* ------------------------------
   表单
------------------------------ */

input.form-text, input.form-password {
    background: #fff url("/images/bg_input.gif") repeat-x 0 -1px;
	border-top: solid #777777 1px;
	border-right: solid #EEEEEE 1px;
	border-bottom: solid #EEEEEE 1px;
	border-left: solid #777777 1px;
	padding: 5px;
	width: 300px;
}
textarea {background: #fff url("/images/bg_input.gif") repeat-x 0 -1px; padding:5px;}
button { padding:5px 20px; margin:0;cursor: pointer; font-size:12px; vertical-align: middle; line-height:100%;}
button.submit,
button.strong { padding:5px 30px;border-top:1px solid #7d7d7d;border-right:1px solid #1b1b1b;border-bottom:1px solid #1b1b1b; border-left:1px solid #7d7d7d;background-color:#333; color:#FFFFFF; }
button.cancel,
button.weak { border-top:1px solid #e7e7e7; border-right: 1px solid #666; border-bottom:1px solid #666; border-left:1px solid #e7e7e7; background-color:#f0f0f0; color: #333;}
button.mic_btn { padding:3px 20px; line-height:60%border-top:1px solid #e7e7e7; border-right: 1px solid #666; border-bottom:1px solid #666; border-left:1px solid #e7e7e7; background-color:#f0f0f0; color: #333;}

/* 灯箱 */
.fb { width:500px;}
.fb { margin:5px}
.fb label { display:block;}
.fb input { width:488px;}
.fb textarea { width:488px; height:100px;}
.fb .notes { margin:30px 0;}

.fb_m { padding:5px;}
.fb_m table { border-collapse: collapse; width:100%;}
.fb_m table td { padding:5px 0; vertical-align:top; line-height:180%;}
.fb_m table tr { background:url(/images/dotted_line_x.gif) repeat-x 0 bottom;}
.fb_m .head { border-bottom:solid 1px #CCC;}
.fb_m .head .title { float:left;}
.fb_m .head .price { float:right; color:#900; font-size:1.17em; font-weight:bold;}

#createpage label {
	display: block;
}
#createpage div {
	margin: 15px 0;
}
/*
.fb_m .odd { background-color:#f2f2f2; border-bottom:solid 1px #E5E5E5;}
.fb_m .even { background-color:#FFF;border-bottom:solid 1px #E5E5E5;}
*/


/* 按钮 */
.print {}
.edit {}
.delete {}
.recommend {}

li.icon-book 	{ padding-left:30px; background:url(/images/book_open.png) no-repeat 3px 3px;}
li.icon-friend 	{ padding-left:30px; background:url(/images/group.png) no-repeat 3px 3px;}
li.icon-event	{ padding-left:30px; background:url(/images/calendar.png) no-repeat 3px 3px;}


.notes { color:#666666;}
.invite-type { padding: 15px 0; background:url(/images/dotted_line_x.gif) repeat-x 0 100%;}



/* 帐户设置 */
.upload-avatar { margin:10px 0;}
.set-table {width:50%;}
.set-table th { width:100px; text-align:left; padding:5px;vertical-align: top;}
.set-table td { padding:5px;vertical-align: top;}


/* ------------------------------
   订单
------------------------------ */

.orders {}

.shopping-cart { 
	width:100%;
	}
.shopping-cart td { padding:5px; border-bottom:1px solid #ccc;}
.shopping-cart thead td { background-color:#0099CC; color:#fff; }
.shopping-cart td.first { padding-left:10px;}
.shopping-cart td.last { padding-right:10px; text-align:right;}
.operation { margin:30px 0;}
.operation .return { width:400px; float:left;}
.operation .continue { width:500px; float:right; text-align:right;}

.shipping label { display:block; margin-top:10px;}

#recipient-information { }
#shipping-information { margin-top: 30px; }
#shipping-information br { clear: left; }
#pay-information { }



div#ebank-list { padding:1em 2em; border:1px solid #ccc; background-color:#FFFFCC;}

/* ------------------------------
   使用之旅
------------------------------ */
#profile { border-bottom:1px solid #E5E5E5; margin-bottom:2em;}
#details .guide { float:left; margin:0 0 15px 15px; padding: 0 0 0 15px; width:295px; height:190px; background:url(/images/dotted_line_y.gif) repeat-y 0 0;}
#details .guide a img { padding:5px; border:1px solid #F2F2F2; width:200px;height:120px}
#details .guide a:hover img { border:1px solid #ccc;}
#details .guide-1, #details .guide-4 { margin:0; padding:0; background:none; clear: both;}


.slideshow { position:relative;}

#relat-col { 
	position: absolute;
	top: 80px;
	right:20px;
	width:120px;
}

#relat-col select { width:120px;}
#relat-col .content { 
	margin-top: 15px;
	padding: 15px;
	background-color:#FFF;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;

}

/* ------------------------------
   Help
------------------------------ */
/*
#faq { margin-right:15px; padding-bottom:30px;}
#faq h3 { margin:1em 0 1em 0;}
#faq ul {
	list-style: outside;
	padding: 0 0 0 3em;
}
#faq ol {
	list-style: outside;
	padding: 0 0 0 3em;
}
#faq li.square { list-style-type: square }
#faq ul.plain  { list-style-type: none }
#faq ol        { list-style-type: decimal }
#faq ol ol     { list-style-type: lower-latin }
#faq ol ol ol  { list-style-type: lower-roman }
*/
#faq { padding:0 15px 30px 15px;}
#faq h3 { margin:1em 0 1em 0; padding: 1em 0 0 0; border-top: 1px solid #ccc;}
#faq ul, #faq ol {
    list-style: outside;
    padding: 0 0 0 2em;
    margin: 1em auto;
}
#faq ul li, #faq ol li  {margin: 0.5em auto;}

#faq li.square { list-style-type: square }
#faq ul.plain  { list-style-type: none }
#faq ol        { list-style-type: decimal }     /* 1 2 3 4 5 etc. */
#faq ol ol     { list-style-type: lower-latin }  /* a b c d e etc. */
#faq ol ol ol  { list-style-type: lower-roman }  /* i ii iii iv v etc. */

/* ------------------------------
   Gallery
------------------------------ */

.gallery {
	float:left;
	margin-right: 15px;
	padding-bottom:15px;
}
.gallery .cover {
    padding:8px;
    border: solid #EAEAEA 1px;
}

.gallery .cover_poll {
    padding:8px;
    border: solid #EAEAEA 1px;
    width: 150px;
    height: 100px;
}

.gallery .title {
	font-size:1em;
	margin:0;
	padding:0;
}
.gallery .author {
	margin:0;
	padding:0;
}
.gallery-preview img { float:left; margin:0;}

.gallery-info p { border-bottom: solid #E5E5E5 1px; margin:0; padding: 5px 0;}
.gallery-info span.title { color:#999;}
.gallery-info span.content {}

/* ------------------------------
   Error Pages
------------------------------ */

body#error-pages #content { background: #FFF url(../images/warning.gif) no-repeat 50% 50%;}

/* ------------------------------
   Shop Pages
------------------------------ */

.shipping h3, #verify h3 {background-color:#0099CC; color:#fff;
padding: 5px 10px;border-bottom:1px solid #ccc; font-size:1em;}

div#verify, div.shipping { padding-top: 0px;}
.operation .notes { line-height:25px;} 



/**  author: 夏鑫  **/
/*  --------------------------------------
	search - user
--------------------------------------  */
.search-user {
	margin-right:10px;
	margin-bottom:10px;
	width:173px;
	height:163px;
	float: left;
}

.search-user p, h3{
	margin:0px 0px 1px 0px;
	padding:0px;
}
.mp-1px p{
	margin:0px 0px 2px 0px;
	padding:0px;
}

/*  --------------------------------------
	mine - index
--------------------------------------  */
.tabs a {
	cursor: pointer;
}

#isfriend-info a{
    background:transparent url(/images/join_friend.png) no-repeat;
}

.isfriend-info {
    background:transparent url(/images/join_friend.png) no-repeat;
}

#pay-deliver label,
/*
#pay-deliver input{ float:left; height:20px; line-height:20px; padding:0px 0px; margin:0px 0px 10px 0px; }
*/
#pay-deliver label { margin:0px; width: 80px; text-align: left; }

#pay-deliver .box div{ float: left; }

#pay-deliver .box { clear: both; }

#pay-deliver .input-button {
    background-color:#333333;
    border-color:#7D7D7D #1B1B1B #1B1B1B #7D7D7D;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    padding:2px 12px;
    margin-right:10px;
}

.button {
    background-color:#333333;
    border-color:#7D7D7D #1B1B1B #1B1B1B #7D7D7D;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    padding:2px 12px;
}

.pay-deliver label,
.pay-deliver input{ float:left; height:20px; line-height:20px; padding:0px 0px; margin:0px 0px 10px 0px; }

.pay-deliver label { margin:0px; width: 80px; text-align: left; }

.pay-deliver .box div{ float: left; }

.pay-deliver .box { clear: both; }

.pay-deliver .input-button {
    background-color:#333333;
    border-color:#7D7D7D #1B1B1B #1B1B1B #7D7D7D;
    border-style:solid;
    border-width:1px;
    color:#FFFFFF;
    padding:2px 12px;
    margin-right:10px;
}
.order-p {
    float:left;
    color:red;
    font-size:18px;
    font-weight: bold;
    height:22px;
    line-height: 22px;.
}
.order-price {
    height:20px;
    line-height:22px;
    float:left;
    border:1px #B7B7B7 solid;
    border-left:0px #B7B7B7 solid;
    padding-left:3px;
    padding-right:3px;
    display:block;
}
.order-price-image {
    background:transparent url(/images/order/price_background_left.png) no-repeat;
    float:left;
    width:7px;
    height:22px;
    display:block;
}

/* 站内信 */
.notify {
    background: transparent url(../images/tip.gif) no-repeat 0 0;
    padding: 3px 0 0 0;
    position: absolute;
    top: 20px;
}
.notify span {
    -moz-border-radius-topleft: 0px;
    -moz-border-radius-topright: 5px;
    -moz-border-radius-bottomright: 5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-top-left-radius: 0px;
    -webkit-border-top-right-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    background-color: #E60000;
    color:#FFF;
    cursor:pointer;
    display:inline-block;
    font-size:9px;
    font-weight:bold;
    padding:0 6px;
}
#ebank_button p{
    margin-top:2px;
    margin-bottom:2px;
}
.events-band-notebook {
		background-color:#000;
		color:#FFF;
		position:relative;
	}
.events-band-notebook-head {
		position:relative;
		top: 30px;
		left:-30px;
		z-index:50;
	}
	
	
	.events-band-notebook-head .badge {
		float:left;
		width:120px;
		}
		.events-band-notebook-head .description {
			float:left;
			margin-left:50px;
			width: 580px;
		}


div.events-custom-process { margin-top:30px;}
.events-custom-process .grid li {
		float:left;
		width: 165px;
		margin-right:15px;
		background-color:#ffffcc;
		height: 30px;
		padding: 17px 10px 20px 50px;
		border-bottom: solid #ccc 1px;
	}
.events-custom-process .grid li.last{ margin:0; }

.events-custom-process .item1 {
  background: url(../images/step1.gif) no-repeat 5px 15px;
}
.events-custom-process .item2 {
  background: url(../images/step2.gif) no-repeat 5px 15px;
}
.events-custom-process .item3 {
  background: url(../images/step3.gif) no-repeat 5px 15px;
}
.events-custom-process .item4 {
  background: url(../images/step4.gif) no-repeat 5px 15px;
}
.events-content-footer {
	border-top: solid #ccc 1px;
	border-bottom: solid #ccc 1px;
	margin-top:15px;
	padding: 10px 0;
}

.events-content-footer .c3 {float: left; width: 295px; border-right: solid #ccc 1px; height: 100px; padding: 0 10px }
.events-content-footer .last { border: none; }

.events-band-notebook-head div.signup { float: right; }
.events-band-notebook-head .signup a, 
.events-content-footer .signup a{ background: transparent url(../images/cjbz.png) no-repeat 0 -40px; width: 130px; height: 40px; display: block; }
.events-band-notebook-head .signup a:hover,
.events-content-footer .signup a:hover { background-position:0 0px;}
.events-band-notebook-head .signup span,
.events-content-footer .signup span { display: none; }

.events-content-footer div.signup { 
	}

	.mf{visibility: hidden; z-index:1; color:#fff; font-size:12px}
.mf * {
    outline:none;
    border:none;
    padding:0;
    margin:0;
    -moz-user-select: none;
    -webkit-user-select: none;
    user-select:none;
    -o-user-select:none
}
.mf div.loader{
    position:absolute;
    text-align:center;
    z-index:10000;
    margin:0 auto;
    top:45%;
    width:100%;
    background:url(../images/mooflow/ajax_loader.gif) no-repeat 50% 0;
    padding:50px 0;
}
.mf div.caption {
    position:absolute;
    text-align:center;
    z-index:98;
    margin:1em auto;
    bottom:50px;
    width:100%;
}
.mf div.mfNav{
    position:absolute;
    z-index:99;
    margin:0 auto;
    text-align:center;
    width:100%;
    bottom:20px;
    font-size:1px;
    line-height:1px;
    width:100%;
}
.mf div.autoPlayCon{
    float:left;
    width:10%;
    padding-left:3%;
    height:24px;
}
.mf a.play, .mf a.stop{
    width:27px;
    height:24px;
    float:left;
    cursor:pointer;
}
.mf a.play{
    background:url(../images/mooflow/play.gif) no-repeat;
}
.mf a.stop{
    background:url(../images/mooflow/stop.gif) no-repeat;
}
.mf div.sliderCon{
    margin-top:5px;
    float:left;
    width:74%;
}
.mf a.sliderNext{
    background:url(../images/mooflow/left.gif) no-repeat;
}
.mf a.sliderPrev{
    background:url(../images/mooflow/right.gif) no-repeat;
}
.mf a.sliderNext, a.sliderPrev{
    text-decoration:none;
    width:25px;
    height:16px;
    cursor:pointer;
    float:left;
}
.mf div.resizeCon{
    float:right;
    width:10%;
    padding-right:3%;
    height:24px;
}
.mf a.resize{
    width:34px;
    height:24px;
    float:right;
    cursor:pointer;
    background:url(../images/mooflow/resize.gif) no-repeat;
}
.mf div.slider{
    background:url(../images/mooflow/middle.gif) repeat-x;
    height:16px;
    position:relative;
    text-align:left;
    float:left;
}
.mf div.knob{
    height:16px;
    background:url(../images/mooflow/middle-slider.gif) repeat-x right center;
}
.mf div.knobleft{
    background:url(../images/mooflow/left-slider.gif) repeat-x center;
    width:8px;
    height:16px;
}

.list-horizontal li {
    float: left;
}

.pay-step li {
    line-height: 32px;
    padding: 0 15px 0 40px;
}

.pay-step .item1 { background: url(../images/pay-step1.png) no-repeat 0 100%; }
.pay-step .item2 { background: url(../images/pay-step2.png) no-repeat 0 100%; }
.pay-step .item3 { background: url(../images/pay-step3.png) no-repeat 0 100%; }
.pay-step .item4 { background: url(../images/pay-step4.png) no-repeat 0 100%; }
.pay-step .item5 { background: url(../images/pay-step5.png) no-repeat 0 100%; }

.pay-step .active { background-position: 0 0; }

.cell { margin-bottom: 15px;}

#pay-deliver dl { margin-bottom: 15px; }
#pay-deliver dt { float: left; width: 100px; margin-top: 3px; }
#pay-deliver dd { margin: 5px 5px 5px 105px; }
#pay-deliver .tips { color: #999; }

.primary { width: 732px; float:left;}
.secondary { width:200px; float:right;}
.pricing { background-color:#FFFFCC; text-align:center; padding:10px 0; border-bottom: solid #ccc 1px; }
.pricing h3 { padding-bottom:5px;}
.price { color:#E60000; font-size:1.5em; }
.main-content.conent-inside { width: 717px; }

/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice,
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }

.error      { background: #FBE3E4; color: #8a1f11; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #514721; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #264409; border-color: #C6D880; }
.error a    { color: #8a1f11; }
.notice a   { color: #514721; }
.success a  { color: #264409; }