/* CSS Document */

body { font-family:'Verdana'; font-size:12px; }

/* ===== Block Element ===== */

/* ----- Basic Text ----- */
p { }
p:first-line { }
p:first-letter { }
h1 { color:#777; font-family:Arial, sans-serif; font-size:18px; line-height:normal; font-weight:bold; margin:10px 0px; }
h2 { color:#777; font-family:Arial, sans-serif; font-size:14px; line-height:normal; font-weight:bold; margin:20px 0px 10px 0px; }
h3 { }
h4 { }
h5 { }
h6 { margin-bottom:5px; font-family:'Tahoma'; font-size:12px; }

/* ----- Lists ----- */
dl { }
dt { }
dd { }
ol { }
ul { }
li { margin:4px 0px; }

/* ----- Other Block Element ----- */
address { }
blockquote { }
del { }
div { }
hr { }
ins { }
noscript { }
pre { }
script { }


/* ===== Inline Element  ===== */

/* ----- Anchor ----- */
a { color:#00F; }
a:link { }
a:visited { }
a:hover { text-decoration:underline; }
a:active { }

/* ----- Phrase Elements : General ----- */
abbr { }
acronym { }
dfn { }
em { }
strong { }

/* ----- Phrase Element : Computer Phrase Element ----- */
code { color:#69F; }
samp { }
kbd { }
var { }

/* ----- Phrase Element : Presentation ----- */
b { }
i { }
big { }
small { }
tt { }

/* ----- Span ----- */
span { }

/* ----- Other Inline Element ----- */
br { }
bdo { }
cite { }
del { }
ins { }
q { }
script { }
sub { }
sup { }

/* ===== Images and Objects ===== */
area { }
img { border:none; }
map { }
object { }
param { }

/* ===== Forms ===== */
form { margin:0px; }
form button { }
form fieldset { }
form input { font-family:'MS Sans Serif',sans-serif; }
form input.text { padding:0px 1px; }							/* ปรับ IE, Firefox ให้เหมือนกัน */
form input.radio { margin-right:4px; vertical-align:middle; }	/* เว้นช่องว่างทางขวา 1 space */
form input.checkbox { margin-right:4px; vertical-align:middle; }	/* เว้นช่องว่างทางขวา 1 space */
form label { display:inline-block; text-align:left; }
form legend { }
form option { }
form optgroup { }
form p { margin:2px; }
form select { font-family:'MS Sans Serif',sans-serif; display:inline-block; }
form span { display: inline-block; }
form textarea { font-family:'MS Sans Serif',sans-serif; }
form p.submit { margin-top: 20px; }

/* ===== Tables ===== */
table { border-collapse:collapse; width:100%; }
table tr { }
table th { }
table td { vertical-align:top; }
table thead tr { }
table thead th { }
table thead td { }
table tbody tr { }
table tbody th { }
table tbody td { }
table tfoot tr { }
table tfoot th { }
table tfoot td { }
table colgroup { }
table col { }
table caption { }


/* ===== Others ===== */

#content { }

p.indent1 { margin-left:20px; }

div.msgError { background:#FCC; border:#F66 2px solid; padding:10px; margin:10px 0px; }
div.msgAnnounce { background:#FE9; border:#896A45 2px solid; padding:5px; margin:10px 0px; }
div.msgAnnounce img { margin-right:10px; vertical-align:middle;  }
div.msgComplete { background:#CFC; border:#6F6 2px solid; padding:7px 10px; margin:10px 0px; }

table.kcs01,
table.kcs01 th,
table.kcs01 td { border:#000 1px solid; line-height:18px; }
table.kcs01 th { background:#3366FF; color:#FFF; font-weight:bold; }
table.kcs01 td.col_no { text-align:center; width:45px; }
table.kcs01 td.time { text-align:right; padding-right:10px; }

#fromDate, #toDate { text-align:center; width:90px; }

form.blue1 { background:#CCF; border:#66F 2px solid; padding:10px 0px; }
form.blue1 label { background:#DDF; color:#333; line-height:17px; border:1px solid; border-color:#CCF #66F #66F #CCF; margin-left:20px; margin-right:5px; padding-left:5px; }
form.blue1 input.text { color:#009; }
form.blue1 fieldset { border:#09F 1px solid; margin:10px; padding-bottom:10px; }
form.blue1 button.submit { margin-left:20px; }
form.blue1 label.label1 { width:100px;}
form.blue1 #mod_dateFrom, 
form.blue1 #mod_dateTo { text-align:center; width:90px; }


tr.hover { background:#FC9; }


/* ===== Form (14/6/2554) ===== */
div.form { font-family:Arial; font-size:8pt; position:relative; }
div.form input
, div.form button
, div.form div
, div.form fieldset
, div.form h6
, div.form img
, div.form label
, div.form select
, div.form table
, div.form span
, div.form textarea
	{ position:absolute; margin:0px; }
div.form h6 { font-family:'Microsoft Sans Serif'; font-size:8pt; font-weight:bold; line-height:20px; }
div.form input { font-family:'Arial',sans-serif; font-size:8pt; }
div.form input.file { background:#FFF; border:#99F 1px solid; border-width:1px; height:20px; padding:0px; margin:0px; font-size:8pt; }
div.form input.text { padding:1px 1px; height:14px; }							/* ปรับ IE, Firefox ให้เหมือนกัน */
div.form input.radio { height:20px; vertical-align:middle; width:20px; }	/* เว้นช่องว่างทางขวา 1 space */
div.form input.checkbox { height:20px; vertical-align:middle; width:20px; }
div.form p { margin:2px; }
div.form p.submit { margin-top: 20px; }
div.form label { background:#C9F; border:1px solid; border-color:#FFF #333 #333 #FFF; color:#000; display:inline-block; font-family:'Arial',sans-serif; font-size:8pt; height:14px; text-align:left; padding:2px 3px 2px 5px; position:absolute; }
div.form select { font-family:'Arial',sans-serif; font-size:8pt; display:inline-block; height:20px; padding:1px 0px;}
div.form span { display: inline-block; line-height:20px; }
div.form textarea { font-family:'Arial',sans-serif; font-size:8pt; }
div.form button { font-size:8pt; }


@media print {
	body { font-size:8pt; }
	#main { margin:0px auto; padding:0px; width:100%; } 
	#content { padding:0px; }
	#header { background:none; }
	#hd_menubar { display:none; }
	p.submit { display:none; }
	input.text { border:1px solid; border-color:#FFF #FFF #000 #FFF; font-family:'MS Sans Serif',sans-serif;}
	textarea { font-size:8pt; overflow:hidden; }
	h6 { margin-top:5px; font-size:10px; }
	#tp_mainTable { margin:0px auto; width:100%; }
}