/*
 * For unity purpose, you have to add any CSS code here (not in the html body) so that can be applied globally.
 * Wallace@Kuo, 7 Jul 2006
 */
 
html, body, div, p, td, input, select {
	font-family: Tahoma, Helvetica, Geneva, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
}

html {
	color: #346d86;
	background-color: #a1a1a1;
	overflow: -moz-scrollbars-vertical;		// let the vertical scrollbar always appeared for Firefox
}

body {
	margin: 10px 0 50px 0;
	text-align: center;
} 

img {
	border: 0px;
}

img.radio_ctrl, img.checkbox_ctrl {
	filter: alpha(opacity=100);
}

input {
	font-size: 12px;
	/* text-transform: uppercase;	*/
}

/* POP-Window Begin ... */
.pop_window {
	border: 0px;
	width: 100%;
	background-color: #C8C6C7;
}

.pop_window .main_table {
	width: 100%;
	border: 1px solid #ffffff;
	border-color: #ffffff;
	font-size: 12px;
}

.pop_window .main_table th {
	text-align: center;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pop_window .main_table td {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}

.pop_window .pop_header_label {
	font-size: 15px;
	font-weight: bold;
}
/* POP-Window End ... */

label#item_label {
	font-weight: bold;
	/* text-transform: uppercase;	*/
}

label#item_label2
{
	font-weight: bold;
	font-size: 18px;
	color: #515455;
	/* text-transform: uppercase;	*/
}

.form_area td
{
	padding: 5px 0px 5px 0px;
}

.form_area .head_column
{
	width: 250px;
	text-indent: 10px;
}

.form_area .table_header {
	text-align: center;
}

.form_area .head_column2
{
	width: 75px;
}

.form_area .head_column3
{
	width: 180px;
}


.form_area .data_column
{
	width: 360px;
}

.header_indent {
	text-indent: 10px;
}

.form_area .sep_line
{
	padding: 15px 0px 15px 0px;
}

.form_area .field_header {
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	padding: 0 0 15px 5px;
}

#footer {
	text-align: 	right;
}

/* === Begin input controller style === */
.ctrl_edit_td
{
	background-image: url('Images/img_ctrl_edit.jpg');
	background-repeat: no-repeat;
	width: 215px;
}

.ctrl_edit_half_td
{
	background-image: url('Images/img_ctrl_edit_half.jpg');
	background-repeat: no-repeat;
	width: 114px;
}

.ctrl_edit_mac_td {	/* MAC address input type */
	background-image: url('Images/img_ctrl_edit_mac.jpg');
	background-repeat: no-repeat;
	FILTER: alpha(opacity=100);
}

.ctrl_edit_app_td {	/* Application name input type */
	background-image: url('Images/img_ctrl_edit_app.jpg');
	background-repeat: no-repeat;
	FILTER: alpha(opacity=100);
}

.ctrl_edit_port_td {	/* Port number input type */
	background-image: url('Images/img_ctrl_edit_port.jpg');
	background-repeat: no-repeat;
	FILTER: alpha(opacity=100);
}

.ctrl_edit_protocol_td { /* Protocol input type */
	background-image: url('Images/img_ctrl_edit_protocol.jpg');
	background-repeat: no-repeat;
	FILTER: alpha(opacity=100);
}

.ctrl_edit_half80_td
{
	background-image: url('Images/img_ctrl_edit_half_80.jpg');
	background-repeat: no-repeat;
}

.ctrl_edit_quarter25_td
{
	background-image: url('Images/img_ctrl_edit_quarter_5F25.jpg');
	background-repeat: no-repeat;
}

.ctrl_edit_quarter60_td
{
	background-image: url('Images/img_ctrl_edit_quarter_60.jpg');
	background-repeat: no-repeat;
}

.ctrl_edit_quarter_td
{
	background-image: url('Images/img_ctrl_edit_quarter.jpg');
	background-repeat: no-repeat;
}

.ctrl_text {
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 205px;
}

.ctrl_text_quarter
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 37Px;
	text-align: center;
	
}

.ctrl_text_quarter_38
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 38px;
	text-align: center;
}

.ctrl_text_quarter3
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 36px;
	text-align: center;
}

.ctrl_text_quarter_25
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 30px;
	text-align: center;
}

.ctrl_text_quarter_60
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 48px;
	text-align: center;
}

.ctrl_text_mac		/* MAC address input type */
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 120px;
	margin-left: 5px;
}

.ctrl_text_app {	/* Application name input type */
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 52px;
	margin-left: 5px;
}

.ctrl_text_port {	/* Application name input type */
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 45px;
	margin-left: 5px;
}

.ctrl_text_protocol {	/* Protocol input type */
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 37px;
	margin-left: 5px;
}

.ctrl_text_half {
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 103px;
	margin-left: 5px;
}

.ctrl_text_half2
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 30px;
}

.ctrl_text_half_80
{
	background-color: transparent;
	border: 0px;
	font-size: 12px;
	letter-spacing: 1px;
	color: #ffffff;
	width: 80px;
}

.ctrl_select_arrow_td
{
	background-image: url('Images/img_down_arrow.jpg');
	background-repeat: no-repeat;
	width: 27px;
}

select {
	background-color: #000000;
	font-size: 12px;
	color: #ffffff;
	
	border: 3px;
	border-color: #ffffff;
	border-style: outset;
	letter-spacing: 1px;
}

input {
	background-color: #000000;
	font-size: 12px;
	color: #ffffff;
	
	border: 3px;
	border-color: #ffffff;
	border-style: outset;
	letter-spacing: 1px;
}
/* === End input controller style === */

.drop_menu 
{
	display: none;
	position: absolute;
	top: 0px;
	left: 0px;
	overflow: scroll;
	overflow-x: hidden;
	z-index: 1;
	border: 1px solid #ffffff;
	font-size: 12px;
}

.table_menu 
{
	border: 0px;
	background-color: #000000;
	color: #ffffff;
	letter-spacing: 1px;
	font-size: 12px;
}

.table_menu td 
{
	cursor: hand;
	/* border: thin outset #000000; */
}
/* === End drop down menu style === */

/* === Begin Main menu style */
.main_menu td {
	text-align: 		center;
}

.main_menu a, a:link, a:visited {
	color: 			#62A5C1;
	text-decoration: 	none;
	font-weight: 		bold;
	cursor:			hand;
}

.main_menu a:hover {
	text-decoration: 	none;
	color: 			#FFF;
}

/* Begin Sub menu style */
.sub_menu td {
	padding-right:		25px;
	text-align: 		center;
}

.sub_menu a, a:link, a:visited {
	color: 			#62A5C1;
	text-decoration: 	none;
	font-weight: 		bold;
	cursor:			hand;
}

.sub_menu a:hover {
	text-decoration: 	none;
	color: 			#FFF;
}

.indicator 
{
	margin-left: 0px;
}

/* for image button */
.image_button_table tr {
	height: 		21px;
}

.image_button_table .space_td {
	width:			10px;
}

.image_button_table .button_td {
	width:			100px;
	cursor: 		hand; 
	background-image: 	url(Images/img_btn_out.gif);
	color: 			#fff; 
	text-align: 		center; 
	background-repeat: 	no-repeat;
}
/* ---------------------- */


/* ------------------------ */
.text_button {
	font-size:	13px;
	/* cursor:	pointer hand; */	/* We serve this with javascript for IE 5.x interoperability */
	font-weight:	bold;
}

.text_pillar {
	margin-left:	5px;
	margin-right:	5px;
	font-weight:	bold;
}
/* ------------------------ */