﻿body 
{
	margin-top: 0px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 0px;
	font-family: 細明體;
}

.button
{
	border-right: #999999 1px solid;
	border-bottom: #999999 1px solid;
	border-left:solid 1px #FFFFFF;
	border-top: solid 1px #FFFFFF;
	padding-top: 3px;
	font-size: 10pt;
	font-weight:bold;
	word-spacing: 1pt;
	color: #0000ff;
	font-family: 細明體;
	cursor: hand;
}

.small-button
{
	border-right: solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-left:solid 2px #FFFFFF;
	border-top:solid 2px #FFFFFF;
	padding-top: 2px;
	font-size: 10pt;
	word-spacing: 1pt;
	color: #000066;
	background-image:url(../../Images/bg_info1.jpg);
	font-family: 細明體;
	cursor: hand;
}

.ddl {
	font-family:細明體;
	font-size: 10pt;
	color: #000099;
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	background-color: #FFFFFF;
}

.autocomplete
{
	font-family:細明體;
	font-size: 10pt;
}

.textbox-int {

	padding-right: 3px;
	padding-left: 3px;

	padding-top: 1px;

	width:60px;
	text-align:right;
	ime-mode:disabled;
	
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-currency {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:right;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.numeric-readonly {
	padding-right: 3px;
	padding-left: 3px;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-top: 1px;
	text-align:right;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.text-readonly {
	padding-right: 3px;
	padding-left: 3px;
	border-top:none;
	border-left:none;
	border-right:none;
	padding-top: 1px;
	text-align:left;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.text-readonly-grid {
	border-bottom:0px;
	border-top:0px;
	border-left:0px;
	border-right:0px;
	text-align:left;	
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	
}

.textbox-sint {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:right;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
	
}

.textbox-dec {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:right;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-sdec {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:right;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-digit {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:left;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-code {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:left;
	/*text-transform:uppercase;*/
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-original-code {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	text-align:left;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
	ime-mode:disabled;
}

.textbox-date {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-time {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-ym {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-year {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-mon {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-day {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-email
{
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	
	width:250px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
	ime-mode:disabled;
}

.textbox-none {
	padding-right: 3px;
	padding-left: 3px;
	padding-top: 1px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-idno-check {

	padding-right: 3px;
	padding-left: 3px;

	padding-top: 1px;
	text-transform:uppercase;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-idno-nocheck {

	padding-right: 3px;
	padding-left: 3px;

	padding-top: 1px;

	text-transform:uppercase;
	ime-mode:disabled;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.textbox-chinese {

	padding-right: 3px;
	padding-left: 3px;

	padding-top: 1px;
	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	background-color: #E1E1E1;
	border: thin solid #e1e1e1;
}

.lbl
{
	font-family:細明體;
	font-size:10pt;
	border-bottom: solid 1px #000000;
	color: #0000FF;
	text-align:left;
	padding-right: 3px;
	padding-left: 3px;
	white-space:nowrap;
}

.lbl-num
{
	font-family: 細明體;
	font-size:10pt;
	border-bottom: solid 1px #000000;
	color: #0000FF;
	text-align:right;
}

Table
{
	font-family: 細明體;
	font-size:10pt;
}

.table-sub-title
{
	font-family:細明體;
	font-size: 10pt;
	font-weight: bold;
	color: #ffffff;
	background-color: #a89041;
	padding-top:3px;
	padding-bottom:3px;
	text-align: center;
	border-right:solid 1px #ffffff;
	border-bottom:solid 1px #ffffff;
	border-top:solid 1px #887431;
	border-left:solid 1px #887431;
}

.table-sub2-title
{
	font-family:細明體;
	font-size: 10pt;
	color: #000066;
	background-color: #dedede;
	padding-top: 2px;
	font-weight:bold;
	text-align: center;
	border-bottom:groove 1px #999999;
	border-right: groove 1px #999999;
}

.table-line
{
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
	border-top:solid 1px #999999;
	border-left:solid 1px #999999;
}

/*=====GridView=====*/
.grid
{
	background-color:#CCCCCC;
	border:double 3px #000000;
}

.gridHeader
{
	color: #000080;
	background-image: url(../../Images/gridHeader.jpg);
	background-color:#cccccc;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	height: 20px;
	white-space:nowrap;
/* -----FixedRow
   position: relative;    
    top: expression(this.offsetParent.scrollTop+2);
    left:expression((this.offsetParent.offsetLeft+2);
    z-index: 10;
*/
}

.gridPager
{
	color: #FF0000;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
	background-color: #cccc99;
}

.gridFooter
{
	font-weight: bold;
	vertical-align: middle;
	color: #ffffff;
	background-color: #0000cc;
	text-align: center;
}

.gridItem
{
	color: #0000FF;
	background-color:#F7F7DE;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

.gridAlternatingItem
{
	background-color:#F3EACD;
	color:#0000FF;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

.gridSelected
{
	color: #000000;
	background-color: #FFCC99;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

.gridMouseOver
{
	background-color: #e6e6fa;
	color: #ff0000;
	cursor: hand;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

/*=====Menu=====*/
.Menu
{
}

.StaticMenuStyle
{
}

.StaticMenuItemStyle
{
	font-family:細明體;
	font-size:10pt;
	background-color:#DCDCDC;
	color:#0046E0;
	border-top:solid 1px #AAAAAA;
	border-left:solid 1px #AAAAAA;
	border-right:solid 1px #AAAAAA;
	border-bottom:solid 1px #000000;
	padding:5px 2px 5px 2px;
	/*_padding:7px 5px 5px 5px; IE7*/
	
}

.StaticSelectedStyle
{
	/*background-image:url(../../Images/background.jpg);*/
	background-color:#FFFFFF;
	color:#0046E0;
	border-top:solid 1px #000000;
	border-left:solid 1px #000000;
	border-right:solid 1px #000000;
	border-bottom:none;
	font-weight:bold;
}

.StaticHoverStyle
{
	background-color:#0000cd;
	color:#FFFFFF;
}

.Menu_Bottom
{
	border-bottom: #000000 1px solid;
	width:100%;
}

.Tab_Border
{
	border-right: #000000 1px solid;
	border-left: #000000 1px solid;
	border-bottom: #000000 1px solid;	
}

/*系統自訂*/
.form_title {
	font-size: 10pt;
	color:#00468B;
	background-color: #F2F2F2;
	text-align: right;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	white-space:nowrap;
}

.form_title_required {
	font-size: 10pt;
	color:#C30505;
	background-color: #F2F2F2;
	text-align: right;
	border-bottom:solid 1px #cccccc;
	border-right:solid 1px #cccccc;
	white-space:nowrap;
}

/*計算td*/
.form_cal_title {
	font-size: 10pt;
	color:#00468B;
	text-align: center;
	border-bottom:solid 1px #cccccc;
	white-space:nowrap;
}

.form_cal_title_required {
	font-size: 10pt;
	color:red;
	text-align: center;
	border-bottom:solid 1px #cccccc;
	white-space:nowrap;
}

.form_cal_sign {
	font-size: 10pt;
	text-align: center;
	color:Red;
	white-space:nowrap;
}

.form_memo {
	font-size: 10pt;
	text-align: left;
	color:Red;
	white-space:nowrap;
	font-weight:normal;
}

.form_modified
{
	font-size: 9pt;
	text-align: left;
	color: #404040;
	font-weight: normal;
}

.modalBackground
{
    background-color:Gray;
    filter:alpha(opacity=40);
    opacity:0.4;
}


/*wUctlBannerJQuery用*/
/*preload classes*/
.svw {width: 50px; height: 20px; background: #fff;}
.svw ul {position: relative; left: -999em;}

/*core classes*/
.stripViewer { 
position: relative;
overflow: hidden; 
border: 5px solid #ff0000;  
margin: 0 0 1px 0;
}
.stripViewer ul { /* this is your UL of images */
margin: 0;
padding: 0;
position: relative;
left: 0;
top: 0;
width: 1%;
list-style-type: none;
}
.stripViewer ul li { 
float:left;
}
.stripTransmitter {
overflow: auto;
width: 1%;
}
.stripTransmitter ul {
margin: 0;
padding: 0;
position: relative;
list-style-type: none;
}
.stripTransmitter ul li{
width: 20px;
float:left;
margin: 0 1px 1px 0;
}
.stripTransmitter a{
font: bold 10px Verdana, Arial;
text-align: center;
line-height: 22px;
background: #ff0000;
color: #fff;
text-decoration: none;
display: block;
}
.stripTransmitter a:hover, a.current{
background: #fff;
color: #ff0000;
}

/*tooltips formatting*/
.tooltip
{
padding: 0.5em;
background: #fff;
color: #000;
border: 5px solid #dedede;
}

.chromestyle{

}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
display: block; 
clear: both; 
visibility: hidden;
}
.chromestyle a:hover { /*script dynamically adds a class of "selected" to the current active menu item*/
background: #404040 center center repeat-x; /*THEME CHANGE HERE*/
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
z-index:500;
background: #404040 center center repeat-x;
visibility: hidden;
}


.dropmenudiv a{
display: block;
background: #404040 center center repeat-x;
}

* html .dropmenudiv a{ /*IE only hack*/
background: #404040 center center repeat-x;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background: #404040 center center repeat-x;

}

.dropmenuTable
{
    z-index:500;
    position:relative;
    top:0;
    background: #404040 center center repeat-x;
    border-bottom: 10px solid #404040
}