/* ========================================================
  @ Bubble Board <board.tag>
======================================================== */

.board{

}

.board div.boardHeader{
	clear: both;
}

.board div.boardHeader div.left{
	width: 10px;
	height: 100%;
	float: left;
}

.board div.boardHeader div.right{
	width: 10px;
	height: 100%;
	float: right;
}

.board div.boardHeader div.center{
	margin-left: 10px;
	margin-right: 10px;
}

.board div.boardHeader div.center div.content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	border: 0px solid #fff;
}

.board div.boardHeader div.center div.content span.en{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

.board div.boardBody{
	/* padding: 5px 10px 0px 10px;*/
	zoom: 1;
	overflow: hidden;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
	clear: both;
}

.board div.boardFooter{
	width: 100%;
	clear: both;
}

.board div.boardFooter div.left{
	width: 10px;
	height: 100%;
	float: left;
}

.board div.boardFooter div.right{
	width: 10px;
	height: 100%;
	float: right;
}

.board div.boardFooter div.center{
	margin-left: 10px;
	margin-right: 10px;
}

.board div.boardFooter div.center div.content{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	text-align: right;
	border: 0px solid #fff;
}

.board div.boardFooter div.center div.content span.en{
	font-size: 11px;
	font-weight: bold;
	color: #fff;
}

/* ========================================================
  @ Bubble Board Function Bar 
======================================================== */

.functionBar{
	background-image: url(../../../WEB-PAGES/common/images/web/board/functionBar/topFunctionBar.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	border-bottom: 1px solid #ccc;	
	border-top: 1px solid #ccc;	
	border-left: 1px solid #fff;	
	border-right: 1px solid #fff;		
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;	
	height: 20px;
	line-height: 20px;
}

.functionBar div.right{
	float: right;
}


.functionBar div.left{
	float: left;
}

.functionBar ul{
	margin: 0px;
	padding: 0px;
}

.functionBar ul li{
	display: inline;
	padding: 0px 5px 0px 5px;
}

.functionBar div.left li{
	border-right: 1px solid #bbb;
}

.functionBar div.right li{
	border-left: 1px solid #bbb;
}

.functionBar ul li a{
	color: #000;
	text-decoration: none;
}

.functionBar ul li a:hover{
	color: #fa0;
	border-bottom: 1px dotted #fa0; 
}


/* ========================================================
  @ Bubble Board Body Color <board.tag>
======================================================== */

.board div.boardBody div.lightGray{
	background-color: #f5f5f5;
	border-left: 1px solid #ddd;
	border-right: 1px solid #ddd;
}

.board div.boardBody div.white{
	background-color: #fff;
}


/* ========================================================
  @ Bubble Board Header Color <board.tag>
======================================================== */

.board div.boardHeader div.black{
	height: 30px;
}

.board div.boardHeader div.black div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/black/L.gif);
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.black div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/black/R.gif);
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.black div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/black/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;
}

.board div.boardHeader div.black div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/black/bg.gif);
	background-repeat: repeat-x;
	background-position: top left;	
	color: #fff;
	line-height: 30px;
}

.board div.boardHeader div.yellowGreen{
	height: 30px;
}

.board div.boardHeader div.yellowGreen div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/yellowGreen/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.yellowGreen div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/yellowGreen/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.yellowGreen div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/yellowGreen/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardHeader div.yellowGreen div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/yellowGreen/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardHeader div.blue{
	height: 30px;
}

.board div.boardHeader div.blue div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/blue/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.blue div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/blue/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.blue div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/blue/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardHeader div.blue div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/blue/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardHeader div.green{
	height: 30px;
}

.board div.boardHeader div.green div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/green/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.green div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/green/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.green div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/green/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardHeader div.green div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/green/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardHeader div.orange{
	height: 30px;
}

.board div.boardHeader div.orange div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/orange/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.orange div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/orange/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.orange div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/orange/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
}

.board div.boardHeader div.orange div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/orange/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	color: #fff;
	line-height: 30px;
}

.board div.boardHeader div.white{
	height: 30px;
}

.board div.boardHeader div.white div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/white/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardHeader div.white div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/white/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardHeader div.white div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardHeader div.white div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #000;
	line-height: 30px;
}

.board div.boardHeader div.none_white{
	height: 10px;
	overflow: hidden;
}

.board div.boardHeader div.none_white div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/white/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
	overflow: hidden;
}

.board div.boardHeader div.none_white div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/white/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
}

.board div.boardHeader div.none_white div.center{
	background-color: #fff;
	/*
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	*/
	margin-left: 0px;
	margin-right: 0px;
	_margin-left: 10px;
	_margin-right: 10px;	
	overflow: hidden;
}

.board div.boardHeader div.none_white div.center div.content{
	background-color: #fff;
	/*	
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	*/
	color: #fff;
	line-height: 50px;
}

.board div.boardHeader div.none_lightGray{
	height: 10px;
	overflow: hidden;
}

.board div.boardHeader div.none_lightGray div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/lightGray/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
	overflow: hidden;
}

.board div.boardHeader div.none_lightGray div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/lightGray/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
	overflow: hidden;
}

.board div.boardHeader div.none_lightGray div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/lightGray/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	margin-left: 0px;
	margin-right: 0px;
	_margin-left: 10px;
	_margin-right: 10px;	
	overflow: hidden;
}

.board div.boardHeader div.none_lightGray div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/header/none/lightGray/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	color: #fff;
	line-height: 50px;
}


/* ========================================================
  @ Bubble Board Footer Color <board.tag>
======================================================== */

.board div.boardFooter div.black{
	height: 30px;
}

.board div.boardFooter div.black div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/black/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;
}

.board div.boardFooter div.black div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/black/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;	
}

.board div.boardFooter div.black div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/black/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.black div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/black/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardFooter div.yellowGreen{
	height: 30px;
}

.board div.boardFooter div.yellowGreen div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/yellowGreen/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardFooter div.yellowGreen div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/yellowGreen/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardFooter div.yellowGreen div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/yellowGreen/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.yellowGreen div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/yellowGreen/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardFooter div.blue{
	height: 30px;
}

.board div.boardFooter div.blue div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/blue/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardFooter div.blue div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/blue/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardFooter div.blue div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/blue/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.blue div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/blue/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardFooter div.green{
	height: 30px;
}

.board div.boardFooter div.green div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/green/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardFooter div.green div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/green/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardFooter div.green div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/green/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.green div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/green/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	color: #fff;
	line-height: 30px;
}

.board div.boardFooter div.orange{
	height: 30px;
}

.board div.boardFooter div.orange div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/orange/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardFooter div.orange div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/orange/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardFooter div.orange div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/orange/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.orange div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/orange/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #fff;
	line-height: 30px;
}

.board div.boardFooter div.white{
	height: 30px;
}

.board div.boardFooter div.white div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/white/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;	
}

.board div.boardFooter div.white div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/white/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;
}

.board div.boardFooter div.white div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
}

.board div.boardFooter div.white div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;		
	color: #000;
	line-height: 30px;
}

.board div.boardFooter div.none_white{
	height: 10px;
	overflow: hidden;
}

.board div.boardFooter div.none_white div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/white/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

.board div.boardFooter div.none_white div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/white/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;	
	overflow: hidden;
}

.board div.boardFooter div.none_white div.center{
	background-color: #fff;
	/*		
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	*/
	margin-left: 0px;
	margin-right: 0px;
	_margin-left: 10px;
	_margin-right: 10px;	
	overflow: hidden;
}

.board div.boardFooter div.none_white div.center div.content{
	background-color: #fff;
	/*		
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/white/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	*/	
	color: #fff;
	line-height: 50px;
}

.board div.boardFooter div.none_lightGray{
	height: 10px;
	overflow: hidden;
}

.board div.boardFooter div.none_lightGray div.left{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/lightGray/L.gif); 
	background-repeat: no-repeat;
	background-position: top left;
	overflow: hidden;
}

.board div.boardFooter div.none_lightGray div.right{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/lightGray/R.gif); 
	background-repeat: no-repeat;
	background-position: top right;	
	overflow: hidden;
}

.board div.boardFooter div.none_lightGray div.center{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/lightGray/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;
	margin-left: 0px;
	margin-right: 0px;
	_margin-left: 10px;
	_margin-right: 10px;	
	overflow: hidden;
}

.board div.boardFooter div.none_lightGray div.center div.content{
	background-image: url(../../../WEB-PAGES/common/images/web/board/footer/none/lightGray/bg.gif); 
	background-repeat: repeat-x;
	background-position: top left;	
	color: #fff;
	line-height: 50px;
}

/*===============================
subject
===============================*/

div.subject{
	margin: 0px 10px 10px 10px;
	height: 35px;
	zoom: 1;	
}

div.subject div.title{
	padding-top: 4px;
	margin-left: 45px;
	color: #07d;
	font-size: 15px;
	font-weight: bold;
}


div.subject div.description{
	margin-left: 45px;
	color: #aaa;
	font-size: 11px;
	font-weight: bold;
}


/*===============================
ICON
===============================*/

div.icon_gear{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px 0px;	
}


div.icon_start{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px -40px;	
}

div.icon_tag{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px -80px;	
}


div.icon_home{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px -120px;	
}

div.icon_heart{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px -160px;	
}

div.icon_remark{
	background-image: url(../../../WEB-PAGES/common/images/web/board/subject/icon.gif); 
	background-repeat: no-repeat;
	background-position: 0px -200px;	
}