@charset "utf-8";
/*CSS Info ======================================================================
File Name: Grid.css
Create Editor: Sophia,Eliam
Create Date: 2012/06/19
Last Editor: 
Last Date: 2012/0/
Version： 1.5.3
---------------------------
【 風格 】
	環保草地系
	jq：jquery-ui-1.8.16.custom(CarTrack)
【 Table of Contents 】
	MyGridView	自訂寬度
	MyGridView2	100%寬度
		MyHead
		MyRow
		MyAlt
		MyPager
		MyOver
	MyTable
		Alt
		Over
	MyQueryArea	查詢區域(預設寬度100%) 
	CommandArea 按鈕列置中
	btn			三種按鈕樣式含變換
	修正jQuery UI
=================================================================================*/

/*===============================================================================
                           Grid View 或列表表格設定 
=================================================================================*/
.MyGridView,.MyGridView2{ /*MyGridView2寬度自訂*/
	border-top:2px solid #acd364;
	border-bottom:1px solid #baea80;
	font-size: 1em;
	color:#787878;
	padding:3px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	background:#fff;
}

.MyGridView{	
	width:100%;
}

.MyHead ,.MyGridView tr.MyHead th,.MyGridView th,.MyGridView2 th{
	color:#476313;
	font-weight: bold;
	font-family: "Arial", "微軟正黑體";
	font-size:1.15em;
	padding:5px;
	border-bottom:1px solid #acd364;
	background:#83D2E8  url(../images/theme/MyHead-bg.png) 50% 50% repeat-x;
}

.MyGridView th{
}

.MyHead a,.MyGridView th a{
	color:#690;
}

.MyHead a:hover,.MyGridView th a:hover{
	color:#74736d;
}

.MyGridView tr.MyHead th,.MyGridView2 tr.MyHead th {
	text-align:center;
}

.MyGridView tr.MyHead td {
}

.MyRow,.MyGridView td, .MyGridView2 td{
	/*color:#003366;*/
}

.MyGridView td,.MyGridView2 td, .MyRow td,.MyAlt td{
	line-height:1.6em;
	vertical-align:middle;
    padding:8px 15px;
	padding:3px\9;
}

.MyRow a,.MyGridView td a, .MyGridView2 td a{
	color:#690;/*5b8112*/
}

.MyRow a:hover,.MyGridView td a:hover, .MyGridView2 td a:hover{
	color: #8cce3b;
}

.MyAlt{
	padding:2px;
	background:#F6F6F6;
}

.MyAlt a{
	color:#16468d;
}

.MyAlt a:hover{
	color: #1867e2;
}

.MyPager{
	padding:2px;
	background:#f4f9fe;
	text-align: right;
	color:#8c8a8c;
}

div.MyPager{
	margin-top:2px;
	padding:5px;
	background:none;
	color:#000;/*8c8a8c*/
}

.MyOver, .MyHighlight{
	background-color: #fff7cc;
}

/*===============================================================================
                           FontView、DetailVeiw套用 
=================================================================================*/
.Mytable {
	width:100%;
	border-top:2px solid #ACD364;
	border-bottom:1px solid #BAEA80;
	padding:3px;
	/*border-collapse:collapse;*/
	margin-bottom: 5px;
	font-size: 13px;
	line-height:1.5em;
}

.Mytable caption, .MyCaption {	/*表格標題*/
	color: #486b06;/*01525f*/
	font-size:1.15em;
	letter-spacing:0.1em;
	padding:0 10px;
	margin: 0 0 0 0;
	caption-side: top;
	text-align:center;
	font-weight: bold;
	line-height: 2em;
	font-family: "Arial", "微軟正黑體";
}

.Mytable th{
	font-weight:normal;
	color:#5b8112;/* 0488b9 05a9e6*/
	text-align:right;
	padding:5px;
	width: 15%;
	border-bottom: 1px dotted #ccc;
	background-color: #fffceb;
}

.Mytable .odd { /*奇數行*/
	background-color: #fffceb;
}

.Mytable .even { /*偶數行*/
	background:#ffffff;
}

.Mytable td{
	color:#787878;
	padding:5px;
	text-align:left;
	border-bottom: 1px dotted #ccc;
}

.Mytable thead th{
	border-right:1px solid #fff;
	background: #83D2E8 url(../images/theme/MyHead-bg.png) 50% 50% repeat-x; 
	font-family: "Arial", "微軟正黑體";
	font-size:1.15em;
	color:#476313;
	text-align:center;
	font-weight:bold;
	padding:5px;
}

.Mytable td table{
	padding:0;
	margin:0 1px 0 0;
	/*border: 1px solid #ccc;23797b*/
	border-top:2px solid #ACD364;
	/*border-bottom:1px solid #44c5f3;*/
}

.Mytable td table td{

}

/*===============================================================================
                           查詢區域 套用 
=================================================================================*/
.MyQueryArea{
	border: 1px solid #fae366;
	border: 0px\9;
	background-color:#fff\9;
	padding:5px;
	background-color:#fff;
	-moz-border-radius: 5px;
	-webkit-border-radius:5px;
	border-radius: 5px;
	/*behavior: url(JS/ie-css3.htc);*/ /*--ie用圓角套件--*/
	margin-bottom:10px;
	margin-bottom:0px\9;
}

.preMyQueryArea{	/*--for ie 圓角 JS 產生父層物件 (搭配jq-Corner)--*/
	background-color: #DDDDDD;
	margin-bottom:10px;	
}

.MyQueryArea table{
	width:100%;
	background-color:#e4febd;
	padding:5px;
}

.MyQueryArea table caption{
	text-align:left;
	font-size:1.1em;
	line-height:1.8em;
	color: #3f6603;
	font-weight: bold;
	font-family: Arial, "微軟正黑體", Helvetica, sans-serif;
	background-image: url(../images/icon-find.png);
	background-repeat: no-repeat;
	padding-left: 22px;
	background-position: 2px 50%;
}

.MyQueryArea table th{
	text-align:right;
	width:8em;
	padding:5px;
	padding-right:0.75em;
	color: #004000;
}

.MyQueryArea table td{
	text-align:left;
	padding:2px;
	}
.MyQueryArea table th img,.MyQueryArea table td img{
	    vertical-align:middle;
}

.MyQueryArea table select,.MyQueryArea table label,.MyQueryArea table input{
	color: #555;
}

.CommandArea{	/*-------------------------- 按鈕列 --------------------------*/
	text-align:center;
	margin:10px 5px 10px 5px;
}

.MyQueryArea .CommandArea{
	margin:10px 0 5px 0;
	
}

.MyQueryArea .CommandArea .btn{
		color: #2c7af2;
		padding:3px 10px;
}

/*===============================================================================
                           按鈕 套用 
=================================================================================*/
.btn{
	color: #486b06;
	border: 1px solid #99c149;
	background: #EFEFEF  url(../images/theme/btn-bg.png) repeat-x 50% 50%;
	font-size: 13px;
	line-height: 1.2em;
	margin: 0px;
	padding: 0px;
	/*font-weight: bold;*/
	padding:.2em 0.75em;
	display: inline-block;

	/*position: relative;*/
	*text-decoration: none !important;
	cursor: pointer;
	text-align: center;
	zoom: 1;
	overflow: visible;/* the overflow property removes extra width in IE */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.btnImp{
	background: #FCF url(../images/theme/btnimp-BG.png) repeat-x 50% 50%;
	color: #e00043;
	border: 1px solid #fd91b1;
}
	
.btnPoint{
	background: #dadada  url(../images/theme/btnPoint-BG.png) 50% 50% repeat-x;
	color: #5a4220;
	border: 1px solid #feed9f;
}
/*新增！！！*/

.btn.Over{
	background: #dadada  url(../images/theme/btn-over-BG.png) 50% 50% repeat-x;
	color: #ffffff;
	border: 1px solid #7e9816;
}

.btnImp.btn.Over{
    background: #dadada  url(../images/theme/btnImp-over-BG.png) 50% 50% repeat-x;
	color: #e00043;
	border: 1px solid #fd91b1;
}

.btnPoint.btn.Over{
    background: #dadada  url(../images/theme/btnPoint-over-BG.png) 50% 50% repeat-x;
	color: #5a4220;
	border: 1px solid #f0c60f;
}
	
.MyQueryArea .CommandArea .btn,.MyQueryArea  .btn{
	border: 1px solid #aae05c;
	background: #dadada  url(../images/theme/btnCom-BG.png) 50% 50% repeat-x;
	color: #fff;
}

.MyQueryArea .CommandArea .btn.Over,.MyQueryArea .btn.Over{
	border: 1px solid #58b817;
	
}

/*-----------------修正jQuery UI-----------------*/
.ui-datepicker select.ui-datepicker-month {	width: 30%;}
 .ui-datepicker select.ui-datepicker-year{width: 40%;}