﻿/*board*/
div.board
{
	width: 880px;
	margin: 0 auto auto;
	font-family: Lucida Sans Unicode,Arial,Tahoma;
	font-size: 13px;
	border: 2px solid #EEE;
	padding: 5px;
	color: #666;
	text-align: left;
}
div.board div.board_sitemap
{
	padding: 10px 5px 10px 5px;
	font-size: x-small;
}
div.board a:link, div.board a:visited
{
	color: #FD20A5;
	text-decoration: underline;
}
div.board a:hover
{
	text-decoration: none;
}
div.board table
{
	width: 100%;
}
div.board table th
{
	text-align: center;
	padding: 10px 5px 10px 5px;
	color: #666;
}
div.board table td
{
	border-top: 3px solid #EEE;
}
div.board table div.programme_name
{
	font-weight: bold;
	color: #999;
}
div.board table div.programme_desc
{
	color: #AAA;
	font-size: smaller;
}
div.board table .head_last_post
{
	width: 200px;
}
div.board table div.last_post
{
	display: block;
	padding-left: 10px;
	width: 190px;
	overflow-x: hidden;
}
div.board table div.last_post span
{
	font-size: x-small;
}
div.board table div.last_post span a
{
	font-size: small;
}
div.board table div.last_post span b
{
	color: Green;
}


/*viewtopic*/
div.avatar48x48
{
	float: left;
	width: 48px;
	height: 48px;
	display: block;
	margin-right: 10px;
}
div.viewtopic
{
	margin: 0 auto auto;
	font-family: Lucida Sans Unicode,Arial,Tahoma;
	width: 100%;
	background: url(/Content/im/board/topic_list_bg.gif) repeat-x;
	padding: 10px;
	font-size: 12px;
	text-align: left;
}
.viewtopic table.topic
{
	width: 100%;
	border: 1px solid #3c4453;
	background-color: #f2f2f2;
}
.viewtopic table tr td:first-child
{
	border-left: 1px solid #FFF;
}
.viewtopic table tr td
{
	border-top: 1px solid #FFF;
	border-right: 1px solid #FFF;
	padding: 7px;
}
.topic td.title
{
	padding: 5px;
	background: url(/Content/im/board/head_bg.gif) repeat-x #c0c0c0;
	height: 30px;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
}
.topic .sub td
{
	background: url(/Content/im/board/sub_bg.gif) repeat-x #ddd;
}
.topic .bottom td
{
	background-color: #ddd;
	padding: 5px;
	padding-bottom: 3px;
	font-size: 10px;
}
.postname
{
	font-weight: bold;
	padding-left: 20px;
	background: url(/Content/im/board/user_gray_16x16.gif) no-repeat;
}
.topic .detail
{
	overflow: auto; /* cater to the older browsers */
	overflow: -moz-scrollbars-horizontal; /* for FF */
	overflow-x: auto; /* scroll horizontal */
	overflow-y: hidden; /* Hide vertical*/
	width: 750px;
}

/*topiclist*/
div.topiclist a, div.topiclist a:visited
{
	cursor: pointer;
}

div.topiclist
{
	margin: 0 auto auto;
	font-family: Lucida Sans Unicode,Arial,Tahoma;
	width: 700px;
	padding-top: 20px;
	padding-bottom: 20px;
	text-align: left;
	font-size: 13px;
}
div.topiclist table
{
	width: 100%;
}
div.topiclist table th
{
	padding-bottom: 10px;
	margin-bottom: 10px;
}

div.topiclist table td
{
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EEE;
}

div.topiclist table td .detail
{
	width:420px;
	overflow: auto; /* cater to the older browsers */
	overflow: -moz-scrollbars-horizontal; /* for FF */
	overflow-x: auto; /* scroll horizontal */
	overflow-y: hidden; /* Hide vertical*/
	float:right;
	display:table;
}
div.topiclist table td .detail span.topic
{
	width: 420px;
	display: block;
	height: 16px;
	overflow: auto; /* cater to the older browsers */
	overflow: -moz-scrollbars-horizontal; /* for FF */
	overflow-x: auto; /* scroll horizontal */
	overflow-y: hidden; /* Hide vertical*/
	margin-bottom:3px;
}
div.topiclist table td .detail span.shortdesc
{
	width: 420px;
	display: block;
	height: 16px;
	font-size:10px;
	color:#666;
	overflow: auto; /* cater to the older browsers */
	overflow: -moz-scrollbars-horizontal; /* for FF */
	overflow-x: auto; /* scroll horizontal */
	overflow-y: hidden; /* Hide vertical*/
}

.topiclist div.main
{
	width: 846px;
	margin: 0 auto auto;
}

.topiclist div.main span.boardtitle
{
	font-weight: bold;
	color: #fd20a5;
	font-size: 14px;
}
span.boardtitle span
{
	font-family: Lucida HandWriting,Arial;
}
.topiclist div.newtopic
{
	width: 800px;
	margin: 0 auto auto;
}
div.newtopic table
{
	margin: 0 auto auto;
	width: 700px;
	font-size: 12px;
}
div.newtopic table th
{
	font-weight: normal;
	color: #333333;
}
div.newtopic span.boardtitle
{
	font-weight: bold;
	color: #fd20a5;
	font-size: 14px;
}
div.newtopic table table
{
	width: auto;
}
div.newtopic table td
{
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
}
div.main table th
{
	font-weight: normal;
	color: #333333;
	border-top: 1px solid #dddddd;
}
div.main table th, div.main table td
{
	font-size: 12px;
	padding-top: 3px;
	padding-bottom: 3px;
	border-bottom: 1px solid #dddddd;
}

div.main table td div.detail
{
	float: left;
	display: block;
	width: 500px;
}
div.main span.topic
{
	color: #4c4c4c;
	font-size: 13px;
	font-weight: bold;
	display: block;
	width: 535px;
	height: 20px;
	overflow: hidden;
}
div.main span.shortdesc
{
	color: #333333;
	font-size: 13px;
	display: block;
	width: 535px;
	height: 20px;
}

