/* Hyperlinks */
a {color: #336699}
a:link {color: #336699; TEXT-DECORATION: none}
a:visited {color: #336699; TEXT-DECORATION: none}
a:hover {color: #f15f23; TEXT-DECORATION: none}
a:active {color: #996633; TEXT-DECORATION: none}

a.tableheader {TEXT-DECORATION: underline}
a.tableheader:link {color: #336699; TEXT-DECORATION: underline}
a.tableheader:visited {color: #336699; TEXT-DECORATION: underline}
a.tableheader:hover {color: #f15f23; TEXT-DECORATION: none}
a.tableheader:active {color: #996633; TEXT-DECORATION: none}

a.detailheader {font-size: 14pt; font-weight: bold}
a.approvalmark {font-size: 10pt}
a.list {font-size: 8pt}

a.button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;

    text-decoration: none;
    color: initial;
	padding: 2px 4px 2px 4px;
	margin-left:4px;
}

/* Body */
body.view {
background-color: #ffffff;
margin: 5px;
color: #000000;
font-size: 11pt;
}
body {
background-color: #ffffff;
margin: 5px;
color: #000000;
font-size: 10pt;
font-family: Segoe UI, "Arial", "Helvetica", "Verdana", "sans-serif";
padding-bottom:20px;
}
body.invoice {
	margin: 0px;
	font-family: Segoe UI, "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 9pt;
}

/* legend */
legend {
	font-size: 12pt;
	font-weight: bold;
	color: #666666;
}

/* Table */
caption {
	font-weight: bold;
}
table.main {
	width: 1400px;
}
table.javawindow {
	width: 100%;
}
table.search {
	font-size: 10pt;
	width: 1400px;
}
table.list {
	font-size: 8pt;
	width: 1400px;
	border: 0px solid #000000;
}
table.pageno {
	width: 1400px;
	font-size: 8pt;
	border: 0px solid #FFFFFF;
}
table.popup {
	width: 100%;
	border: 0px solid #cccccc;
	font-size: 10pt;
}
table.popuptitle {
	width: 100%;
	height: 26px;
	background-color: #666666;
	border: 1px solid #cccccc;
}
table.popuptitle_ps {
	width: 100%;
	height: 26px;
	background-color: #FA7600;
	border: 1px solid #FA7600;
}
table.sub {
	width: 100%;
	border: 1px solid #cccccc;
}
table.admintitle {
	width: 1400px;
	height: 26px;
	background-color: #336699;
	border: 1px solid #cccccc;
}
table.title {
	width: 100%;
	height: 26px;
	background-color: #666666;
	border: 1px solid #cccccc;
}
table.picture {
	width: 200px;
	height: 160px;
	background-color: #ffffff;
	border: 1px solid #cccccc;
}
table.inv {
	width: 100%;
	font-size: 7pt;
	font-family: Segoe UI, "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif";
	border: 0px solid #000000;
	padding: 0px;
}
table.upload {
	width: 400px;
	font-family: Segoe UI, "Verdana", "Arial", "Helvetica", "sans-serif";
	font-size: 8pt;
}
table.print {
	width: 700px;
}
table.printlandscape {
	width: 280mm;
}
table.printportrait {
	width: 190mm;
}


/* TH */
th.tableheader {
	font-family: Segoe UI, Arial;
	font-size: 8pt;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #666666;
}
th.popup {
	font-family: Segoe UI, "Arial", "Taipei", "Helvetica", "sans-serif";
	color: #666666;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	background:#eeeeee;
}
th.opdesc {
	border:1px solid #CCCCCC;
	background:#EEEEEE ;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-align: center;
}


/* TD */

td {
	font-family: Segoe UI, Arial;
}

td.list{
	font-size: 8pt;
	border: 0px solid #666666;
	padding: 0 5 0 5 px;
}
td.list_new{
	font-size: 8pt;
	border: 0px solid #666666;
	padding: 0 5 0 5 px;
	vertical-align: top;
	border-bottom: 1px dotted #000000;
}
td.logo {
	text-align: left;
	border-right: 0px;
	width: 82px;
}

td.admintitle {
	font-family: Segoe UI, "Arial", "Taipei", "Helvetica", "sans-serif";
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	border-top: 1px solid #FFFFFF;
	border-right: 1px solid #333333;
	border-bottom: 1px solid #333333;
	border-left: 1px solid #FFFFFF;
}
td.inv {
	border: 1px solid #000000;
	padding: 0 5 0 5 px;
}
td.invtitle {
	text-align: center;
	font-weight: bold;
	border-left: 0px;
}

td.login {
	font-family: Segoe UI, "Taipei", "Helvetica", "sans-serif";
	font-style: noraml;
	font-size: 12px;
}
td.title {
	font-family: Segoe UI, "Arial", "Helvetica", "sans-serif", "Taipei";
	color: #ffffff;
	font-size: 18px;
	text-align: left;
	vertical-align: middle;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #FFFFFF;
}
td.title_report {
	font-family: Segoe UI, "Arial", "Taipei", "Helvetica", "sans-serif";
	font-weight: bold;
	color: #ffffff;
	font-size: 28pt;
	text-align: left;
	vertical-align: middle;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #FFFFFF;
}
td.title_analysis {
	font-family: Segoe UI, "Arial", "Helvetica", "sans-serif", "Taipei";
	color: #000000;
	font-size: 12pt;
	font-weight: bold;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #333333;
	border-bottom: 2px dotted #000000;
	border-left: 0px solid #FFFFFF;
}
td.title_center {
	font-family: Segoe UI, "Arial", "Taipei", "Helvetica", "sans-serif";
	color: #ffffff;
	font-size: 18px;
	text-align: center;
	vertical-align: middle;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #FFFFFF;
}
td.title_right {
	font-family: Segoe UI, "Arial", "Taipei", "Helvetica", "sans-serif";
	color: #ffffff;
	font-size: 18px;
	text-align: right;
	vertical-align: middle;
	border-top: 0px solid #FFFFFF;
	border-right: 0px solid #333333;
	border-bottom: 0px solid #333333;
	border-left: 0px solid #FFFFFF;
}

td.content {
	width: 180px;
}
td.menu {
	width: 120px;
	border:1px solid #CCCCCC;
	background:#EEEEEE ;
	padding: 5 0 0 0;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	font-weight: normal;
	text-align: center;
	}
td.celltitle {
	border:1px solid #CCCCCC;
	background:#EEEEEE ;
	padding: 5px;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 11pt;
	color: #666666;
	font-weight: bold;
	text-align: center;
	}
td.celltitle_pdf {
	border:1px solid #CCCCCC;
	background:#99AEC8;
	padding: 5px;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 14px;
	color: #000000;
	font-weight: bold;
	text-align: center;
	}
td.cellsubtitle {
	border:1px solid #CCCCCC;
	padding: 5 0 5 0;
	background:#EEEEEE ;
	font-family: Segoe UI,tahoma, trebuchet, verdana, arial;
	font-size: 8pt;
	color: #666666;
	font-weight: bold;
	text-align: center;
	}
td.cell1 {
	border:1px solid #CCCCCC;
	background:#EEEEEE ;
	padding-left:3px;
	font-family: Segoe UI,tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}
td.cell1_insepctor {
	border:1px solid #CCCCCC;
	background:#99FF99;
	padding-left:3px;
	font-family: Segoe UI,tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
	}
td.cell1imp {
	border:1px solid #CCCCCC;
	background:#EEEEEE ;
	padding-left:3px;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #ff0000;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
	}
td.cell2 {
	border:1px solid #CCCCCC;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
}
td.invsubject {
	background-color: #CCCCCC;
	color: #000000;
	font-weight: bold;
	text-align: center;
	font-size: 7pt;
	font-family: Segoe UI, "Tahoma", "Verdana", "Arial", "Helvetica", "sans-serif";
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}
td.productlist {
	border: 1px solid #cccccc;
	vertical-align: top;
}
td.search{
	font-size: 10pt;
}
td.opdesc {
	border:1px solid #DDDDDD;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #666666;
	font-weight: normal;
}
td.pagesize {
	text-align: right;
}
td.ttlamount {
	text-align: right;
	font-weight: bold;
	font-size: 14pt;
	border: 1px solid #000000;
}
td.reminder {
	border:0px;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 10pt;
	color: #000000;
	font-weight: normal;
	text-align: left;
	vertical-align: top;
}
td.cellcolor {
	border:0px solid #DDDDDD;
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 12px;
	color: #000000;
	font-weight: normal;
	text-align: left;
	padding: 0 15 0 0;
}
td.cellnew {
	padding-bottom: 10px;
	vertical-align: top;
}


/* Main text */
.main {
	font-weight: bold;
	width: 80px;
}

/* form style */
select {
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 8pt;
	background-color: #F5F5F5;
	color: #000000;
	border: 1 solid #777777;
}
input {
	font-family: Segoe UI, tahoma, trebuchet, verdana, arial;
	font-size: 9pt;
	background-color: #F5F5F5;
	color: #000000;
	border: 1 solid #777777;
}
input.pd {
	box-shadow:2px 2px 3px #ccc;
	margin-right:5px;
	border-radius: 5px;
}
input.pd:hover {
	background-color:#666666;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;n
	transition: all 1s;
}
input.pd:focus {
	background-color:#666666;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
input.pd_del {
	box-shadow:2px 2px 3px #ccc;
	margin-left:5px;
	border-radius: 5px;
}
input.pd_del:hover {
	background-color:#ff0000;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
input.pd_del:focus {
	background-color:#ff0000;
	color: #FFFFFF;
	cursor: pointer;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
input.inputtext {
	box-shadow:2px 2px 3px #ccc;
	border-radius: 5px;
}	
input.inputtext:hover {
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
input.inputtext:focus {
	background-color:#666666;
	color: #FFFFFF;
	-webkit-transition: all 1s;
	-moz-transition: all 1s;
	-o-transition: all 1s;
	transition: all 1s;
}
input.inv {
	font-family: Segoe UI, tahoma;
	font-size: 8pt;
}
input.submit {
	font-size: 8pt;
	margin-left: 5px;
	padding: 0 10 0 10;
}
input.readonly {
	font-size: 9pt;
	color: #666666;
	background-color: #ffffff;
	border: 0 solid #ffffff;
}
input.radio {
	background-color: #ffffff;
	border: 0;
}

input.checkbox {
	background-color: #ffffff;
	border: 0;
}
input.inibtn {
	background-color: orange;
	font-weight: bold
}
input.cd {
	border: solid 2px #336699;
	color: #336699;
}
input.kn {
	border: solid 2px #00A160;
	color: #00A160;
}
input.ps {
	border: solid 2px #FA7600;
	color: #FA7600;
}
textarea {
 	font-family: verdana;
	font-size: 9pt;
	background-color: #F5F5F5;
	color: #000000;
	border: 1 solid #777777;
}
textarea.inv {
	font-size: 8pt;
}
textarea.readonly {
	font-size: 9pt;
	color: #666666;
	background-color: #ffffff;
	border: 0 solid #ffffff;

}

/* IMG */
img{
	border: 0px;
}
img:hover{
	opacity: 0.5;
	-webkit-transition: opacity 0.5s;
	-moz-transition: opacity 0.5s;
	-o-transition: opacity 0.5s;
	transition: opacity 0.5s;
}
img.mark {
	vertical-align: middle;
	height: 30px;
	margin: 10px;
}
img.pointer{
	cursor: pointer;
	vertical-align: middle;
}
img.help {
	width: 14px;
	height: 14px;
	cursor: pointer;
	vertical-align: middle;
}

/* Fieldset & Legend */
fieldset {
	margin: 0 5 0 5;
	border: 1px solid #000000;
}
legend{
	font-size: 10pt;
	color: #000000;
	padding: 0px 10px 0px 10px;
}

fieldset.pd {
	border: 0px;
	border-radius: 10px;
	box-shadow:3px 3px 10px #666;
}
legend.pd {
	font-weight: normal;
	padding-top:20px;
	padding-bottom:10px;
}


/*  This is for Netscape 4.0+ broswsers so that the border will display.
If you want to modify the background color this is where you would do it for NS4.0+.
To modify the color for IE and NS6 do so in the style tag in the div below
*/
.ttip {
	border: 1px solid black;
	font-size: 12px;
	layer-background-color: lightyellow;
	background-color: lightyellow;
}
.report_title {
	font-weight: bold;
	font-size: 14 pt;
}
.report_report_titlec {
	font-size: 10 pt;
}
.report_currency {
	font-size: 8 pt;
	text-align: right;
}