﻿/*----- FORM TABLE ----- */
table.form {
    table-layout: fixed;
    margin-left: 15px;
    margin-bottom: 10px;
    .margin-left: 0px;
    padding: 1px;
    width: 95%;
}
table.form th {
    background: #bbe4e8 url(image/table/table_th_bg.gif) repeat-x;
	border: 1px solid #b4dee2 !important;
	font-size: 12px;
	color: #000;
	text-align: center;
	white-space: nowrap;
	height: 25px;
	line-height: 25px;
	z-index: 1000;
}
table.form th.left,
table.form td.left {
    border-left: 1px solid #b4dee2 !important;
}
table.form th.right,
table.form td.right {
    border-right: 1px solid #b4dee2 !important;
}
table.form td {
    padding-left: 2px;
    padding-right: 2px;
    background: url(image/theme/form_horizon.gif) repeat-x left bottom;
	font-size: 12px;
	text-align: left;
	height: 24px;
}
table.border td {
    background: none;
    border: 1px solid #b4dee2 !important;
}
table.form tr.alternate td {
    background-color: #f3f8f7;
}
table.form th.cell_no,
table.form td.cell_no {
    width: 140px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_date,
table.form td.cell_date {
    width: 85px;
    text-align: center;
	white-space: nowrap;
}
table.form td.cell_date {
    font-size: 90%;
}
table.form th.cell_title{
	line-height: 18px;
	width:180px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.form td.cell_title {
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-moz-binding: url('ellipsis.xml#ellipsis');
}
table.form th.cell_item,
table.form td.cell_item {
    padding-left: 10px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}
table.form th.cell_day,
table.form td.cell_day,
table.form th.cell_status,
table.form td.cell_status {
    width: 90px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_status2,
table.form td.cell_status2 {
    width: 65px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_row_no,
table.form td.cell_row_no {
    width: 35px;
    text-align: center;
	white-space: nowrap;
}

table.form th.cell_fun,
table.form td.cell_fun{
    
	white-space: nowrap;
}


table.form th.cell_info,
table.form td.cell_info {
    width: 110px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_serial,
table.form td.cell_serial {
    width: 50px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_num,
table.form td.cell_num {
    padding-right: 10px;
    width: 25px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
}
table.form td.cell_num {
    text-align: right;
}
table.form th.cell_percent,
table.form td.cell_percent {
    padding-right: 10px;
    font-family: Arial, Verdana, sans-serif;
    font-size: 11px;
    width: 50%;
	line-height: 18px;
	white-space: nowrap;
	overflow: hidden;
}
table.form th.cell_area,
table.form td.cell_area {
    width: 130px;
    text-align: center;
	white-space: nowrap;
}
table.form th.cell_left,
table.form td.cell_left {
    text-align: left;
}
table.form th.cell_right,
table.form td.cell_right {
    text-align: right;
}
table.form th.cell_center,
table.form td.cell_center {
    text-align: center;
}
table.form tr.last td {
    background: none !important;
}

/*----- LIST FORM TABLE ----- */
table.list_form {
    table-layout: fixed;
    margin: 10px;
    border: 1px solid #F3F3F3;
    width: 98%;
    .width: auto;
}

/*----- SMALL TABLE ----- */
table.table_small {
	table-layout: fixed;
	margin: 10px auto;
	font-size: 100%;
	width: 65%;
}
table.table_small th,
table.table_small td {
	padding-bottom: 5px;
}
table.table_small th {
    padding-top: 3px;
    padding-right: 5px;
    text-align: right;
	vertical-align: top;
	width: 180px;
	white-space: nowrap;
}
table.table_small td {
    text-align: left;
	vertical-align: top;
}
table.table_small td input.txt {
    padding: 2px 2px 0 2px;
    width: 250px;
    height: 20px;
    line-height: 1.5;
}
table.table_small td textarea.txt {
    padding: 2px 2px 0 2px;
    width: 250px;
    line-height: 1.5;
}
table.table_small td select.txt {
    width: 250px;
}
/*----- table_list TABLE ----- */
table.table_list {	
	table-layout: fixed;
    margin-left: 15px;
    margin-bottom: 10px;
    .margin-left: 0px;
    padding: 1px;
    border: 1px solid #BBBB00;

}
table.table_list th,
table.table_list td {
	padding-bottom: 5px;
	border: 1px solid #BBBB00;

}
table.table_list th {
    padding-top: 3px;
    padding-right: 5px;
    text-align: left;
	vertical-align: top;
	width: 180px;
	white-space: nowrap;
	background: #A5A552 url(image/table/table_th_bg.gif) repeat-x;
}
table.table_list td {
    text-align: left;
	vertical-align: top;
}
table.table_list td input.txt {
    padding: 2px 2px 0 2px;
    width: 250px;
    height: 20px;
    line-height: 1.5;
}
table.table_list td textarea.txt {
    padding: 2px 2px 0 2px;
    width: 250px;
    line-height: 1.5;
}
table.table_list td select.txt {
    width: 250px;
}

/*----- TABLEFORM ----- */

table.table-Form {
	table-layout: fixed;
	margin: 10px;
	font-size: 12px;
	width: 98%;
	.width: auto;
}

table.table-Form th {
	padding: 8px 10px 8px 8px;
	border-bottom: 3px solid #FFFFFF;
	font-weight: bold;
	color: #808080;
	width: 160px;
	line-height: 18px;
	text-align: right;
	vertical-align: top;
}

table.small-table th {
	width: 80px;
}
table.medium-table th {
	width: 120px;
}
table.large-table th {
	width: 180px;
}

table.table-Form td {
	padding: 5px 16px 5px 10px;
	border-bottom: 3px solid #FFFFFF;
	line-height: 200%;
	vertical-align: top;
}

table.table-Form td label {
	padding-right: 5px;
}

table.table-Form ul.icon {
	margin-left: 5px;
	text-align: left;
	list-style-type: none;
}
table.table-Form ul.icon li {
    margin-bottom: 5px;
    color: #00C;
}
table.table-Form ul.icon li a {
    margin-right: 5px;
    padding: 2px;
    border: 2px solid #F3F3F3;
	width: 45px;
	height: 45px;
}
table.table-Form ul.icon li a:hover {
    border: 2px solid #F00;
}

table.table-Form ul.icon2 {
    /*margin-top: 5px;*/
	/*margin-left: 5px;*/
	text-align: left;
	list-style-type: none;
	height: 57px;
}
table.table-Form ul.icon2 li {
    float: left;
    color: #00C;
    width: 55px;
    height: 55px;
}
table.table-Form ul.icon2 li a {
    display: block;
    padding: 2px;
    /*border: 2px solid #F3F3F3;*/
    border: 2px solid #FAFAFA;
	width: 45px;
	height: 45px;
}
table.table-Form ul.icon2 li a:hover {
    border: 2px solid #F00;
}
table.table-Form ul.icon2 li span {
    display: none;
}
.input-txt {
	padding: 3px;
	background: #FFFFFF;
	border: 1px solid #AAAAAA;
	/*font-family: Verdana;*/
	font-size: 13px;
	width: 99%;
}
.input-line {
    padding: 3px;
    background: #FAFAFA;
    border: none;
    border-bottom: 1px solid #AAAAAA;
    font-size: 13px;
	width: 99%;
    text-align: center;
}
.input-none {
	padding: 3px;
	background: #ddd;
	border: 1px solid #bbb;
	/*font-family: Verdana;*/
	font-size: 13px;
	width: 100%;
}
.input-org {
	width: 160px;
}
.input-large {
	width: 300px;
}
.input-medium {
	width: 200px;
}
.input-bigger {
	width: 120px;
}
.input-small {
	width: 50px;
}
.input-half {
	width: 50%;
}
.desc-txt {
    color: #0173BC;
}
.search-txt {
    padding-left: 23px;
    background: #fff url(img/search/search.gif) no-repeat 2px 3px;
}

table.table-Form td select {
	width: 160px;
}
table.table-Form td select.mini-select {
	width: auto;
}

table.table-Form td span.check-txt {
    display: inline;
    width: 200px;
}
table.table-Form td span.check-txt label {
    padding-left: 5px;
    padding-right: 25px;
    width: 150px;
}

table.table-Form div.advance-article td {
    padding: 0;
    font-size: 14px;
}
