html, body { margin: 0; padding: 0; border:none; font: 0.7em Arial, sans-serif, 新細明體; background-image: url(../images/bg001.gif); }
form { margin: 0;padding: 0; }

a { text-decoration: none; }
a:link { text-decoration: none; }
a:active { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: underline; color:#FFCC00; }
a.head:link { font-family: Arial; font-size: 12px; color: #444444; text-decoration: none;}
a.head:active { font-family: Arial; font-size: 12px; color: #444444; text-decoration: none;}
a.head:visited { font-family: Arial; font-size: 12px; color: #444444; text-decoration: none;}
a.head:hover { font-family: Arial; font-size: 12px; color: #444444; text-decoration: none;}
a.title:link { font-family: Arial; font-size: 16px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.title:active { font-family: Arial; font-size: 16px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.title:visited { font-family: Arial; font-size: 16px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.title:hover { font-family: Arial; font-size: 16px; color: #FFFFFF; font-weight: bold; text-decoration: none;}
a.link01:link { font-family: Arial; font-size: 12px; color: #9B8824; text-decoration: none;}
a.link01:active { font-family: Arial; font-size: 12px; color: #9B8824; text-decoration: none;}
a.link01:visited { font-family: Arial; font-size: 12px; color: #9B8824; text-decoration: none;}
a.link01:hover { font-family: Arial; font-size: 12px; color: #9B8824; text-decoration: none;}
.image { vertical-align:middle; }
/* layout   ------ */
.content
{
	width: 999px;
	height: 100%;
	margin: 0 auto;
	padding: 0;	
	font-size: 11pt;
	overflow: visible;
}
.workspace
{ 	
	width: 980px;
	height: 100%;
	margin: 0;	
	padding: 0;
	text-align: left;
	overflow: auto;
	background-color:#FFFFFF;	
	border:1px solid #E6E6E6;
	border-top: none;
}
.left_menu 
{	
	background-color: #FFF4C7;  
	width: 200px;
	height: auto;		
	margin: 0;
	padding: 0;
	overflow: visible;
}
.right_panel
{
	width: auto;
	height: 100%;
	margin: 0;
	padding: 0 0 0 4px;
	overflow: visible;
}
input.submit 
{
	background: #FFB438 url(../images/submit.gif) no-repeat;	
	border: 0;
	padding: 4px 0;
	width: 65px;
	height: 24px;
	margin: 0 15px 1px 0;
	color: #FFF;
	font: bold 1em Arial, Sans-Serif;
}
input.loginout
{
	width: 40px;
	height: 20px;
	margin: 0;
	padding: 0;	
	font-size: x-small;	
}
.browse_category
{
	font: blod 0.9em Arial;
	width: 190px;
	color: #FFF;
	background: inherit;
}
.search_field 
{	
	width: 120px;	
	color: #808080;
	font-size: 15px;	
	margin: 0;	
	padding: 0;
}
.search_input
{
	width: 45px;
	height: 90%;
	color: Black;
	background-color: #FF7256;
	margin: 0;
	padding:0;
	border: 1px solid #CCC;
}
.search_filter
{
	font-weight: bold;
}
.left 
{
	clear: both;
	float: left;
	width: 20%;
	height: auto;
	margin: 0;
	padding: 0;		
}
.left div.links
{	
	width: 100%;
	height: auto;
	background-color: #FBFBFB; 
	margin: 5px 0 5px 0;		
}
.right {
	float: right;	
	width: 30%;
	height: auto;
	margin: 0;
	padding: 0;		
}
.right h3 {
	height: 15px;
	background: #6C757A  url(../images/corner.gif) no-repeat top right;	
	color: #FFF;
	padding: 7px 0 7px 5px;
	font: bold 1.2em Tahoma, Arial, Sans-Serif;
	margin: 0;
}
.footer { 
	clear: both;	
	text-align: center;	
	padding: 10px 0 10px 0;
	margin: 0;
	background-color: #FF6060;
	overflow: visible;
}
.footer_text {font-family: Arial; font-size: 12px; color: #FFFFFF; }
.footer a:link { color: #EAEAAE; text-decoration: none; text-decoration: none;}
.footer a:active { color: #EAEAAE; text-decoration: none; text-decoration: none;}
.footer a:visited { color: #EAEAAE; text-decoration: none; text-decoration: none;}
.footer a:hover { color: #EAEAAE; text-decoration: none; text-decoration: underline;}
.links h3, .menu h3
{
	clear: both;	
	color: #FFF;
	background: #A9C0CE url(../images/corner.gif) no-repeat top right;
	padding: 7px 0 7px 5px;
	font: bold 1.2em Tahoma, Arial, Sans-Serif;
	text-align: center;
	margin: 0;
}
#bodyfooter { 
	clear: both;
	text-align:center;
	vertical-align: text-top;
	padding: 0;
	margin: 0;
	border-top: 1px solid #ccc;
	line-height: 1.8em;
}
.title 
{
	clear: both;
	margin:0;
	padding:0;
	height:auto;
	text-align: center;
}
.path
{
	clear: both;
	margin: 0 0 3px 0;	
	color: #6C757A;
}
.path a
{
	color: #6C757A;
}
.path a:visited 
{
	color: #6C757A;
	text-decoration: none;
}
.path a:hover
{
	color: #003399;
	text-decoration: underline;
}
#floater {
	position:absolute;
	width:500px;
	height:280px;
	margin-left:auto;
	margin-right:auto;
	border:1px solid #666;
	background-color:#eef;
	visibility:hidden;
	z-index:99;
	text-align:center;
}
.weblink { list-style:none;margin:0;padding:10px;text-align:center; }
.weblink li { clear:both;margin:5px;padding:3px; }
.min_height_400
{
	clear: both;
	text-align:left;
	width: 100%;
	margin: 0;
	padding: 0;
	min-height: 450px;
	height: auto!important;
	height: 450px;	
	overflow:visible; 	
}
fieldset 
{
	float:left;
	padding:10px;
	margin:8px;
	width:180px;
	color:#333; 
	border:#06c solid 1px;
} 
legend {
	color:#06c;
	font-weight:800; 	
	background:#fff;
	border:#b6b6b6 solid 1px;
	padding:3px 6px;
} 
.member_lst { margin:8px 8px 8px 15px;padding:3px; }
.member_lst li { padding:3px; }
.block_left 
{	
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 25px;
}
.block_left li { float:left; display:block; margin: 0 2px 0 0; }
.block_left li a { font-size:small; vertical-align:middle; } 
.block_right 
{
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 25px;
}
.block_right li { float:left; display:block; margin: 0 0 0 2px; }
.block_right li a { font-size:small; vertical-align:middle; }
/* ---- DetailsView background color ----- */
.MyDetailsView td { border-color: #CCC; }

/* ---- MultiView ----- */
.mv_div
{
	clear:both;	
	display: block;
	width: 98%;
	height: 100%;
	text-align: left;
	overflow:visible;
}
.mv_item, .mv_item a
{
	background-color: #D3D3D3;
	color: #919191;
	margin: 0 2px 0 2px;	
	padding: 0 2px 0 2px;	
	line-height: 25px;
	font-weight: normal;	
	text-decoration: none;
}
.mv_item_sel, .mv_item_sel a
{
	background-color: #FFA500;
	color: #FCFCFC;
	margin: 0 2px 0 2px;	
	padding: 0 2px 0 2px;	
	line-height: 25px;
	font-weight:bolder;
	text-decoration: none;
}
.mv_view
{	
	background-color: #f3f3f3;
	height: auto;
	margin: 0;
	padding: 5px;
	min-height: 300px;	
	overflow: visible;	
	border: 1px solid #CCC;
	border-left: 1px solid #f3f3f3;
	border-top: 1px solid #f3f3f3;
}