.ttr-Basic-TextAlignLeft
{
	text-align: left;
}

.ttr-Basic-TextAlignRight
{
	text-align: right;
}

.ttr-Basic-TextAlignCenter
{
	text-align: center;
}

.ttr-Basic-FullWidth
{
	width: 100%;
}

.ttr-SystemBlock1
{
	border: 1px solid #CCC;
	/*
	background: #FFF url(images/boxbg.png) repeat-x top left;
	*/
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 0px;
	margin-bottom: 8px;
	/*
	min-height: 100px;
	*/
}

.ttr-SystemBlock1 h3,
.ttr-SystemBlock1-header
{
	background: url('./images_extra/sidebarh3.jpg') repeat top left; 
	font: bold 16px "細明體", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #FFF;
	height: 25px;
	line-height: 25px;
	margin: 6px;
	padding: 0px 0px 0px 4px;
}

.ttr-SystemBlock1-header:hover
{
	background: url('./images_extra/sidebarh3_hover.jpg') repeat top left; 
}

.ttr-SystemBlock1 h4
{
	font: normal 18px "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin: 6px;
	padding: 0px;
}

.ttr-SystemBlock1 ul,
.ttr-SystemBlock1-body
{
	margin: 0px 6px 6px 6px;
	padding: 0px 0px 0px 0px;
	/*
	background-color: #ddffff;
	*/
}

.ttr-SystemBlock1 ul li
{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 10px 10px;
	font: normal 16px "細明體";
	color: black;
	text-align: justify;
	background: url(images/arrow2.png) no-repeat left 5px;
}

.ttr-SystemBlock1 ul ul
{
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	/*
	background-color: #ffffaa;
	font: normal 10px "細明體";
	border: 1px dashed #00ff00;
	border:none;
	background:none;
	*/
}

.ttr-SystemBlock1 ul li ul li
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font: normal 12px "細明體";
	color: red;
	text-align: justify;
	background: url(images/star_full.gif) no-repeat left 5px;
}

.ttr-SystemBox1
{
	/*  
	background: #FFF url(../images/boxbg.png) repeat-x top;
	*/
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 6px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
	font-size: 12px;
}

.ttr-SystemBox2
{
	background: #FFFFBB;
	padding: 6px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 6px;
	font-size: 12px;
}

.ttr-SearchResulsToolBar1
{
	height:25px;
	background: #F5F5F5 url('./images_extra/sec-bg-off.gif') repeat-x bottom left;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 0px;
	font-size: 14px;
}

.ttr-SearchResulsListing1
{
	background: #FFFFFF;
	padding: 1px 3px 1px 1px;
	border: 1px solid #CCCCCC;

	/*
	border-top   : 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left  : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	*/
}

.ttr-SearchResulsListing1 ul
{
	list-style-type: none;
}

.ttr-SearchResulsListing1 li
{
	font-size: 24px;
}

.ttr-SearchResulsListing2
{
	background: #CCE7EC;
	padding: 1px 3px 1px 1px;
	border: 1px solid #CCCCCC;

	/*
	border-top   : 1px solid #CCCCCC;
	border-bottom: 0px solid #CCCCCC;
	border-left  : 1px solid #CCCCCC;
	border-right : 1px solid #CCCCCC;
	*/
}

.ttr-SearchResulsToolBar2
{
	height:25px;
	background: #FFFFB9;
	padding: 5px 0px 5px 0px;
	border: 1px solid #CCC;
	margin-bottom: 0px;
	font-size: 14px;
}

.ttr-Table00
{
	width: 100% !important;
	border: none !important;
}

.ttr-Table01
{
	width: 100%;
	border: 1px solid #CCCCCC;
	/*
	border: 1px solid #FF0000;
	padding-bottom: 12px;
	padding: 2px 2px 2px 2px;
	*/
	font-family: 標楷體;
	border-collapse: collapse;
}

.ttr-Table01-trHeader
{
	background: #d39494;
	height: 30px;
	padding:1px;
	margin:1px;
	font-family: 標楷體;
	font-size: 14px;
	text-align: center;
	vertical-align: middle;
}

.ttr-Table01-trHeader th
{
	/*
	border: 1px solid #CCCCCC;
	*/
}

.ttr-Table01 tbody
{

}

.ttr-Table01-trData0
{
	vertical-align: middle;
	background-color: #EADFDF;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-Table01-trData0:hover
{
	background-color: #FFFFCC;
}

.ttr-Table01-trData0 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData1
{
	vertical-align: middle;
	background-color: #fff;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-Table01-trData1:hover
{
	background-color: #FFFFCC;
}

.ttr-Table01-trData1 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData2
{
	vertical-align: middle;
	background-color: #FFFF99;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-Table01-trData2 td
{
	/*
	border: 1px solid #CCCCCC;
	padding: 10px 0px 5px 2px;
	*/
}

.ttr-Table01-trData3
{
	vertical-align: middle;
	background-color: #CCE7EC;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-Table01-trDataO
{
	vertical-align: middle;
	background-color: #E0E9E1;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-Table01-trDataX
{
	vertical-align: middle;
	background-color: #FFD7DA;
	font-family: Arial, Helvetica,"新細明體", sans-serif;
	height: 30px;
}

.ttr-下拉選單_最寬
{
	width: 100%;			
	position: relative;		border: 1px solid #C0B6BB;		background-color: #FFFFFF;
	padding-top: 0px;		padding-left: 0px;				height: 21px;
}

.ttr-下拉選單_變寬
{
	position: relative;		border: 1px solid #C0B6BB;		background-color: #FFFFFF;
	padding-top: 0px;		padding-left: 0px;				height: 21px;
}

.ttr-下拉選單_變寬2
{
	position: relative;		background-color: #00CCCC;
	border-style: solid;	border-width: 1px;
	padding-top: 0px;		padding-left: 0px;
}

.ttr-方塊_最寬
{
	font-size: 1.0em;
	width: 99%;				overflow: auto;
	position: relative;		text-align: left;
	margin: 1px 0px 1px 1px;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
	}

.ttr-輸入框_100
{
	height: 1.2em;
	font-family: 細明體;
	width: 100px;
	padding: 4px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-輸入框_200
{
	height: 1.2em;
	font-family: 細明體;
	width: 200px;
	padding: 4px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-輸入框_300
{
	height: 1.2em;
	font-family: 細明體;
	width: 300px;
	padding: 4px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-輸入框_最寬
{
	height: 1.2em;
	font-family: 細明體;
	width: 100%;
	padding: 4px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-輸入框_變寬
{
	height: 1.2em;
	font-family: 細明體;
	padding: 4px 0px 0px 0px;
	position: relative;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-上傳框_最寬_置左
{
	width: 100%;			height: 1.6em;		position: relative;
	border: 1px solid #C0B6BB;
	text-align: left;
}

.ttr-選單路徑
{
	margin: 6px;
	padding: 5px;
	border: 1px solid #CCC;
	text-align: left;
	background-color: #FFFFB9;
	background-image: url('./images/sidebar_bg.png');
}

/* This is where you can customize the appearance of the tooltip */
div#tipDiv
{
	position:absolute; visibility:hidden;
	left:0; top:0; z-index:1000;
	
	padding:3px; font-size:11px;
	background-color:#dee7f7; border:1px solid #336;
}

.ttr-SystemBlock2
{
	border: 1px solid #CCC;
	background: #FFF url('./images_extra/feature-bg.png') repeat-x bottom left;
	padding: 10px;
	margin-bottom: 8px;
}

.ttr-ContentBlock
{
	/*
	border: 1px solid #CCC;
	*/
	background: #E0E9E1;
	font-size: 14px;
	padding: 10px 0px 10px 0px;	/* 上 右 下 左 */
	margin: 0px 0px 0px 0px;	/* 上 右 下 左 */
}

.ttr-ContentArea
{
	border: 1px solid #CCC;
	font-size: 14px;
	padding: 0px 0px 0px 0px;	/* 上 右 下 左 */
	margin: 0px 0px 0px 0px;	/* 上 右 下 左 */
}

.ttr-ContentGroup
{
	border: 1px solid #AAAAFF;
	font-size: 14px;
	padding: 0px 0px 0px 0px;	/* 上 右 下 左 */
	margin: 0px 0px 1px 30px;	/* 上 右 下 左 */
}

.ttr-ContentEntry
{
	border: 1px solid #FFCCCC;
	font-size: 14px;
	padding: 0px 0px 0px 0px;	/* 上 右 下 左 */
	margin: 0px 0px 1px 1px;	/* 上 右 下 左 */
}

.ttr-ContentGroup .BlockField
{
	text-align: left;
	padding-top: 7px;
	width: 300px; 
}

.ttr-ContentEntry .BlockField
{
	float: left;
	text-align: left;
	padding-top: 7px;
	width: 300px; 
	height: 24px;
}

.ttr-ContentEntry .BlockValue
{
	/*
	border: 1px solid #FFAAAA;
	*/
	float: right; 
	text-align: left;
	padding-top: 2px;
	width: 500px;
}

.ttr-ContentEntry .BlockInput
{
	float: left; 
	text-align: left;
	padding-top: 2px;
	width: 400px;
}

.ttr-ContentEntry .BlockButton
{
	float: left; 
	text-align: left;
	padding-top: 1px;
	width: 100px;
}

/* -------------------------------------------------------------- */

.ttr-EntryBlock
{
	/*
	border: 1px solid #AAAAAA;
	*/
	font-size: 14px;
	padding: 0px 0px 0px 0px;	/* 上 右 下 左 */
	margin: 0px 0px 1px 2em;	/* 上 右 下 左 */
}

.ttr-EntryContent
{
	/*
	border: 1px solid #FFCCCC;
	*/
	font-size: 14px;
	padding: 0px 0px 0px 0px;	/* 上 右 下 左 */
	margin: 3px -1px 3px 3px;	/* 上 右 下 左 */
}

.ttr-EntryContent .Block
{
	border: 1px solid #0000FF;
}

.ttr-EntryContent .Block:hover
{
	background: #FFFFCC;
}

.ttr-EntryContent .BlockField
{
	/*
	border: 1px solid #FFFF00;
	*/
	float: left;
	text-align: left;
	padding-top: 6px;
	width: 200px;				/* XML標籤的寬度 (每一層增加2em的寬度) */
	height: 20px;
}

.ttr-EntryContent .BlockFieldClosed
{
	color: blue;
}

.ttr-EntryContentOnFocus
{
	background: #FFFFBB;
}

.ttr-EntryContent .BlockValue
{
	/*
	background: #AAAAAA;
	border: 1px solid #FF00FF;
	*/

	float: right; 
	text-align: left;
	width: 600px;				/* 標籤節點控制區的寬度:A */
}

.ttr-EntryContent .BlockInput
{
	float: left; 
	text-align: left;
	padding: 2px 5px 0px 0px;	/* 上 右 下 左 */
	width: 450px;				/* 標籤內容編輯區的寬度:B */
}

.ttr-EntryContent .BlockOther
{
	/*
	border: 1px solid #FF00FF;
	*/
	float: left; 
	text-align: left;
	width: 130px;				/* 按扭區的寬度: A-B-20 要保留 20px 以免按鈕被折行 */
}

.ttr-TextButton
{
	color:blue;
	cursor:pointer;
}

.ttr-TextArea
{
	font-size: 1.0em;
	width: 100%;			overflow: auto;
	position: relative;		text-align: left;
	padding: 0px 0px 0px 0px;
	border: 1px solid #C0B6BB;
}

.ttr-Truncated
{
	overflow: hidden;
	height: 2.4em;
	padding: 2px;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

.ttr-Truncated2
{
	overflow: hidden;
	height: 2.4em;
	padding: 2px;
	border: 1px solid #C0B6BB;
	background-color: #FFFFFF;
}

/** 滑動選單 **/
#ttr-floatingMenu-top, #ttr-floatingMenu-ft, #ttr-floatingMenu-ct
{
	position:relative;
	cursor:pointer;
	height:40px;
	width:25px;
}

#ttr-floatingMenu-top
{
	background:url('./images_extra/roll.png') no-repeat;
}

#ttr-floatingMenu-ft
{
	background:url('./images_extra/roll.png') no-repeat 0 -80px;
}

#ttr-floatingMenu-ct
{
	background:url('./images_extra/roll.png') no-repeat 0 -40px;
}

#ttr-floatingMenu-roll
{
	display:block;
	width:25px;
	position:fixed;
	
	margin-right:-626px;
	right:50%;
	top:40%;
}