@charset utf-8;
/*

*/
html{color:#000;background:#FFF;}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0;}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;}
caption,th{text-align:center;}

q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,textarea,select,button{
	/*font:100% arial,helvetica,clean,sans-serif;*/
	font-family: inherit;
	font-size:1.084em;
	font-weight:500;
}

input:focus, textarea:focus, select:focus {border: 1px solid #0099cc  !important;}

button {font-family:inherit;font-size:inherit;font-weight:inherit;}

pre,code,kbd,samp,tt {font-family:monospace;font-size:108%;line-height:100%;}
a img {border:0;}

html, body {background-color:#EFEFF0; color:#111; }
body {margin-top:5px; margin-left:25px; margin-right:25px;}

body{
	/*font:75% Microsoft JhengHei,Microsoft YaHei,Lucida Grande,Lucida Sans Unicode,Helvetica,Arial,Verdana,sans-serif,clean,sans-serif;*/
	font: 75%/1.231 "微軟正黑體","Microsoft JhengHei",Verdana,Helvetica,Arial,sans-serif;
}

h1,h2,h3,h4,h5,h6{font-family:inherit;font-size:100%;font-weight:normal;}
a,li,ol {font-size:inherit;font:100%;}
h1, h2, h3 {font-weight: normal;}
table{font-size:inherit;font:100%;}

h2, h3, h4 {
	color:#006459;
	font-size:1.4em; 
	margin-bottom:.5em;
}
.height1 {height:1px;}
.height2 {height:2px;}
.height3 {height:3px;}
.height4 {height:4px;}
.height5 {height:5px;}
.height10 {height:10px;}
.height15 {height:15px;}
.height20 {height:20px;}
.height30 {height:30px;}

h1 {color:#88bfb9; font-size:25px;  margin-left:1em; padding:7px 0; overflow:hidden;}
h1 img {float:left;}
h1 span.heading {display:block; float:left; margin:10px 0 0 5px;}
h1 a, h1 a:link, h1 a:visited {color:#88bfb9;}
em {color:red ;}
a:link, a:visited {color: #00749E; text-decoration: none;}
a:hover {
	color: #ac0070;  
	text-decoration: underline;
}

#doc {
	background-color:#fff; 
	border: 1px solid #c9cacb; 
	min-width:600px; /*770*/
	max-width:960px; width:auto; 
	margin:1em auto 1em auto; 
	min-height:700px;
	border-radius:5px;
	padding-bottom:20px;
}

/* header 
---------------------------------------------- */
#stulogo {margin-top:15px;}
#bordermask {clear:both; overflow:hidden; zoom:1; }
#bordermask .border { float:left; height:14px;}
#border1 {background-color:#006459; /*background-color:#003d64;*/ width:50%; }
#border2 {background-color:#008a7c; /*background-color:#00528a;*/ width:16.6%; }
#border3 {background-color:#ebf4f2; /*background-color:#ebf1f4;*/ width:33.33%; }
/*---------------------------------------------- */

/* sidebar 
---------------------------------------------- */
#sidebar {
	float:left;
    width: 150px;	
	margin-right:15px; 	
	background:#ebf4f2; 
	padding-left:10px; 
	min-height: 550px;	
	width: 130px; 	
}

#navigation h3 {
	/*border-bottom:3px solid #ebf1f4; */
	cursor:pointer;
	font-size:16px; 
	margin:3px 0; 
	font-family:inherit  !important ;
}

#navigation li.category {border:0;}
#navigation ul.sub {}
#navigation ul.sub li {border:0; }
#navigation ul.sub li a {padding-left:1em; color:#444; }
#navigation ul.sub li.current {
	background:#fff; 
	border:2px solid #e4ece9;   
	border-right:none; 
	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
}

#navigation li {
    margin-bottom: 0.5 !important;
    padding: 0.1em 0;
}
#navigation ul.sub li a:focus, #navigation ul.sub li a:hover  {
	color:#ac0070; 
	text-decoration:none;
}

li a:link, li a:visited {
	color:#1A489D; 
	text-decoration:none;
	font-size: 1.084em;
}  /* menu font*/

li a:focus, li a:hover { color:#ac0070; text-decoration: none;}
ul li { list-style:none outside none; margin-bottom:.5em; padding:.2em 0;}
/*-------------------------------------------- */

/*:focus { outline: none; } cancel chrome orange border*/

#content { 
    margin: 0 auto 50px;
	min-width:600px; 
	max-width:960px;
	overflow:hidden; 
}

#idata {margin-top:5px;}

#vdata {margin-top:1px;clear:both;}

.tableleft {margin:0  !important; }
.w50p  {width: 50% !important; margin: 0 auto;}
.w60p  {width: 60% !important; margin: 0 auto;}
.w70p  {width: 70% !important; margin: 0 auto;}
.w80p  {width: 80% !important; margin: 0 auto;}
.w85p  {width: 85% !important; margin: 0 auto;}
.w90p  {width: 90% !important; margin: 0 auto;}
.w95p  {width: 95% !important; margin: 0 auto;}
.w100p {width: 98% !important; margin: 0 auto;} /* 98% 保留一些給 margin /padding ,避免太近邊界,左右不對側,不好看*/

table th.w3p,table td.w3p   {width:3% !important;}
table th.w4p,table td.w4p   {width:4% !important;}
table th.w5p,table td.w5p   {width:5% !important;}
table th.w6p,table td.w6p   {width:6% !important;}
table th.w7p,table td.w7p   {width:7% !important;}
table th.w8p,table td.w8p   {width:8% !important;}
table th.w9p,table td.w9p   {width:9% !important;}
table th.w10p,table td.w10p {width:10% !important;}
table th.w11p,table td.w11p {width:11% !important;}
table th.w12p,table td.w12p {width:12% !important;}
table th.w13p,table td.w13p {width:13% !important;}
table th.w14p,table td.w14p {width:14% !important;}
table th.w15p,table td.w15p {width:15% !important;}
table th.w16p,table td.w16p {width:16% !important;}
table th.w17p,table td.w17p {width:17% !important;}
table th.w18p,table td.w18p {width:18% !important;}
table th.w19p,table td.w19p {width:19% !important;}
table th.w20p,table td.w20p {width:20% !important;}
table th.w21p,table td.w21p {width:21% !important;}
table th.w22p,table td.w22p {width:22% !important;}
table th.w23p,table td.w23p {width:23% !important;}
table th.w24p,table td.w24p {width:24% !important;}
table th.w25p,table td.w25p {width:25% !important;}
table th.w27p,table td.w27p {width:27% !important;}
table th.w30p,table td.w30p {width:30% !important;}
table th.w35p,table td.w35p {width:35% !important;}

#pgmsg, .pgmsg { 
	/*margin-bottom: 30px;*/
	font-size:12px;
}

#pgmsg h2, .pgmsg h2 { font-size: 1.334em; }

#pgmsg ol ul li ,.pgmsg ol ul li {
	list-style: square outside none;
	margin: 0 0 0 20px;
}

#pgtitle {width:auto;}

#pgtitle p {
    font-size: 1.1em;
    line-height: 1.5;
	margin-left:10px;	
    padding-left: 12px;
	margin-right: 3% !important;
}

#pgtitle hr {margin: 2px 0 4px 0; }

#pgtitle h2 {
    font-size: 1.5em;
	text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);	
	padding-left:5px;
	line-height: 1;
	border-left: 4px solid #0066CC;
	margin-bottom: 0.1em;
}

#pgtitle ul {
	font-size:1.167em;
	margin-left:10px;
    padding: 5px;
}

#pgtitle ul li {
	list-style: square outside none;
	margin-bottom:0px;
	margin-left: 20px;	
	font-size: 13px;
}

hr {
	border-color: #dde9f8; /*#e0e4e8;*/
    border-style: none none solid;
    border-width: 0 0 1px;
    /*margin: 20px 0;*/
	clear: both;
}
hr.hr1, hr.hr2 {
	border-color: #D3D3D3;
	border-style: none none solid;
	border-width: 0 0 1px;
	clear: both;

}
hr.hr1 { margin-bottom: 2px; }
hr.hr2 { margin: 5px 0; }
hr.mtnTable {
	border-color: #cfe9f9;
	border-style: none none solid;
	border-width: 0 0 2px;
	clear: both;
	margin: 5px auto;
}

/* container 
---------------------------------------------- */
#container{
	width:auto; 
	overflow:auto; 
	padding:0.2em 2em; /* margin cancel 1em--> 2em*/
	/*margin: 0 1em; tbl會出現 scroll bar */
}

form p { 
	margin: 5px 0 10px 10px;
	clear:both;
}

#idata table {
	width:95%;
	margin:0 auto;
	padding-top: 20px;
}

#idata table tr {
	/*border:1px solid #ccc;	*/
}

#idata table th {
	padding:4px;
	font-size: 1.167em;
	/*width:85px;*/
	padding: 0.5em;
    vertical-align: top;
}

#idata table td {
	padding:4px;
	/*min-width:150px;*/
	font-size: 1.084em !important; /*1.13em*/	
	padding: 0.5em;
    vertical-align: top;	
}

#idata table th, #idata table td {
}

.TRrowSelect {background:#ffffcc !important; /*color:#333; ffffcc*/}

.tdfail {background:#ffe7e7 !important; /*color:#333; ffffcc*/}

#idata a {
	/*text-decoration:none;*/
}

#idata table.formtable th {
	text-align:right;
	width:70px;
	max-width:70px;
}

#idata table.formtable td {	width:200px; /*控制上下table td align*/}

.formtable ul li {
	list-style: square outside none;
	margin-bottom:0.2em;
	font-size:13px;
}

.formbgimage {
	border:1px outset #ccc;
	background:#fff url(../images/bgimage.png) repeat-x;
	padding: 20px 5px 0;
	/*margin-right: 25px;padding-top: 20px;	*/	
	/*width:95%;*/
}
.formtable li a:link, .formtable li a:visited {
	color: black;
	font-size:13px;
}
.formtable li a:hover {
	color: #ac0070;
	font-size:13px;
}
.formbgcolor {
    background-color: #f5f5f5;
    border: 1px solid #ccccff;
	border-radius:4px;
    overflow: auto;
	padding: 20px 5px 0;
	/*margin-right: 25px;	padding-top:20px;*/	
	/*width:95%;*/
}

.formbgcolor fieldset {
    background-color: #f2f2f2;
}

.formbgcolorLightcyan  {
    background-color: #ebf4fb;
    border: 1px solid #ccccff;
	border-radius:4px;
    overflow: auto;
	padding: 20px 5px 0;
	/*margin-right: 25px;	*/
}

form label {
	color:#000; 
	float:left; 
	font-size: 1.084em;
    margin: 0 12px 10px 1px;
    padding: 1px 4px 5px 0;
	text-align: right; 
	width: 90px;
	letter-spacing: 0.4px;	
}

form label.fieldpoint {
	color: #003399;
	font-size: 1em;
	float:none;
	margin-left: 6px;
}	

/*提供 label for=id 使用*/
.nofloat {float: none;/*font-size:1.084em;*/}

.hint {
    color: #AD006F !important;
    font-size: small;
}

form div.input { margin: 10px;}

form input[type="text"], form input[type="password"], form input[type="email"]{
    border: 1px solid #ccc; /*D3DFED*/
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    font-size: 13px;
    margin: 0;
    padding: 2px 4px;
	margin-right:1px;
	color: #2C4F69;
}
form input[type="checkbox"], form input[type="radio"]  {
    margin-top: 3px;
}
form input[type="checkbox"] {
    margin-right: 2px;
}

form textarea, form select {
    border: 1px solid #ccc; /*D3DFED*/
    border-radius: 3px 3px 3px 3px;
    color: #555555;
    font-size: 13px;
    margin: 0;
    padding: 2px 4px;
	margin-right:1px;
	color: #2C4F69;
}

form select {
	min-width: 90px;
}

form textarea {	min-width: 50px ;}

form input.readonly, form input.readonlyEdit, form input.readonlyByInputField {
    border: 1px solid #ccc; /*D3DFED*/
    border-radius: 3px 3px 3px 3px;
    color: #003366;
	background:#f6f6f6;	
    font-size: 13px;
    margin: 0;
    padding: 2px 4px;
	margin-right:1px;
	width: 150px;
}

form span.readonly, form span.readonlyEdit  {
    border: 1px solid #CCCCCC;
    border-radius: 3px 3px 3px 3px;
    color: #003366;
	background:#f6f6f6;
    font-size: 13px;
    margin: 0 0 10px 0;
    padding: 2px 4px;
    width: 150px;
	float:left;
}

.w5px { width:5px !important; }
.w10px { width:10px !important; }
.w20px { width:20px !important; }
.w30px { width:30px !important; }
.w40px { width:40px !important; } 
.w50px { width:50px !important; }
.w60px { width:60px !important; }
.w70px { width:70px !important; }
.w80px { width:80px !important; }
.w90px { width:90px !important; }
.w100px { width:100px !important; }
.w110px { width:110px !important; }
.w120px { width:120px !important; }
.w130px { width:130px !important; }
.w140px { width:140px !important; }
.w160px { width:160px !important; }
.w170px { width:170px !important; }
.w180px { width:180px !important; }
.w190px { width:190px !important; }
.w200px { width:200px !important; }
.w210px { width:210px !important; }
.w220px { width:220px !important; }
.w230px { width:230px !important; }
.w240px { width:240px !important; }
.w250px { width:250px !important; }
.w300px { width:300px !important; }
.w350px { width:350px !important; }
.w400px { width:400px !important; }
.w450px { width:450px !important; }
.w500px { width:500px !important; }
.w550px { width:550px !important; }
.w600px { width:600px !important; }
.w650px { width:650px !important; }
.w700px { width:700px !important; }

.field_prompt {
    border-bottom: 1px solid #CCCCCC;
    color: #000066;
    font-size: 1.2em;
    font-weight: normal;
    margin: 20px 10px;
	width:80%;
}

a.nwselectitem  {
	background-color: #0099CC;
	border: 1px solid #A498BD;
	border-radius: 3px;
	color: #FFFFFF;
	padding: 2px 6px;
	font-size:11px;
	text-decoration:none;
}

a.nwselectitem:hover { background-color: #33cccc; }

.confirm {
	/*background-color:#f7f7f7;  */
	border-radius: 3px; 
	/*margin: 25px 0px 0 0px;*/
	margin: 5px 0px 0 0px;
	padding:10px 10px 10px 117px;
	border-top: 1px solid #ddd;  /*ccccff*/
}

.confirm.shadow {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
	background:linear-gradient(top,#EFEFEF,#FFFFFF);
	box-shadow:1px 5px 8px #666;
	-moz-box-shadow:1px 5px 8px  #666;
	-webkit-box-shadow:1px 5px 8px  #666;
	margin-bottom: 20px;
}

.qryConfirm {
	border-radius: 3px; 
	margin: 15px 0 0 38px;
}

.paddingleft10  {padding-left: 10px !important;}
.paddingleft20  {padding-left: 20px !important;}
.paddingleft30  {padding-left: 30px !important;} 
.paddingleft35  {padding-left: 35px !important;} 
.paddingleft40  {padding-left: 40px !important;}
.paddingleft50  {padding-left: 50px !important;} 
.paddingleft60  {padding-left: 60px !important;}
.paddingleft70  {padding-left: 70px !important;} 
.paddingleft80  {padding-left: 80px !important;}
.paddingleft90  {padding-left: 90px !important;} 
.paddingleft100 {padding-left: 100px !important;} 
.paddingleft110 {padding-left: 110px !important;} 
.paddingleft120 {padding-left: 120px !important;} 
.paddingleft130 {padding-left: 130px !important;} 
.paddingleft140 {padding-left: 140px !important;} 
.paddingleft150 {padding-left: 150px !important;}
.paddingleft160 {padding-left: 160px !important;}
.paddingleftCenter {padding-left: 40% !important;}
.paddingleftMax {padding-left: 70% !important;}
.paddingRight	{text-align:right; padding-right:0px;padding-top:7px;padding-bottom:0px;}

.bgcolorWhite {background-color:#fff; }
.bgcolorSilver {background-color:#EEEEEF; }
.bgcolorGray {background-color:#f3f3f3; }
.bgcolorLightgray {background-color:#f9f9f9; }

fieldset {
	/*margin-bottom:15px;*/
	margin-bottom:5px;
	padding: 10px 0 15px!important;
	border: 1px solid #CCC;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

legend {margin-left: 1em;color: #009;font-size:15px;}	

fieldset.shadow {
	border:0;
	padding:20px;
	margin-top:20px;
	margin-bottom:40px;
	background:#EEE;
	border-radius: 8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	background:-webkit-liner-gradient(top,#EEEEEE,#FFFFFF);
	background:linear-gradient(top,#EFEFEF,#FFFFFF);
	box-shadow:1px 5px 8px #999;
	-moz-box-shadow:1px 5px 3px #999;
	-webkit-box-shadow:1px 5px 3px #999;
	position:relative;
}

legend.shadow {
	padding:5px 10px;
	background-color:#4F709F;
	color:#FFF;
	border-radius:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	box-shadow:2px 2px 4px #666;
	-moz-box-shadow:2px 2px 4px #666;
	-webkit-box-shadow:2px 2px 4px #666;
	position:absolute;
	left:10px;
	top:-10px;
}

#footer {
	color:#666;
	font-size:90%; 
	text-align:left; /*width:770px; margin:0 auto;*/ 
	margin-top:0; 
	margin-bottom:0;
}
.weblink {min-width:770px; max-width:960px; width:auto; margin:1em auto 1em auto;}

p.ftlinks {margin-bottom:.5em;font-size:1em; }
p.ftlinks a {border-right:1px dotted #bbb; padding:0 6px; color:#006459; text-decoration:none;}
p.ftlinks a.first {padding-left:0;}
p.ftlinks a:focus, p.usefulLinks a:hover, p.usefulLinks a:active {text-decoration:underline;}
p.contact a {color:#999;}

ol {margin-left:2em; font-size: 13px;}

ol li {
	list-style:outside decimal; 
	margin-bottom:.5em;
}

/* #vdata table tbody tr:hover {background:#cfc; }  remove #vdata and formtable enable hover*/

table.mtntable tbody tr:hover {background:#e7f3ff; } /*cfc #e6ffe6*/

#vdata table caption,#idata table caption { 
    font-weight: 300;
	font-size:1.417em; 
    text-align: center;	
	margin-bottom:1em;
	color: #006699;
} 

#vdata table tr:last-child th  { } 

#vdata table {
	font-size: 1em; /*1.084em; p1*/
	border-collapse: collapse;
	margin: 0 auto;
	min-width: 250px;
	text-align: center;	
}

#vdata table th { 
	line-height: 2;
	font-size:1.084em;
}

#vdata table td { 
    padding: 2px ;
	line-height: 2;
    text-align: center;
}

#vdata table .col, table .row{  
	text-align: center;
	color:#333;
	background-color: #F4F4F4; 
}

#vdata table tr:last-child td { border-bottom: 1px solid #87BEB7;} 
/*#vdata table tr:first-child td { border-top: 1px solid #87BEB7;} */
 
#vdata table .hd {
    color: #006459;
    display: block;
	font-size:1.167em;
	line-height:1.8;
    font-weight: bold;
}

#vdata table .bd {
    color: #444;
    display: block;
	line-height:1.7;
}

table.tblLine th { 
    border: 1px solid #DDDDDD;
    padding: 2px 2px;
    text-align: center;
	color:#006699;
	background-color: #ebf4f2;
}

table.tblLine td { 
    border: 1px solid #DDDDDD;
}

table.tblLine tr:last-child th  { 
	border: 1px solid #ddd ;
	border-top: 2px solid #87BEB7;
	border-bottom: 1px solid #87BEB7;
}
table.tblLine tr:nth-child(2n) {background-color:#fafafa;}
table.tblLine tbody tr:hover {background:#e7f3ff; } 

/*提供單筆表格*/
table.tblone  {margin-left:5px;}
table.tblone td {border: 1px solid #DDDDDD;}
/*#vdata table tr:last-child td {border-bottom: 1px solid #DDDDDD;} */
table.tblone tr:nth-child(2n) {background-color:#f9f9f9;}
table.tblone.bkcolorWhite tr:nth-child(2n)  { background-color:#fff;}
table.tblone tbody tr:hover {background:#e7f3ff; } /*cfc e7f3ff*/
table.tblone tbody p {line-height:1.8; padding:10px;} 
table.tblone tr:first-child td { border-top: 1px solid #87BEB7;}

.bgcolorGray { background:#4F4F4F;color:#fff;}
.bgcolorLigtgray { background:#777;color:#fff; border: 1px solid #636363 !important; }	
.bgcolorCyan { background:#4d8a98;color:#fff;  border: 1px solid #457a87 !important; }		
.bgcolorDarkcyan { background:#007272;color:#fff; border: 1px solid #005858 !important; }	
.bgcolorRoyalblue { background:#166f8c;color:#fff;border: 1px solid #135e76 !important; }	
.bgcolorSeagreen { background:#2e8b57;color:#fff; border: 1px solid #28784b !important;}	
.bgcolorDarkseagreen { background:#5C7333;color:#fff; border: 1px solid #4E612B !important;}		
.bgcolorSteelblue { background:#045aaf;color:#fff;border: 1px solid #044d96  !important;}
.bgcolorDodgerblue { background:#0077EA;color:#fff;border: 1px solid #006AD1 !important;}	
.bgcolorLightslategray { background:#778899;color:#fff;border: 1px solid #98AFC7 !important;}	
.bgcolorYellowgreen { background:#6C9023;color:#fff;border: 1px solid #5C7B1E !important;}		
.bgcolorDimgray { background:#696969; color:#fff; border: 1px solid #5c5c5c !important;}	
.bgcolorSkyblue { background:#2870A5; color:#fff; border: 1px solid #236290 !important;}	
.bgcolorBlueGreen { background:#0d98ba; color:#fff; border: 1px solid #0b85a2 !important;}
.bgcolorLightsalmon { background:#7F9B43;color:#fff;}	

/*-------------------*/
table.mtntable{ text-align:center;}

table.mtntable th { 
    border: 1px solid #DDDDDD;
    padding: 2px 2px;
	color:#006699;
	line-height: 2;
	background-color: #ebf4f2;
}

table.mtntable td { 
	line-height: 2;
    border: 1px solid #DDDDDD;
	vertical-align: middle !important;
}

table.mtntable thead tr:hover {background:#fff !important; }
table.mtntable tr:nth-child(2n) {background-color:#f9f9f9;}

table.mtntable tr:last-child th  { 
	border: 1px solid #ddd ;
	border-top: 2px solid #87BEB7;
	border-bottom: 1px solid #87BEB7;
}
table.mtntable tbody tr:hover {background:#e7f3ff; } 

table.mtntable label {
	float: none;
	font-size: 1.084em;
	width: auto;
}
table.mtntable textarea{
	min-width: 10px;
	font-size: 1.084em;
}	

table.mtntable select {	min-width: 10px; }	
table.mtntable tr:last-child td { 	border-bottom: 1px solid #87BEB7; }

table.tblbase th {
    border: 1px solid #DDDDDD;
    padding: 2px 2px;
    text-align: center;
	color:#006699;
	background-color: #ebf4f2;
}

table.tblbase tr {border-bottom:1px solid #ccc !important;}

table.tblbase tr:last-child th  { 
	border: 1px solid #ddd ;
	border-top: 2px solid #87BEB7;
	border-bottom: 1px solid #87BEB7;
}
table.tblbase tr:nth-child(2n) {background-color:#f9f9f9;}
table.tblbase tbody tr:hover {background:#e7f3ff; } 

table.tablesorter thead tr .header {
	background-image: url(../images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}

table.minimalist caption {color: #003399 !important;}
table.minimalist {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px;
}

table.minimalist th {
    border-bottom: 2px solid #6678B1 !important;
    color: #003399;
    font-size: 14px;
	font-weight: normal;
    padding: 5px 8px;
}

table.minimalist tbody td {
    border-bottom: 1px solid #CCCCCC;
    color: #003399;/*003388*/
}
table.minimalist tr:last-child td { border-bottom: 1px solid #6678B1  !important;}  
table.minimalist thead tr:hover {background:#fff !important; }
table.minimalist tr:nth-child(2n) {background-color:#f9f9f9;}
table.minimalist tbody tr:hover {background:#e7f3ff; } 
table.vertminimalist caption { color: #003399 !important;}
table.vertminimalist {
    background: none repeat scroll 0 0 #FFFFFF;
    margin: 20px;
}

table.vertminimalist th {
    border-bottom: 2px solid #6678B1 !important;
    color: #003399;
    font-weight: normal;
    padding: 5px 8px;
    text-align: center !important;	
	border-left: 20px solid #FFFFFF;
    border-right: 20px solid #FFFFFF;
	border-left: 20px  \0/IE8+9; /*for ie8 & ie9 */
    border-right: 20px \0/IE8+9; /*for ie8 & ie9 */
}

table.vertminimalist td {
    color: #003399;/*003388*/
	border-left: 20px solid #FFFFFF;
    border-right: 20px solid #FFFFFF;
}
table.vertminimalist tr:last-child td { border-bottom: 1px solid #6678B1  !important;}  
table.vertminimalist thead tr:hover {background:#fff !important; }
table.vertminimalist tfoot td {line-height:1.6 !important; padding:20px !important; font-size:1.084em ;} /* total field 使用*/
table.vertminimalist tbody tr:hover {background:#e7f3ff; } 

table.fancyTable th,
table.fancyTable td {
	/* appearance */
	border: 1px solid #798088;
	/* size */
	padding: 5px;
}

table.fancyTable caption {color: #474f57 !important;}
table.fancyTable thead tr th,
table.fancyTable tfoot tr td {
	/* appearance */
	background-color: #787D88; /* #abb3bb;*/
	background-image: -moz-linear-gradient(
		top,
		rgba(255,255,255,0) 100%,
		rgba(255,255,255,0) 51%,
		rgba(255,255,255,0.8) 50%,
		rgba(255,255,255,0.2) 0%), url(../images/table_texture.png);
	background-image: -webkit-gradient(
		linear, left top, left bottom,
		color-stop(100%,rgba(255,255,255,0)),
		color-stop(51%,rgba(255,255,255,0.1)),
		color-stop(50%,rgba(255,255,255,0.2)),
		color-stop(0%,rgba(255,255,255,0))), url(../images/table_texture.png);
	-webkit-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	/* text */
	color: #FFF;
	/*text-align: left;*/
	text-shadow: 0 -1px 0 rgba(0,0,0,0.5);
	vertical-align: middle;
}

table.fancyTable tbody tr td {
	/* appearance */
	border-color: #9aa2ac;
	-webkit-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	-moz-box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	box-shadow: -1px 1px 0px rgba(255,255,255,0.5) inset;
	
	/* text */
	color: #2d3134;
	font-size: 12px;
	font-weight: 400;
}
table.fancyTable tbody tr {
	/* appearance */
	background-color: #FFF;
}

table.fancyTable tr:nth-child(2n) {background-color:#e1e5e9 ;}
table.fancyTable tbody tr:hover {background:#e7f3ff; } 
 
/* table th color*/
/*20120405*/
table.thcolorCyan th {color:#fff !important;background-color: #4d8a98 !important;border: 1px solid #457a87 !important; }
table.thcolorCyan caption {color:#3c6b76 !important;}

/*20120405*/
table.thcolorDarkcyan th {color:#fff !important;background-color: #007272 !important;border: 1px solid #005858 !important;}
table.thcolorDarkcyan caption {color:#003f3f !important;}

/*20120405*/
table.thcolorRoyalblue th {color:#fff !important;background-color: #166f8c !important;border: 1px solid #135e76 !important;}
table.thcolorRoyalblue caption {color:#0f4c60 !important;}

table.thcolorTeal th {color:#fff !important;background-color: #008080 !important;border: 1px solid #006767 !important;}
table.thcolorTeal caption {color:#006262 !important;}

/*20120409*/
table.thcolorDarkseagreen th {color:#fff !important;background-color: #5C7333 !important;border: 1px solid #4E612B !important;}
table.thcolorDarkseagreen caption {color:#323e1b !important;}
/*20120411*/
table.thcolorDodgerblue th {color:#fff !important;background-color: #0077EA !important;border: 1px solid #006AD1 !important;}
table.thcolorDodgerblue caption {color:#006AD1 !important;}

table.thcolorLightslategray th {color:#fff !important;background-color: #7a7a7a !important;border: 1px solid #666 !important;}
table.thcolorLightslategray caption {color:#273849 !important;}

/*20120330*/
table.thcolorSeagreen th {color:#fff !important;background-color: #2e8b57 !important;border: 1px solid #28784b !important;}
table.thcolorSeagreen caption {color:#153f27 !important;}

/*20120411*/
table.thcolorYellowgreen th {color:#fff !important;background-color: #6C9023 !important;border: 1px solid #5C7B1E !important;}
table.thcolorYellowgreen caption {color:#4d6719 !important;}

/*20120405*/
table.thcolorDimgray th {color:#fff !important;background-color: #696969 ; border: 1px solid #5c5c5c !important;}
table.thcolorDimgray caption {color:#434343 !important;}

/*20120409*/
table.thcolorMediumpurple th {color:#fff !important;background-color: #7438c7  !important;border: 1px solid #6832b3 !important;}
table.thcolorMediumpurple caption {color:#452177 !important;}

/*20120330*/
table.thcolorSteelblue th {color:#fff !important;background-color: #045aaf ;border: 1px solid #044d96  !important;}
table.thcolorSteelblue caption {color:#03417d !important;}

/*20120330*/
table.thcolorLightgray th {color:#fff !important;background-color: #827b79 !important;border: 1px solid #756f6d !important;}
table.thcolorLightgray caption {color:#5a5654 !important;}

/*20120330*/
table.thcolorBlackgray th {color:#fff !important;background-color: #555555 !important;border: 1px solid #463E41 !important;}
table.thcolorBlackgray caption {color:#3c3c3c !important;}

/*20120330*/
table.thcolorBlueGreen th {color:#fff !important;background-color: #0d98ba !important;border: 1px solid #0b85a2 !important;}
table.thcolorBlueGreen caption {color:#085e72 !important;}

/*20120406*/
table.thcolorYaleBule th {color:#fff !important;background-color: #1465c0 !important;border: 1px solid #0f4d92 !important;}
table.thcolorYaleBule caption {color:#0d417b !important;}

/*20120406*/
table.thcolorRed th {color:#fff !important;background-color: #e83535 !important;border: 1px solid #d11818 !important;}
table.thcolorRed caption {color:#8c1010 !important;}

table.thcolorOceanblue th {color:#fff !important;background-color: #0087CC !important;border: 1px solid #0076b3 !important;}
table.thcolorOceanblue caption {color:#005480 !important;}

table.thcolorPink th {color:#fff !important;background-color: #cc0087 !important;border: 1px solid #b30076 !important;}
table.thcolorPink caption {color:#800054 !important;}

table.thcolorFeldgrau th {color:#fff !important;background-color: #556666 !important;border: 1px solid #495858 !important;}
table.thcolorFeldgrau caption {color:#323c3c !important;}

table.thcolorCoolback th {color:#fff !important;background-color: #00437C !important;border: 1px solid #003563 !important;}
table.thcolorCoolback caption {color:#002749 !important;}

table.thcolorRacingGreen th {color:#fff !important;background-color: #314D38 !important;border: 1px solid #3b5d43 !important;}
table.thcolorRacingGreen caption {color:#273d2d !important;}

table.thcolorOrange th {color:#fff !important;background-color: #EE5325 !important;border: 1px solid #d03c10 !important;}
table.thcolorOrange caption {color:#b8350e !important;}

table.thcolorMetro th {color:#fff !important;background-color: #01546a !important;border: 1px solid #014051 !important;}
table.thcolorMetro caption {color:#012c38 !important;}
/*----------*/

table.tablesorter thead tr .headerSortUp {background-image: url(../images/asc.gif);}
table.tablesorter thead tr .headerSortDown {background-image: url(../images/desc.gif);}

table.tablepointer {cursor: pointer;}
table .tdleft  {text-align: left !important;padding-left:5px !important;}
table .tdcenter {text-align: center !important;}
table .tdright {text-align: right !important;}
table tfoot .summary ,table .summary {background-color: #006699 /*  0088cc*/ !important;;color:#fff !important;font-size:1.084em ;padding:10px !important;line-height:1.6 !important;}
table tbody .suminfo {background-color: #CBEBEB !important; font-size:1.084em ;padding:10px !important;line-height:1.6 !important;}
table tfoot .summary td ,table .summary td { border: 1px solid #919191 !important;}

/* toggle menu / div 
---------------------------------------------- */

.toggle {height:20px;}

#tgldiv, #tgldiv span.arrow {
	display: block;
	height: 22px;
	/*margin-right:0.3em;*/
	float:right;
}	

#tgldiv.active span.arrow {	background: url("../images/arrowup.png") no-repeat ;}
#tgldiv span.arrow {width:25px;	background: url("../images/arrowdown.png") no-repeat ;}

#tglmenu, #tglmenu span.arrow {
	display: block;
	height: 22px;
	margin-left:1em;
	width:25px;
}
	
.subtgldiv, .subtgldiv span.arrow {
	display: block;
	height: 18px;
	float:right;
}	
.subtgldiv.active span.arrow { background: url("../images/arrow_collapse.gif") no-repeat ;}
.subtgldiv span.arrow {width:24px; background: url("../images/arrow_expand.gif") no-repeat ;}	
	
#tglmenu.active span.arrow {	background: url("../images/arrowleft.png") no-repeat ;}

#tglmenu span.arrow {background: url("../images/arrowright.png") no-repeat ;}

/* form validation hint */
.error {
	background: none repeat scroll 0 0 #AD006F;
    color: white;
    font-size: small;
    padding: 0.1em 0.3em;
	margin-left: 5px;
}

textarea.error, select.error, input.error, form input[type="text"].error, form input[type="password"].error, form input[type="email"].error {
	background: none repeat scroll 0 0 #fff;
	border: 1px solid #6fad00 !important;
	color: #666666;
}

/* color styles 
---------------------------------------------- */
.clear {clear:both;}

a.language {
	float:right;
	margin-right:1em;
}

/*tooltip*/
.tooltip {padding:5px;font-size: 12px; position: absolute; z-index: 100000; margin-left: -2px; margin-right: 2px; }
.tooltip-inner { padding: 5px 8px 4px 8px; background-color: #00559E; color: white; max-width: 200px; text-align: left; margin-top: 3px;  }
.tooltip-inner { border-radius: 3px; -moz-border-radius:3px; -webkit-border-radius:3px; }
.tooltip-arrow { position: absolute; background: url('../images/tooltip.gif') no-repeat top left; width: 9px; height: 5px; }
.tooltip-n  .tooltip-arrow { top: 0; left: 50%; margin-left: -4px; }
.tooltip-nw .tooltip-arrow { top: 0; left: 10px; }
.tooltip-ne .tooltip-arrow { top: 0; right: 10px; }
.tooltip-s  .tooltip-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; }
.tooltip-sw .tooltip-arrow { bottom: 0; left: 10px; background-position: bottom left; }
.tooltip-se .tooltip-arrow { bottom: 0; right: 10px; background-position: bottom left; }
.tooltip-e  .tooltip-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; }
.tooltip-w  .tooltip-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; }

.msgbox {
	border: 0px solid;	
	margin: 10px 0px;
	padding:15px 10px 15px 50px;
	background-repeat: no-repeat;
	background-position: 10px center;
	font-size:1.084em;
}
.msgbox.normal  {padding-left:25px;}
.msgbox.info    {color: #00529B;/* background-color:#cfe9e6;*/ border:0px solid #cfe9e6; background-image: url(../images/info.png);}
.msgbox.success {color: #4F8A10;/* background-color:#d7e9cf;*/ border:0px solid #d7e9cf; background-image:url(../images/success.png);}
.msgbox.warning {color: #9F6000;/* background-color:#e9e8cf;*/ border:0px solid #e9e8cf; background-image:url(../images/warning.png);}
.msgbox.error   {color: #D8000C;/* background-color:#e9cfd1;*/ border:0px solid #e9cfd1;  background-image:url(../images/error.png);}

.icon {
    background-position: 6px 16px;
    background-repeat: no-repeat;
    font-size: 1.084em;
    margin: 10px 0;
    padding: 16px;
}

.icon.question {color: #D8000C;border:0px solid #e9cfd1;  background-image:url(../images/question.png);}

#pager  {margin: 10px auto;}

.fontcolorWhite     {color: #fff !important;}
.fontcolorPurple    {color: #800080 !important;}
.fontcolorRed       {color: #ff0000 !important;}   
.fontcolorNavy      {color: #000080 !important;} 
.fontcolorMidnightblue    {color: #191970 !important;} 
.fontcolorIndigo {color: #4b0082 !important;}
.fontcolorGreen     {color: #008000 !important;} 
.fontcolorDarkblue  {color: #00008b !important;} 
.fontcolorBrown     {color: #a52a2a !important;} 
.fontbold	{font-weight:bold !important ;}
.fontsize12 {font-size:1em !important ;}
.fontsize13 {font-size:1.084em !important ;}
.fontsize14 {font-size:1.167em !important ;}
.fontsize15 {font-size:1.25em !important ;}
.fontsize16 {font-size:1.334em !important ;}

.divScrollbar {height:300px;overflow:auto;}

.scrollTop  {
	border-bottom: 2px solid #EBF1F4;
	clear: both;
	display: block;
	padding: 8px 0;
	position: relative;
	margin-top:15px;
}

.scrollTop a, .scrollTop a:hover {
	background: url("../images/arrowTopRed.jpg") no-repeat scroll left center transparent;
	color: #AAAAAA;
}

.scrollTop a {
	font-size: 11px;
	outline: medium none;
	padding: 0 10px;
	position: absolute;
	right: 0;
	text-decoration: none;
	top: 0;
}


/* add print by febr*/
a.delete , a.delete a:hover   {background: url("../images/delete.png") no-repeat scroll 0 0 transparent;}
a.success , a.success a:hover {background: url("../images/successRed.png") no-repeat scroll 0 0 transparent;}
a.fail , a.fail a:hover       {background: url("../images/fail.png") no-repeat scroll 0 0 ;}
a.chat , a.chat a:hover       {background: url("../images/chat.png") no-repeat scroll 0 0 transparent;}
a.edit , a.edit a:hover       {background: url("../images/app_edit.png") no-repeat scroll 0 0 transparent;}
a.preview , a.preview a:hover       {background: url("../images/preview.png") no-repeat scroll 0 0 transparent;}
a.bookmark , a.bookmark a:hover  {background: url("../images/bookmark.png") no-repeat scroll 0 0 transparent;}
a.print , a.print a:hover       {background: url("../images/print.png") no-repeat scroll 0 0 transparent; background-size: 16px 16px;}

a.delete, a.delete a:hover, a.success, a.success a:hover, a.fail, a.fail a:hover, a.chat, a.chat a:hover , a.edit, a.edit a:hover, a.bookmark , a.bookmark a:hover, a.preview, a.preview a:hover, a.print, a.print a:hover {
    border-width: 0;
    /*display: block;*/
	margin:0 auto;
    height: 16px;
    text-decoration: none;
    width: 16px;
}

/* add print by febr*/
a.delete span , a.success span, a.fail span, a.chat span, a.edit span, a.bookmark span, a.bookmark span, a.preview span, a.print span {
	visibility: hidden;
}

span.add { background: url("../images/add.png") no-repeat scroll left top transparent;}
span.upd { background: url("../images/upd.png") no-repeat scroll left top transparent;}
span.del { background: url("../images/del.png") no-repeat scroll left top transparent;}
span.cls { background: url("../images/cls.png") no-repeat scroll left top transparent;}
span.table { background: url("../images/table.png") no-repeat scroll left top transparent;}
span.moveup { background: url("../images/moveup.png") no-repeat scroll left top transparent;}
span.movedown { background: url("../images/movedown.png") no-repeat scroll left top transparent;}
span.moveok { background: url("../images/moveok.png") no-repeat scroll left top transparent;}

span.add, span.upd, span.del, span.cls, span.table, span.moveup, span.movedown, span.moveok {
	padding-left:20px;	
	width: 16px;
	padding-left: 20px;
    padding-right: 10px;
}

span.trashicon  {
    background: url("../images/delete.png") no-repeat scroll left top transparent;
	padding-left:30px;	
	width: 16px;
}
span.success {
    background: url("../images/successRed.png") no-repeat scroll left top transparent;
	padding-left:30px;	
	width: 16px;	
}
span.fail {
    background: url("../images/fail.png") no-repeat scroll left top transparent;
	padding-left:30px;	
	width: 16px;	
}
span.chat  {
    background: url("../images/chat.png") no-repeat scroll left top transparent;
	padding-left:30px;
	width: 16px;	
}


span.modify:after {
	background: url("../images/app_edit.png") no-repeat scroll 0 0 transparent;
	content: "　　";	/*全形空白*/
	width: 16px;
	margin: 0 auto;
}

span.arrowdown:before {
	background: url("../images/arrow_expand.gif") no-repeat scroll 50% 50% transparent;
	padding: 0 2px;
	content: "　";
}

/*form border style*/
.borderStyleBlue, .borderThinStyleBlue {
	border-color: #1777B1 #D4E5F3;
	border-style: solid;
	padding: 20px 10px 30px;
}
.borderStyleBlue {
	border-width: 5px 1px 4px;
}
.borderThinStyleBlue {
	border-width: 1px;
}

.borderStyleGray, .borderThinStyleGray {
	border-color: #787878 #dbdbdb;
	border-style: solid;
	padding: 20px 10px 30px;
}
.borderStyleGray {
	border-width: 5px 1px 4px;
}
.borderThinStyleGray {
	border-width: 1px;
}

.borderStyleGreen, .borderThinStyleGreen {
	border-color: #008000 #00cd66;
	border-style: solid;
	padding: 20px 10px 30px;
}	
.borderStyleGreen {
	border-width: 5px 1px 4px;
}
.borderThinStyleGreen {
	border-width: 1px;
}	

.borderStyleDarkblue, .borderThinStyleDarkblue {
	border-color: #0b5fae #a6d0f9;
	border-style: solid;
	padding: 20px 10px 30px;
}
.borderStyleDarkblue {
	border-width: 5px 1px 4px;
}
.borderThinStyleDarkblue {
	border-width: 1px;
}

.borderStylePink {
	border-color: #B30059 #CD0066;
	border-style: solid;
	border-width: 5px 1px 4px;
	padding: 20px 10px 30px;
}
.borderStylePurple {
	border-color: #7d44ca #ded0f2;
	border-style: solid;
	border-width: 5px 1px 4px;
	padding: 20px 10px 30px;
}
.borderStyleAzure {
	border-color: #079ae0 #079ae0;
	border-style: solid;
	border-width: 5px 1px 4px;
	padding: 20px 10px 30px;
}

.borderStyleByMtnTableHead{ 
	border-width: 5px 1px 4px;
}
.borderStyleByMtnTable{ 
	border-width: 0 1px 4px;
	margin-top: -4px !important;
}
/*system header ------------------------------------*/
#systemhead {
	margin-top:25px;
	background-image: url("../images/cis5.png");
	background-repeat: no-repeat;
	margin-left: 15px;
	height: 56px;
	text-align: left;
}

#systemhead h2 {
	color: #003A2C;
	font-size: 23px;
	font-weight: normal;
	line-height: 27px;
	margin-bottom: 0.1em;
	padding: 0 70px;
	text-decoration: none;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
	text-shadow: 1px 1px 1px #999999;
}	
#systemhead h3 {
	color: #AD006F;
	font-size: 15px;
	padding-left: 120px;
	margin-top: 3px;	
	text-shadow: 1px 1px 3px #AAAAAA;
	/*text-shadow: 0 1px 1px rgba(0, 0, 0, 0.3);*/
}	
/*-------------------------------------------------*/

/* pgname */
.banner {
	height: 20px; 
	background:#56585C;
	margin: -5px -1px 0 -1px;
}
.banner span {
	color: white;
	font-size: 12px;
	padding-left: 17px;
	padding-top: 3px;
	margin-right:20px;
	float:right;
	text-shadow: 1px 1px 3px #AAAAAA;
}
.banner span.first {float:left;}
.banner span.second {float:right;}		
.pgbanner {
	height: 20px; 
	background:green;
}
.sysicon {
	float: left;
	height: 45px;
	width: 45px;
}
.pghead {
	/*height: 70px;*/
	margin: 10px 0 0 15px;
	width: 97%;
}
.pghead h2 {
	color: #3F3F3F;
	font-size: 20px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 0px 1px 1px #999999;
	padding-top: 17px;
	margin-bottom: 5px;
}
.pgname {		
	float:left;
	/*margin-left:5px;*/
	/*padding-top:22px;*/
}
.syshead {
	/*height: 70px;*/
	margin: 10px 0 0 15px;
	width: 97%;
}
.syshead h2 {
	color: #3F3F3F;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	text-shadow: 1px 1px 1px #999999;
	padding-top: 5px;
	margin-bottom: 0;
}
.syshead h1 {
    color: #3f0054;
    font-size: 18px;
    padding-left: 30px;
    text-shadow: 1px 1px 3px #AAAAAA;
	padding:2px 0 0 2em;
}
.breakline {
	border-bottom: 1px solid #D3D3D3;
	clear: both;
	padding-top: 0px;
}
.leftbreakline {
	border-top: 1px solid #4f4f4f;
	width: 190px;
}

.pgname h3 {
    color: #3F3F3F;
    font-size: 20px;
    font-weight: normal;
    padding-top: 2px;
	padding-left:10px;
    text-decoration: none;
	margin-bottom:3px;
    text-shadow: 1px 1px 1px #999999;
}

.pgname h4 {
    color: #AD006F;
    font-size: 18px;
    margin-top: 3px;
    padding-left: 50px;
    text-shadow: 1px 1px 3px #AAAAAA;
	margin-bottom:7px;
}
/*-------------------------------------------------*/

form label.findicon {
	margin-left:-16px;
    background: url("../images/find.png") no-repeat scroll 0 0 transparent;
	width:1px;
	display:block;
	width:16px;
	height:16px;
}
span.findicon:after {
	background: url("../images/find.png") no-repeat scroll 0 0 transparent;
	content:"　　";

}

span.findiconmsg:after {
	background: url("../images/find.png") no-repeat scroll 0 0 transparent;
	content: "　　";	/*全形空白*/
	width: 16px;
}

/* button 
---------------------------------------------- */
.button {
	display: inline-block;
	-webkit-border-radius: 0.2em;
	-moz-border-radius: 0.2em;
	border-radius: 0.2em;
	border-radius: 0.2em\0;	

}
.button {
	display: inline-block;
	zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
	*display: inline;
	vertical-align: baseline;
	margin: 0 0 10px;
	text-align: center;
	text-decoration: none;
	min-width: 61px;
	/*max-width: 62px;	*/
	max-height:27px;
	
	/*min-height:11px \0;  for ie 8
	/*line-height:1em;*/
	font: 1.21em Arial, Helvetica, sans-serif;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
	color:#f5f5f5;  /*e9e9e9*/
	white-space: nowrap;

	position:relative;
	outline: none;
	overflow: visible; /* removes extra side padding in IE */
	cursor: pointer;
	border: 1px solid #999;/* IE */
	border: rgba(0, 0, 0, .2) 1px solid;/* Saf4+, Chrome, FF3.6 */
	border-bottom:rgba(0, 0, 0, .4) 1px solid;
	box-shadow: 0 1px 2px rgba(0,0,0,.2);
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .1) 0%,
		rgba(0, 0, 0, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(0, 0, 0, .1)),
		to(rgba(255, 255, 255, .1))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000'); /* IE6,IE7 */
	user-select: none;
	padding:2px 7px 5px;
	padding:6px 1px 4px 1px\0; /* ie8-9 */
	-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
	/*-webkit-border-radius: .5em; */
	-moz-border-radius: .3em;
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#19FFFFFF', EndColorStr='#19000000')"; /* IE8 */
	-moz-user-select: none;
	-webkit-user-select:none;
	-khtml-user-select: none;		
}

.button.full, .button.full span {
	display: block;
}
.button:hover, .button.hover {
	background: -moz-linear-gradient(
		center top,
		rgba(255, 255, 255, .2) 0%,
		rgba(255, 255, 255, .1) 100%
	);/* FF3.6 */
	background: -webkit-gradient(
		linear,
		center bottom,
		center top,
		from(rgba(255, 255, 255, .1)),
		to(rgba(255, 255, 255, .2))
	);/* Saf4+, Chrome */
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF'); /* IE6,IE7 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorStr='#33FFFFFF', EndColorStr='#19FFFFFF')"; /* IE8 */
}
.button:hover {
	text-decoration: none;
}

.button:active {
	position: relative;
	top: 1px;
}

.button:active, .button.active {
	top:1px;
}
.button.small  {
	font-size:12px;
}
.button.medium {
	font-size:14px;
}
.button.large {
	font-size:18px;
}
.button.stugreen {	background-color: #008A7C;}
.button.black {	background-color: #333333;}
.button.gray {background-color: #666666;}
.button.white {background-color: #FFFFFF;}
.button.red {background-color: #e62727;}
.button.orange {background-color: #ff5c00;}
.button.magenta {background-color: #A9014B;}
.button.yellow {background-color: #ffb515;}
.button.blue {background-color: #006C95;}
.button.azure {background-color: #11A7D8;} /*179EFE 008ff7*/
.button.pink {background-color: #e22092;}
.button.green {background-color: #62C462;}
.button.rosy {background-color: #F16C7C;}
.button.brown {background-color: #804000;}
.button.purple {background-color: #800080;}
.button.cyan {background-color: #46C7C7;}
.button.gold {background-color: #D4A017;}
.button.sapgreen {background-color: #507d2a;}
.button.tealblue {background-color: #367588;}
.button.paynegrey {background-color: #5d7587;}
.button.kohler {background-color: #EE217C;}
.button.metro {background-color: #01546a;}
.button.criteria {
	background-color: gray;
	padding-top: 1px;
	padding-bottom: 2px;
	margin-left: 10px;
	max-height: 25px;
	min-height: 24px;
	padding-top: 4px \9;
	min-height: 24px \9;	
	max-height: 24px \9;
}

.rightfloat { float:right;}

form input[type="file"] {
	font:100% "微軟正黑體","Microsoft JhengHei",arial,helvetica,clean,sans-serif;
	border: 1px solide #ccc;
    color: #555555;
    font-size: 13px;
    margin: 0 1px 0 0;
    padding: 2px 4px;
	min-height: 23px;
}
/*
.upfile {  input text=file for IE8 + 9 + IE10pp4  
	min-height: 23px \0/IE8+9; ;
	border: 1px solid #CCCCCC \0;
	border-radius: 3px 3px 3px 3px  \0;
	margin: 0 1px 0 0 \0;
	padding: 2px 4px \0;
}*/

.greenblock {
	background-color: #70A32A;
	color: #FFFFFF;
	font-family: microsoft jhenghei,sans-serif;
	font-size: 16px;
	margin: 0 0 10px 10px;
	padding: 4px 10px;
	text-align: left;
	vertical-align: top;
	width: 80px;		
}

.tbltitle td {
	font-size: 14px;
	border-bottom: 1px solid #E4E4E4;
}

.tbltitle td a {
	font-size: 14px;
	color: #00386f;
}

.tbltitle td a:hover {
	text-decoration: underline !important;
	color: #AC0070;
}

td.tdinterval {
	border-left: 0 none !important;
	border-right: 0 !important;
	padding: 3px !important;	
}
table.mtntable th {
	font-size: 1.084em;
	line-height: 1.2;
}	
tr.mtntableheight th {
	font-size: 1.084em;
	line-height: 2 !important;
	padding: 0 !important;
}	
table.mtntable tbody tr:hover {background-color:#e7f3ff} /*f9f9f9  fdfdfd fefefe*/

table.mtntable td {
	/*text-align: center !important;
	padding-left: 3px !important;
	*/
}

#detailEdit td{ padding:2px;}
table#detailEdit  tbody tr:hover { background-color:#fdfdfd; } /*表格編輯區 hover 不出現底色*/

#detailTable {
	font-size: 1em !important;
	text-align: center;
}

table#detailTable td {
	font-size: 1em !important;
	line-height: 2.3;
	padding: 2px;
}
table#detailTable th, table#detailEdit th {
	font-size: 13px !important;
	line-height: 2.3;
	padding: 1px;
}

.mdNavigation {
	float:right;
	margin-bottom: 5px;
}
.mdNavigation p { margin-bottom: 0px; }

.mdNavigation .btnmenu {
	float:right;
	padding: 5px 10px;
	background: none repeat scroll 0 0 #F9F9F9;
	border: 1px solid #bababa;
	color: #555555;
}
p.btnmenu {	margin-top: 3px !important; margin-bottom: 2px;}
p.btnmenu a {
	text-decoration: none;
	color: #0000b3;
}
p.btnmenu a:hover {
	text-decoration: none;
	color: red;
}	
#validationFormMessage	{
	float: left;
	width: 200px;
	padding: 2px 0;
}

#easyNotification {
	background: none repeat scroll 0 0 #FFFED0;
	border: 1px solid #D4D287;
	color: #333333;
	margin-top: 2px;
	padding: 5px 10px;
	min-width: 300px;
	position: relative;
}

#masterTableDiv {
	font-size:inherit;
	margin-bottom:10px;
}

table#masterTable {
	text-align: center;
	font-size:inherit;
}	

table#masterTable td {
	font-size: 1em !important;
}			

table#detailEdit caption, table#detailTable caption {
	margin-bottom: 2px;
}

#prevPage {
	text-align: right;
	margin-bottom: 7px;
	margin-top: -1px;
	margin-right: 10px;
}

#prevPage a {
	font-family: inherit;
	background-color: #777;
	color: white;
	padding-top: 2px;	
	font-size: 12px;
	text-decoration: none;
	padding: 2px 4px;
}

.tablemsg {
	margin: 7px auto 0;
}
.tablemsg ol, .tablemsg ul {
	margin-left: 14px;
}		
.tablemsg ul li {
	list-style:	square outside none !important;
}	
.captionDiv {
	color: #002749 ;
	font-size: 1.417em;
	font-weight: 300;
	text-align: center;
	margin-bottom: 8px;
}

.idSearch {
	text-align: right;
	margin-bottom: 4px;
}

.idSearch input {
	font-size: 13px;
	border: 1px solid #CCCCCC;
	border-radius: 3px 3px 3px 3px;
	color: #555555;
	font-size: 13px;
	margin: 0 1px 0 0;
}