@font-face {
    font-family: "THSarabun";
src: url('../font/THSarabun.eot');
src: url('../font/THSarabun.eot?') format('embedded-opentype'), url('../font/THSarabun.woff') format('woff'), url('../font/THSarabun.ttf') format('truetype');
}

body
{
    margin:0px;
    padding:0px;
    overflow: hidden;
    font-family: arial;
    font-size:13px;
}

img
{
	margin:0px;
	padding:0px;
}

#div_top_header
{
    clear:both;
    float:left;
    width:100%;
    background-color:#ffecdd;
    margin:0px;
    padding:0px;
    
}
#div_top_header_logo
{
    margin:0px;
    padding:5px;
    clear: left;
    float:left;
}

#div_top_header_comp_name
{
    float:left;
    padding:5px;
    font-weight:bold;
    text-align: left;
}

#div_top_header_slogan
{
    float:right;
    padding:5px;
    text-align: right;
}
#div_top_header_icon
{
    float:right;
    clear:right;
    padding:5px;
    text-align: right;
	vertical-align:top;
}

#div_top_header_menu,#div_top_header_user_menu,#div_top_header_user_menu,#div_item_admin_menu,#div_item_menu,#div_content_menu
{
    width:150px;
	top:40px;
	left:20px;
	position:fixed;
    text-align: right;
	background-color:#ffcb93;
	padding:3px;
	vertical-align:top;

}


#div_top_header_menu div,#div_top_header_user_menu div,#div_item_admin_menu div,#div_item_menu div,#div_content_menu div
{
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
	border:1px solid #623a00;
	background-color:#ffecdd;
	cursor:pointer;
}

#div_top_header_menu div:hover, #div_top_header_user_menu div:hover, #div_item_admin_menu div:hover, #div_item_menu div:hover, #div_content_menu div:hover
{
	background-color:#ffcb93
}

#div_main_table_content
{
	float:left;
	clear:both;
}

#div_search_filter_container
{
	float:left;
	clear:both;
	padding:5px;
}

#div_search_filter
{
	float:left;
	text-align:left;
	border:1px solid #623a00;
	width:100%;

}

.tabletabactive
{
	font-weight:bold;
	text-decoration:underline;
	background-color:#ffdebb;
}

#div_table_container
{
	float:left;
	width:100%;
	clear:both;
}

#div_table_header
{
	float:left;
	clear:both;
}

#div_table_content
{
	float:left;
	clear:both;
	overflow:auto;
	width:100%
}

#table_nav_container
{
	position:fixed;
	height:32px;
	text-align:left;
	background-color:#fcb466;
	overflow:hidden;
	display:inline
}
#table_nav_item_container
{
	overflow:hidden;
	float:left;
}
.div_nav_item
{
	padding:3px;
	white-space: nowrap;
	border:1px solid #623a00;
	cursor:pointer;
}

.div_nav_choice
{
	padding:2px;
}


[divtype=table_td]
{
	table-layout: fixed;
	word-wrap:break-word;
	border:1px solid #623a00;
	cursor:pointer;
}

[divtype=table_td_first]
{
	table-layout: fixed;
	word-wrap:break-word;
	border:1px solid #623a00;
	cursor:pointer;
}

#div_table_navigation
{
	float:left;
	width:100%;
	clear:both;
}

.td_head_issel
{
	text-decoration:underline;
}

.td_col_issel
{
	background-color:#ffecdd
}

.search_form
{
	width:200px;
}

.search_option_form
{
	width:100px;
}

input, select, button
{
	font-family: arial;
	padding:0px;
	margin:0px;
	border:1px solid #000
}

.search_more_filter_btn
{
	cursor:pointer;
	width:18px;
	height:18px;
	background-image:url(../images/plus-5-24.png);
	background-repeat:no-repeat;
	background-position:center;
}

#div_search_config_btn
{
	cursor:pointer;
	width:18px;
	height:18px;
	background-image:url(../images/gear.png);
	background-repeat:no-repeat;
	background-position:center;
}

.div_search_content
{
	float:left;
	padding:2px;
	margin:2px;
}

.div_search_content_criteria
{
	background-color:#ffcb93
}

.div_x_icon
{
	float:left;
	cursor:pointer;
	width:18px;
	height:18px;
	background-image:url(../images/xs.png);
	background-repeat:no-repeat;
	background-position:center;
}

.detail_value
{
	background-color:#FFF;
}

#div_view_content
{
	position:fixed;
	width:100%;
	height:300px;
	background-color:#ffcb93;
	padding:5px;
}

#item_menu
{
    list-style-type: none;
    margin: 0px;
    padding: 0;
	
}

#item_menu li
{
    display: inline;
	padding: 0px 5px 0px 5px;
	margin: 5px 0px 5px 0px;
	border:1px solid #623a00;
	cursor:pointer;
	background-color:#ffecdd;
}

#item_menu :hover
{
	background-color:#ffecdd;
}

#item_header
{
	float:left;
	clear:both;
}

#item_header_nav
{
	float:left;
	padding-bottom:4px;
}

#item_header_menu
{
	float:right;
}

#item_content
{
	clear:both;
	float:left;
}

#item_content_menu
{
	float:left;
	width:100px;
}

#item_content_viewer
{
    background-color:#ffecdd;
	float:left;
}

#content_menu
{
    list-style-type: none;
    margin: 0px;
    padding: 0;
	
}

#content_menu li
{
	padding: 5px 5px 5px 5px;
	margin: 0px 0px 10px 0px;
	border:0px;
	cursor:pointer;
	font-weight:bold;
	width:90px;
}

#content_menu li.sel
{
	background-color:#ffecdd;
}


.detail_head
{
	font-weight:bold;
}

table
{
	color:#000
}

.detail_link
{
	text-decoration:underline;
	cursor:pointer
}

td
{
	word-wrap : break-word;
}

.popup_container_div
{
	position:  absolute;
	top: 0px;
	left: 0px;
	width: 200px;
	height: 200px;
	background-color:#623a00;
	padding:5px;
}

.popup_div
{
	float:left;
	width:100%;
	height:100%;
	background-color:#ffecdd;
	overflow:auto;
	line-height:100%;
}

#item_current_tab
{
	font-weight:bold;
	text-decoration:underline
}

.highlight_span
{
	background-color:#ffecdd;
}

.div_add_highlight
{
	background-color:#ffcb93;
	padding:2px;
	margin:1px;
	border:1px solid #623a00;
}

.adv_search_content_block
{
	padding: 2px;
	border:1px solid #623a00;
	width:100%;
	clear:both;
	float:left;
}

.search_highlight
{
	font-weight:bold;
	text-decoration:underline;
	padding:2px
}

.search_txt
{
	padding:2px
}

.popup_header
{
	font-size:20px;
	font-weight:bold;
	text-decoration:underline
}

#item_content_viewer
{
	line-height:100%;
}

#file_browsing_div
{
	position:  absolute;
	top: 0px;
	left: 0px;
	width: 600px;
	height: 400px;
	border: #623a00 3px solid;
	background-color:#ffcb93;
	padding:2px;
	z-index:5000
}

#folder_browser option
{
	padding-left:30px; height:20px; padding-top:4px; vertical-align:middle; background-repeat:no-repeat
}

#file_browser option
{
	padding-left:30px; height:20px; padding-top:4px; vertical-align:middle; background-repeat:no-repeat
}