#Story { width: 580px; margin: auto; min-height: 300px; }
#Story h2.Title { width: 162px; height: 55px; background: url(../images/story/sprite_title.gif) -5px -10px no-repeat; text-indent: -1000px; overflow: hidden; margin: 0px 0px 13px; padding: 0px; }
#bx_story_pin .title { background: transparent url(../images/story/sprite_title.gif) 10px -66px no-repeat; width: 120px; height: 30px; text-indent: -1000px; overflow: hidden; }
#bx_story_pin .bx_t { padding-bottom: 8px; }
#bx_story_pin li { background: url(../images/li_disc.gif) 0px 3px no-repeat; padding: 0px 0px 0px 20px; width: 524px; margin: 5px auto; }
#bx_story_pin li a { color: #FF8300; font-weight: bold; text-decoration: none; }
#bx_story_rec .title { background: url(../images/story/sprite_title.gif) 0px -100px no-repeat; height: 20px; overflow: hidden; text-indent: -1000px; width: 150px; }
#bx_story_rec ul { background: url(../images/story/li.gif) 15px 2px no-repeat; margin-top: 10px; *margin-top: 25px; }
#bx_story_rec li { padding: 0px 0px 0px 20px; width: 524px; margin: 7px auto; height: 16px; overflow: hidden; }
#bx_story_rec li a { color: #909090; font-weight: bold; text-decoration: none; }
.filter_category { height: 30px; background: url(../images/story/sprite_title.gif) 20px -120px no-repeat; width: 580px; padding-left: 120px; margin-top: 10px; }
.filter_category label { height: 25px; width: 48px; background: url(../images/story/sprite_category.gif) 0px 0px no-repeat; display: inline-block; overflow: hidden; text-indent: -1000px; }
.filter_category label.cat_2 { background-position: 0px -30px; }
.filter_category label.cat_3 { background-position: 0px -60px; }
.filter_category label.cat_4 { background-position: 0px -90px; }
.filter_category label.cat_5 { background-position: 0px -120px; }
.filter_category label.cat_6 { background-position: 0px -150px; }
.filter_category .go { width: 17px; height: 17px; display: inline-block; background: url(../images/story/sprite_button.gif) -2px -261px no-repeat; border: 0px; cursor: pointer; }
.filter_category_action { height: 30px; margin-left: 20px; }
.filter_category_action div { display: block; float: left; }
.filter_category_action #Story_subCategory { width: 150px; }
.action { height: 25px; }
.action a { height: 20px; width: 90px; background: url(../images/story/sprite_button.gif) 0px 3px no-repeat; display: block; float: left; overflow: hidden; text-indent: -1000px; margin: 5px 0px 0px 5px; }
.action a.create { background-position: 0px -17px; }
.action a.refresh { width: 80px; background-position: 0px -37px; }

#bx_story_filter .bx_t { padding: 5px; width: 570px; }
#bx_story_filter .filter_category_action { padding-top: 5px; }
#searchBox { color: #777; font-weight: bold; position: relative; margin-left: 20px; height: 130px; }
#searchBox div { width: 220px; float: left; }
#searchBox .title { width: 91px; height: 26px; background: url(../images/story/sprite_title.gif) 0px -220px no-repeat; text-indent: -1000px; overflow: hidden; }
#searchBox .search { background: url(../images/story/sprite_button.gif) 0px -320px no-repeat; border: 0px; cursor: pointer; width: 75px; height: 21px; position: absolute; bottom: 22px; right: 100px; }

.sorting { text-align: right; width: 570px; color: #999; }
.sorting a { text-decoration: none; font-weight: bold; color: #FF9501; }
.sorting .order { background: url(../images/story/sprite_button.gif) right -440px no-repeat; padding-right: 15px; }
.sorting .orderasc { background-position: right -480px; }
.sorting .orderdsc { background-position: right -460px; }

.box_story { color: #FF8900; font-weight: bold; }
.box_story label { color: #FF8900; font-weight: bold; display: inline-block; width: 80px; }
.box_story .info { width: 370px; float: left; margin: 16px 10px; line-height: 22px; }
.box_story .cover { width: 107px; height: 112px; background: url(../images/story/story_cover.gif) 0px 0px no-repeat; padding: 6px 0px 0px 8px; float: left; margin: 16px 18px; text-align: center; }
.box_story .cover div { width: 100px; height: 100px; overflow: hidden; margin-bottom: 30px; }
.box_story .cover label { width: 50px; }
.box_story .title { color: #239EAE; font-weight: bold; }
.box_story .alias { color: #848484; }
.box_story .cat, .box_story .view { width: 110px; display: inline-block; }
.box_story label.free { width: auto; }
.box_story .part { width: 45px; display: inline-block; }
.box_story .brief { font-weight: normal; color: #848484; }
.box_story .action { text-align: right; padding: 10px; clear: both; }
.box_story .action .read { width: 50px; height: 15px; background: url(../images/story/sprite_button.gif) 0px -160px no-repeat; text-indent: 1000px; overflow: hidden; display: inline-block; }

#bx_story_info { color: #848484; font-weight: bold; }
#bx_story_info .bx_tline { height: 0px; }
#bx_story_info .bx_tline .title { background: transparent url(../images/story/sprite_title.gif) 0px -180px no-repeat; width: 100px; height: 20px; text-indent: -1000px; overflow: hidden; }
#bx_story_info label { color: #FF8900; font-weight: bold; display: inline-block; width: 85px; }
#bx_story_info .info { width: 370px; float: left; margin: 10px 10px; line-height: 22px; }
#bx_story_info .cover { width: 107px; height: 112px; background: url(../images/story/story_cover.gif) 0px 0px no-repeat; padding: 6px 0px 0px 8px; float: left; margin: 16px 18px; text-align: center; }
#bx_story_info .cover div { width: 100px; height: 100px; overflow: hidden; margin-bottom: 30px; }
#bx_story_info .info .title { color: #239EAE; font-weight: bold; }
#bx_story_info .alias { color: #848484; }
#bx_story_info .cat, .box_story .view { width: 110px; display: inline-block; }
#bx_story_info label.free { width: auto; }
#bx_story_info .part { width: 45px; display: inline-block; }
#bx_story_info .brief { clear: both; font-weight: bold; color: #848484; width: 560px; margin: 0px auto; padding-bottom: 10px; }
#bx_story_info .brief .title { text-align: center; padding-bottom: 5px; }

.story_info_action { padding: 0px 3px 5px 0px; text-align: right; }
.story_info_action a { width: 55px; height: 16px; background: url(../images/story/sprite_button.gif) 0px -60px no-repeat; text-indent: 1000px; overflow: hidden; display: inline-block; }
.story_info_action .vote { background-position: 0px -60px; width: 55px; }
.story_info_action .archive { background-position: 0px -80px; width: 69px; }
.story_info_action .friend { background-position: 0px -100px; width: 70px; }
.story_info_action .track { background-position: 0px -120px; width: 140px; }
.story_info_action .abuse { background-position: 0px -140px; width: 60px; }
.addthis_button { float: right; }

#bx_part_list { margin-top: 10px; }
#bx_part_list .title { background: url(../images/story/sprite_title.gif) 10px -145px no-repeat; height: 30px; text-indent: -1000px; }
#bx_part_list thead th { color: #FF8301; font-weight: bold; padding: 5px 0px; }
#bx_part_list tbody th { color: #3D9BAC; font-weight: bold; background: url(../images/li_disc.gif) 18px 6px no-repeat; text-align: left; padding: 2px 0px 2px 36px; }
#bx_part_list tbody td { color: #A7A7A7; padding: 2px 0px; text-align: center; }
#bx_part_list tbody td .read { width: 45px; height: 15px; background: url(../images/story/sprite_button.gif) 0px -160px no-repeat; text-indent: 1000px; overflow: hidden; display: inline-block; }

.title_story_comment { height: 30px; position: relative; }
.title_story_comment .hr_light { position: absolute; left: 0px; top: 9px; width: 580px; }
.title_story_comment .title { position: absolute; left: 15px; width: 125px; height: 20px; background: url(../images/story/sprite_title.gif) 0px -200px no-repeat; }

.box_story_comment th { width: 100px; text-align: right; color: #FF9007; font-weight: bold; padding-right: 30px; vertical-align: top; }
.box_story_comment td { vertical-align: top; }
.box_story_comment .comment { width: 107px; height: 17px; background: url(../images/story/sprite_button.gif) 0px -175px no-repeat; border: 0px; text-indent: 1000px; overflow: hidden; cursor: pointer; }
.box_story_comment .preview { width: 67px; height: 17px; background: url(../images/story/sprite_button.gif) 0px -195px no-repeat; border: 0px; text-indent: 1000px; overflow: hidden; cursor: pointer; }

.box_comment .cnt { width: 546px; margin: 0px auto; color: #999; padding: 5px 0px; }
.box_comment .cnt .title { font-weight: bold; color: #FF9501; }
.box_comment .cnt .body { padding: 10px; }
.box_comment .info span { color: #207986; }
.box_comment .info .by { font-weight: bold; color: #207986; padding-left: 5px; }
.box_comment .info .by a { color: #999; text-decoration: underline; }
.box_comment .info label { font-weight: bold; color: #759E17; }
.box_comment .action { height: 15px; padding-top: 10px; }
.box_comment .action a { display: block; height: 15px; background: url(../images/story/sprite_button.gif) 0px 0px no-repeat; text-indent: -1000px; overflow: hidden; float: right; margin-left: 5px; }
.box_comment .action a.pm { width: 110px; background-position: 0px -215px; }
.box_comment .action a.abuse { width: 60px; background-position: 0px -235px; }

#Story .paging .go { display: inline-block; width: 19px; height: 18px; background: url(../images/story/sprite_button.gif) -45px -290px no-repeat; margin: 0px 2px; }
#Story .paging a { width: 14px; height: 14px; background: url(../images/story/sprite_button.gif) -45px -290px no-repeat; }
#Story .paging .next { background-position: -73px -292px; }
#Story .paging .last { background-position: -93px -292px; }
#Story .paging .prev { background-position: -23px -292px; }
#Story .paging .first { background-position: -3px -292px; }

/*


#Story_Category, #Story_subCategory {
	display:inline;
	margin:0 5px 0 0;
}
.listStory {
	position:relative;
	width:555px;
	padding: 0 0 10px 0;
	border-bottom:1px dashed #ff8040;
}
.listStory .clear {
	clear:both;
	width:0px;
}
.listStory .action {
	display:block;
	text-align:right;
	padding: 0 10px 0 0;
}
.showImage {
	float:left;
	width:130px;
}
.showImage div{
	position:relative;
	text-align:center;
	width:115px;
	height:115px;
	margin:10px 0 10px 0; 
	background-color:black;
}
.showImage div img{
	position:absolute;
	margin:auto;
	top:0;
	bottom:0;
	left:0;
	right:0;
}
.showImage span label{
	color:#FF9501;
	text-align:left;
	display:inline-table;
}
.contentStory {
	float:left;
	width:400px;
}
.contentStory ul{
	list-style-type:none;
	margin:10px 0 0 0;
	padding:0;
}
.contentStory ul li label{
	color:#FF9501;
	text-align:left;
	padding:0 5px 0 0;
	width:85px;
	display:inline-table;
}
.contentStory ul li span.col2{
	text-align:left;
	width:78px;
	display:inline-table;
}
.contentStory ul li label.col3{
	color:#FF9501;
	text-align:left;
	width:auto;
	display:inline-table;
}
.contentStory ul li span.col4{
	text-align:left;
	width:45px;
	display:inline-table;
}
.contentStory ul li label.col5{
	text-align:left;
	width:auto;
	display:inline-table;
}
.action {
	text-align:right;
	margin:0 10px 0 0;
}
.action span{
	display:block;
	margin:10px 0 0 0;
	padding:0;
}
.action, .action a { color: #01a7d7; text-decoration: none; font-weight: bold; }
.action .create { display: inline-block; height: 20px; background: url(../images/forum/button.gif) 0px -60px no-repeat; padding-left: 20px; }
.action .refresh { display: inline-block; height: 20px; background: url(../images/forum/button.gif) 0px -80px no-repeat; padding-left: 20px; }
.action .order { background: url(../images/forum/button.gif) right -100px no-repeat; padding-right: 15px; }
.action .orderasc { background-position: right -120px; }
.action .orderdsc { background-position: right -140px; }
#storyHeadDetail {
	padding:5px 0 5px 10px;
	background-color:#A4E6D8;
	color:#207994;
	font-weight:bold;
}
#storyDetail {
	padding:10px;
}
#searchBox {
	overflow:auto;
	border:1px solid red;
	margin:10px 0 10px 0;
	padding : 5px;
}
#searchBox ul{
	list-style-type:none;
	overflow:auto;
	width:540px;
	margin:0 0 0 20px;
	padding:0;
}
#searchBox li{
	float:left;
	width:180px;
	height:100%;
}
#searchBox li input{
	width:130px;
}
#partTitle {
	padding:5px;
	background-color:#A4E6D8;
}*/