/*內頁用CSS*/
#content {
	border: 2px solid #AFD4F4;
    margin:10px;
    line-height:18px;
    font-family:Geneva, Arial, Helvetica, sans-serif;
	padding: 10px 10px 6px 10px;
    _width:100%;
    #width:100%;
    }



#content h1 {
	font-size:1.3em;
    font-weight:bold;
	color: #605CA8;
    padding:2px 0 20px 25px;
    margin:0 0 -10 10px;
    background:url(/newimages/main_arw.gif) no-repeat left top;
}
#content h1.noicon {background-image: none;}

#content h2 {
	font-size:1em;
    font-weight:bold;
	color: #DD4979;
    padding:2px 0 0px 20px;
    margin:10px 0 0 0px;
    background:url(/newimages/sub_arw.gif) no-repeat left top;
    border-bottom:1px dotted #909090;
}
#content h2.noline{border-bottom:none;}

#content h2.noicon{background-image: none;padding-left: 2px;}

#content h3 {
    margin-bottom: 3px;
}

#section{padding: 0px 30px 6px 20px; letter-spacing:1px}

/*
em{ font-style:normal;color:#FF0000;}
*/

.top{ border-bottom:1px solid #cccccc; text-align:right;padding:0;margin:0;}
.pagelink{color:#5482DE;font-size:13px}
.pagelink a:link,.pagelink a:visited{color:#5482DE}
.pagelink a:hover{color: #D31A57; text-decoration: underline;}


/* -----------------------------------------------------------上方搜尋區域----- */
.searchtable {
	border: 1px solid #7DA7D9;
	border-collapse: collapse;
	margin-left: 6px;
    margin-bottom: 12px;
}
.searchtable td {
	border: 1px solid #D2E5FC;
    background-color:#E9F2FD;
    color:#464646;
	padding: 5px;
}
.searchtable th {
	border: 1px solid #D2E5FC;
	background-color:#E9F2FD;
	font-weight:normal;
    font-size:0.8em;
	text-align: right;
	padding-left: 5px;
}
.searchtable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.searchtable tr.altrow {
	background-color: #DFE7F2;
	color: #000000;
}

/* -----------------------------------------------------------content ul---- */

ul#list{list-style-type: none; margin-left:20px;padding:0}
ul#list li{ line-height:18px; background-color:#E9F2FD;border-bottom:1px solid #ffffff;padding:3px 2px 2px 2px;}
ul#list li ul li{ line-height:18px;;border-bottom:none }
ul#list li a:link,ul#list li a:visited{ line-height:18px; color:#464646}
ul#list li a:hover{  background-color:#FFDCE7;}



 /* -----------------------------------------------------------clink----- */



#link h4{font-size:15px;
     margin:10px 0px 10px 0;
     padding:0;
    color:#605CA8;
    font-weight:bold;
    display:block;
    padding:6px 0 2px 5px;
    text-decoration:none;
     font-family:Verdana,Arial,  Helvetica, sans-serif;
    background-color:#F3F1F4;
    border-bottom:1px dotted #ACACAC;}

ul#link{margin:5px 8px 0 8px; padding:0;list-style:none}
#link li{
      background:url(/newimages/arw_orange.gif) no-repeat left 8px;
      padding:2px 0 0 10px;
      margin-left:10px;
      font-size:13px;
      font-family: Arial, Verdana,Helvetica, sans-serif}
#link li ul li{  background:none}

#link li a{  font-size:13px; text-decoration:underline}

#link li a:hover{text-decoration:none}


/* -----------------------------------------------------------資料表格----- */


#case {
	border:1px solid #7DA7D9;
    border-top:none;


}

ul#tabnav {
	list-style-type: none;
	margin: 0;
	padding-left: 40px;
	padding-bottom: 24px;
	border-bottom: 1px solid #7DA7D9;
	font:normal 11px verdana, arial, sans-serif;
}
ul#tabnav li {
	float: left;
	height: 21px;
        background:url(/newimages/tab_bg.gif) repeat-x top left;
	color: #534640;
	margin: 2px 2px 0 2px;
	border: 1px solid #7DA7D9;
        border-bottom:none;
}
ul#tabnav a:link, ul#tabnav a:visited {
	display: block;
	color: #534640;
	background-color: transparent;
	text-decoration: none;
	padding:4px 15px 4px 15px;
}


ul#tabnav span ,ul#tabnav a:hover{
	background:url(/newimages/tab_bg_over.gif) repeat-x top left;
    padding:4px 13px 4px 13px;
    display: block;
    color: #555555;
    font-weight:bold;
}

/* 工具列 */
.arrow {
    padding: 0 0 0 5px;
    margin: 0 0 0 0px;
}
.arrow li{
    display:inline;
    background:url(/newimages/arw_tellow.gif) no-repeat left ;
    padding:3px 10 0 13px;
    font-size:1em;
    /*
    background:url(/images/arrow_red.gif) no-repeat left;
    padding:4px 8 0 14px;
    font-size:1.1em;
    */
}
.arrow li a:link, .arrow li a:visited{
	text-decoration: none;
	color: #AAAAAA;
}
.arrow li a:hover, .arrow li a:active{
	text-decoration: underline;
	color: #000000;
}

.notes{ background:url(/newimages/arw_tellow.gif) no-repeat left ; padding:3px 0 0 15px;}

/*datatable*/
.datatable {
	border: 1px solid #ffffff;
    border-collapse:collapse;
    width:98%;
    line-height:18px;
    padding-right:10px;
}

.datatable td {
	border: 1px solid #ffffff;
        color:#464646;
	padding:5px;
}


.datatable td.altrow {
  padding-left:20px;
}


.datatable th {
	border: 1px solid #ffffff;
	background-color: #7DA7D9;
    font-size:13px;
	font-weight: normal;
    color:#FFFFFF;
	text-align: left;
	padding:5px;
}
.datatable caption {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable tr.altrow {
	background-color: #D4E3F5;

}
.datatable tr.altfree {
	background-color: #E9F2FD;

}
.datatable tr.altfree2 {
	background-color: #99CCCC ;

}

.datatable1 {
	border: 1px solid #ffffff;
    border-collapse:collapse;
    line-height:18px;
    padding-right:10px;
}

.datatable1 td {
	border: 1px solid #ffffff;
        color:#464646;
	padding:5px;
}


.datatable1 td.altrow {
  padding-left:20px;
}


.datatable1 th {
	border: 1px solid #ffffff;
	background-color: #7DA7D9;
    font-size:13px;
	font-weight: normal;
    color:#FFFFFF;
	text-align: left;
	padding:5px;
}
.datatable1 caption {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.datatable1 tr.altrow {
	background-color: #D4E3F5;

}
.datatable1 tr.altfree {
	background-color: #E9F2FD;

}

.datatable1 tr.altfree2 {
	background-color: #99CCCC ;

}
/* List table */
.listtable {
	border: 1px solid #ffffff !important;
    border-collapse:collapse !important;
    line-height:18px !important;
    padding-right:10px !important;
}

.listtable td {
	border: 1px solid #ffffff !important;
    color:#464646 !important;
	padding:5px !important;
}


.listtable td.altrow {
  padding-left:20px !important;
}

.listtable th {
	border: 1px solid #ffffff !important;
	background-color: #7DA7D9 !important;
    font-size:0.8em !important;
	font-weight: normal !important;
    color:#FFFFFF !important;
	text-align: center !important;
	padding:5px !important;
}
.listtable caption {
	font: 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}
.listtable tr.altrow {
	background-color: #D4E3F5 !important;
}

.listtable tr.altfree {
	background-color: #E9F2FD !important;

}
.listtable tr.altfree2 {
	background-color: #99CCCC !important;

}
.listtable tr.hightlight {
	background-color: #AFD4F4 !important;

}

/* View table */
.viewtable {
	border-collapse: separate;
	border-spacing: 1px;
	margin-left: 6px;
  margin-bottom: 12px;
  border: 1px solid #7DA7D9;
}
.viewtable td {
	border: 0px solid #FFFFFF;
    background-color:#E9F2FD;
    color:#464646;
	padding: 5px;
}
.viewtable th {
	border: 0px solid #FFFFFF;
	background-color:#D4E3F5;
	font-weight:normal;
    font-size:0.8em;
    color:#003366;
	text-align: right;
	padding-right: 5px;
}
.viewtable caption {
	font: bold 0.9em Arial, Helvetica, sans-serif;
	color: #33517A;
	text-align: left;
	padding-top: 3px;
	padding-bottom: 8px;
}

/* 無框線table */
.emptytable {
	border: 0px !important;
}
.emptytable td {
	border: 0px !important;
}
.emptytable th {
	border: 0px !important;
}

/* 光源運轉時程表 */
.lightsource {
	border: 1px solid #000000;
    border-collapse:collapse;
    background-color: #FFFFFF;
    color: #000000;
}
.lightsource td {
	border: 1px solid #000000;
    border-collapse:collapse;
    background-color: #FFFFFF;
	text-align: center;
    margin: 0px;
    color: #333333;
}
.lightsource th {
	border: 1px solid #000000;
    border-collapse:collapse;
    background-color: #7DA7D9;
    font-size: 12px;
    color: #FFFFFF;
	text-align: center;
	width: 17px;
}
.lightsource a:link, .lightsource a:visited{
    text-decoration: none;
}
.lightsource a:active, .lightsource a:hover{
    text-decoration: underline;
}
.lightSourceInner {
    border: 0px;
    border-collapse:collapse;
}
.lightSourceInner td {
    border: 0px;
}


/* Beamline table */
.beamline{
	border: 1px solid #000000;
    border-collapse:collapse;
    background-color: #FFFFFF;
    color: #000000;
}
.beamline td {
	border: 1px solid #666666;
    border-collapse:collapse;
    background-color: #FFFFFF;
    color: #333333;
	padding: 5 3 5 3;
}
.beamline th {
	border: 1px solid #666666;
    border-collapse:collapse;
    background-color: #7DA7D9;
    color: #FFFFFF;
    font-size: 13px;
	text-align: center;
	padding: 3 3 3 3;
}


ol.level1 { list-style-type: upper-alpha;}
li.level1 { font-size: medium; font-weight: bold; }
ol.level1 p, ol.level1 li, ol.level1 textarea { font-size: small; font-weight: normal; }

ol.level2 { position: relative; top: 10px; }
li.level2 { font-size: small; font-weight: normal; }
ol.level2 p, ol.level2 li, ol.level2 textarea { font-size: small; font-weight: normal; }

/*---------Questionary---------*/
ol.quest{
    color:#000000;
}
ol.quest li{
    color:#666666;
    margin-bottom: 15px;
    font-size:13px;
}
.question{
    color:#000000;
    background:url(/images/right_arrow.gif) no-repeat left center;
    padding-left: 12px;
    font-size:13px;
}
.dotseparator{
    margin:5px 0 10px 0px;
    border-bottom:1px dotted #909090;
    width:99%
}

.comment{
    color:black;
}
fieldset.commfield{
    border:1px solid #909090;
    width:700px;
}
fieldset.commfield legend{
    color:#33517A;
    font-size:15px;
}

/*
頁籤(tab) CSS
*/
ul, li {
		font-size=15px;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	.abgne_tab {
		clear: left;
		width: 100%;
		margin: 10px 0;
	}
	ul.tabs {
		width: 100%;
		height: 32px;
		border-bottom: solid 1px #006699;
		border-left: solid 1px #006699;
	}
	ul.tabs li {
		float: left;
		height: 31px;
		line-height: 31px;
		overflow: hidden;
		position: relative;
		margin-bottom: -1px;	/* 讓 li 往下移來遮住 ul 的部份 border-bottom */
		border: solid 1px #006699;
		border-left: none;
		background: #FFCC00;
	}
	ul.tabs li a {
		display: block;
		padding: 0 20px;
		color: #000;
		border: solid 1px #fff;
		text-decoration: none;
	}
	ul.tabs li a:hover {
		background: #ccc;
	}
	ul.tabs li.active  {
		background: #fff;
		border-bottom: solid 1px #fff;
	}
	ul.tabs li.active a:hover {
		background: #fff;
	}
	div.tab_container {
		clear: left;
		width: 100%;
		border: 1px solid #006699;
		border-top: none;
		background: #fff;
	}
	div.tab_container .tab_content {
		padding: 20px;
	}
	div.tab_container .tab_content h2 {
		margin: 0 0 20px;
	}