/* 
此樣式表主要為
各主題樣板共用樣式設定檔
請注意圖片路徑問題及配色
如共用性太差則請改建利於各主題樣式中

*/

/*==虛擬連結樣式==*/
.VR_Link{
	cursor:pointer;
}

/*==按鈕樣式==*/

input.button, input.button4, input.button6,input.icon_search,input.closebtn,input.btn_Excel,input.buttonRed,input.buttonRed4,input.buttonRed6
{
	background:url("./x2010/images/button/bt_blank.gif") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	height:26px;
	margin-left:2px;
	margin-right:2px;
	width:53px;
	color:White;
}

input.button4 {
	background:url("./x2010/images/button/button_60.gif") no-repeat scroll left top transparent;
	width:60px;
}

input.button6 {
	background:url("./x2010/images/button/button_85.gif") no-repeat scroll left top transparent;
	width:85px;
}

input.buttonRed {
	background:url("./x2010/images/button/bt_red_blank.gif") no-repeat scroll left top transparent;	
}

input.buttonRed4 {
	background:url("./x2010/images/button/button_red_60.gif") no-repeat scroll left top transparent;
	width:60px;
}

input.buttonRed6 {
	background:url("./x2010/images/button/button_red_85.gif") no-repeat scroll left top transparent;
	width:85px;
}

input.icon_search {
	background:url("./x2010/images/button/icon_search.gif") no-repeat scroll left top transparent;
	height:16px;
	width:16px;
	font-size: 0;
}

input.closebtn {
	background:url("./x2010/images/button/closebtn.gif") no-repeat scroll left top transparent;
	height:18px;
	width:18px;
	font-size: 0;
}


input.btn_Orange {
	background:url("./x2010/images/button/btn_Orange.gif") no-repeat scroll left top transparent;
	border:medium none;
	cursor:pointer;
	height:25px;
	margin-left:2px;
	margin-right:2px;
	width:85px;
	color:#52381D;
}

input.btn_Excel {
	background:url("./x2010/images/button/image_excel.gif") no-repeat scroll left top transparent;
	height:26px;
	width:26px;
	padding-top:15px;
	font-size: 0;
}


/*====[文字樣式]====*/

.BlueHighlight
{
	background-color:#c7e8f9;
	color:#577ca9;
}

.textstyle_h1
{
	font-size: 0.9375em;
	color: #CC3333;
	margin-top: 0px;
	margin-left: 5px;
	margin-bottom: 0px;
	margin-right: 0px;
	padding-top:5px;
}


/*====[UpdatePalne 回呼進度樣式]====*/
div.loadingPanel {
    position: absolute;
    background-color: #000;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    filter: alpha(opacity=60);
    opacity: 0.6;
    z-index: 10000;
}

div.loading {
    float: left;
    margin-top: -17px;
    margin-left: 7px;
    padding-left: 70px;
    background: transparent url(./x2010/images/loading/loadingbar.gif) no-repeat center left;
    border: none;
    color: #1e7e40;
    z-index: 10000;
}
span.loading {
    position: absolute;
    margin-left: auto;
    margin-right: auto;
    padding: 1px;
    top: 45%;
    left: 45%;
    z-index: 10000;
}
span.loading div {
    margin: 1px;
    padding: 10px 10px 12px 37px;
    background: #daedf0 url(./x2010/images/loading/loading.gif) no-repeat 5px 5px;
    border: 1px solid #7eacb1;
    font-size: 0.875em;
    filter: alpha(opacity=0);
    opacity: 0;
    z-index: 10001;
}
em.loading {
    position: relative;
    padding-left: 20px;
    background: transparent url(./x2010/images/loading/loadingcycle.gif) no-repeat center left;
    color: #1e7e40;
    z-index: 10000;
}



/*====UL列表樣式====*/
.ULStyleA ,.ULStyleD
{
	/*
	list-style-position:outside;
	list-style-type:none;	
	color:#5EAF54;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.9375em;
	*/
	font-weight:bold;
	line-height:20px;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
}
.ULStyleA li,.ULStyleD li
{
	/*
	background-image:url("images/clover2.gif");
	background-position:0 1px;
	background-repeat:no-repeat;
	margin-bottom:3px;
	padding-left:20px;
	color:#666666;
	font-size: 0.9375em;
	*/
	background-image:url("./x2010/images/point1.gif");
	background-position:5px 5px;
	background-repeat:no-repeat;
	border-bottom:1px dotted #B2B2B2;

	line-height:18px;
	margin-bottom:7px;
	padding-left:18px;
}
.ULStyleA li div
{
	position:relative;
	padding-left:14px;
}
.ULStyleA li.LIMore 
{
	background-image:url("");
	border-bottom:0px dotted #B2B2B2;
	padding-top:10px;
}



.ULStyleB 
{
	/*
	list-style-position:outside;
	list-style-type:none;	
	color:#5EAF54;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.9375em;
	*/
	font-weight:bold;
	line-height:20px;
	list-style-type:decimal;
	margin-left:16px;
	padding:20px;
}

.ULStyleC 
{
	/*
	list-style-position:outside;
	list-style-type:none;	
	color:#5EAF54;
	font-family:Arial,Helvetica,sans-serif;
	font-size: 0.9375em;
	*/
	font-weight:bold;
	line-height:20px;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	padding:0;
	font-family:標楷體;
	width:100%;
}
.ULStyleC li
{
	/*
	background-image:url("images/clover2.gif");
	background-position:0 1px;
	background-repeat:no-repeat;
	margin-bottom:3px;
	padding-left:20px;
	color:#666666;
	font-size: 0.9375em;
	*/
	background-position:5px 5px;
	background-repeat:no-repeat;
	line-height:18px;
	margin-bottom:7px;
	padding-left:0px;
	padding-top:10px;
}
.ULStyleC li.Limemo 
{
	font-size:small;
	border-bottom:0px dotted #B2B2B2;
	margin-left:28px;
	list-style-type:none;
	list-style-position:inherit;
}

.ULStyleC li.LimemoTitle 
{
	font-size:small;
	border-bottom:0px dotted #B2B2B2;
	padding-top:10px;
}

.ULStyleC li span.Name
{
	position:relative;
	padding-top:10px;
	margin-left:60%;
	display:inline;
}

.ULStyleC li span.CapterName
{
	position:relative;
	padding-top:10px;
	margin-left:37%;
	font-size:x-large;
	display:inline;
}

.ULStyleC li span.Stamp
{
	margin-left:5%;
	display:inline;
	text-align:center;
	padding: 10px 10px 10px 12px;
	border:1px solid #000000;
}
.ULStyleC li span.CityStamp
{
	font-size:large;
}

.ULStyleAutoFlow ul
{
	padding-left:0px;
	margin-left:0px;
	list-style-type:none;width:100%;	
}

.ULStyleAutoFlow li
{
	padding-left:5px;
	float:left;
	white-space:nowrap;
}

/*====[fieldset樣式]====*/
.fieldsetAlign fieldset
{
	text-align:center;
}


.FieldsetStyleA ,.FieldsetStyleA fieldset{
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #1E7ACE;
margin-top:5px;
padding:10px;
}


.FieldsetStyleA legend {
background:none repeat scroll 0 0 #FFFFFF;
border:1px solid #1E7ACE;
color:#1E7ACE;
font-weight:bold;
padding:3px 20px;
}


.FieldsetStyleB ,.FieldsetStyleB fieldset{
background:none repeat scroll 0 0 #B2B2B2;
border:2px solid #52381D;
margin-top:5px;
padding:10px;
}

.FieldsetStyleB legend {
background:none repeat scroll 0 0 #B2B2B2;
border:2px solid #52381D;
color:#52381D;
font-weight:bold;
padding:3px 20px;
}

.FieldsetStyleC ,.FieldsetStyleC fieldset{
background:none repeat scroll 0 0 #FFEEAA;
border:1px solid #1E7ACE;
margin-top:5px;
padding:10px;
}

.FieldsetStyleC legend {
background:none repeat scroll 0 0 #FFEEAA;
border:1px solid #1E7ACE;
color:#1E7ACE;
font-weight:bold;
padding:3px 20px;
}

.PasswordRecoveryTd {
	color: #666666;
	font-weight: bold;
	margin: 1px;
	border-collapse: collapse;
	border-spacing: 0;
	background-color: #e1eefb;
	text-align: center;
	border: 1px solid #B5C8D9;
}

.resetP {
	background-color: #2a5a8c;
	text-align: center;
	color: #ffffff;
	margin: 0;
}
/*文字方塊唯讀樣式*/
.txtReadOnly {
	background-color: #E0E0E0;
	border-style: None;
}