body {margin:0px; padding:0px; background:#fff; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999; text-decoration:none;}

.txt_user_info, .txt_user_info a {color:#f90; text-decoration:none; font-size:11px;}
.txt_user_info a:hover {text-decoration:underline; color:#999;}
.txt_user_info span {padding:0 5px 0 5px; color:#666;}

@font-face {
  font-family: 'Montserrat';
  font-style: normal;
  font-weight: 400;
  src: local('Montserrat-Regular'), 
  url('fonts/Montserrat-Regular.woff') format('woff');
}
.txt14_fff_b_mon{color:#fff; font-size:14px; text-decoration:none;font-weight:bold;font-family: 'Montserrat';}
.txt18_333_mon{color:#333; font-size:18px; text-decoration:none;font-weight:normal;font-family: 'Montserrat';}
.txt10_333_hel{color:#333; font-size:10px; text-decoration:none;font-weight:normal;font-family: Helvetica;}
.txt10_0096db_b_mon{color:#0096db; font-size:10px; text-decoration:none;font-weight:bold;font-family: 'Montserrat';}

.txt_head21 {font-size:21px; color:#000; font-weight:bold; text-decoration:none;}

.txt_footer { background:url(../images/line_footer.gif) no-repeat top center #333; color:#fff; text-decoration:none; font-size:11px; font-weight:bold; text-align:left; padding:15px 0 50px 0;}

.body_content {padding:21px; background:url(../images/bg_line_body.gif) repeat-x top left #fff;}

/*for main menu*/
.main_menu {background:url(../images/bg_menu.gif) repeat-x left top #000; height:31px; border:1px solid #000; color:#fff; font-size:15px; font-weight:bold; text-align:center; vertical-align:middle; padding:0 15px 0 15px;}
.main_menu a { color:#fff; text-decoration:none;}
.main_menu a:hover {color:#f60; text-decoration:none;}

.main_menu_de { background:#fff; border:1px solid #fff; color:#f60; font-size:15px; font-weight:bold; text-align:center; vertical-align:middle; padding:0 5px 0 5px;}
.main_menu_de a { color:#f60; text-decoration:none;}

/*end main menu*/

/*for sub menu*/
.sub_menu { color:#999; font-size:11px; font-weight:bold; padding-right:15px;}
.sub_menu a { color:#999; text-decoration:none;}
.sub_menu a:hover {color:#f60; text-decoration:none;}

.sub_menu_de { color:#f60; font-size:11px; font-weight:bold; padding-right:15px;}
.sub_menu_de a { color:#f60; text-decoration:none;}

/*end sub menu*/

/*for menu*/
.menu { background:#efefef; border:1px solid #ccc; color:#999; font-size:13px; font-weight:bold; text-align:center; vertical-align:middle; padding:4px 8px 4px 8px;}
.menu a { color:#999; text-decoration:none;}
.menu a:hover {color:#f60; text-decoration:none;}

.menu2 { background:#efefef; border:1px solid #ccc; color:#ccc; font-size:13px; font-weight:bold; text-align:center; vertical-align:middle; padding:4px 8px 4px 8px;}
.menu2 a { color:#ccc; text-decoration:none;}
.menu2 a:hover {color:#f60; text-decoration:none;}

.menu_de { background:#fff; border-bottom:1px solid #fff; border-top:1px solid #ccc; border-left:1px solid #ccc; border-right:1px solid #ccc; color:#f60; font-size:13px; text-align:center; vertical-align:middle; padding:4px 8px 4px 8px;}
.menu_de a { color:#f60; text-decoration:none;}

.menu_dis_de { background:#ffff98; border-bottom:1px solid #ffcc99; border-top:1px solid #ffcc99; border-left:1px solid #ffcc99; border-right:1px solid #ffcc99; color:#f60; font-size:11px; text-align:center; vertical-align:middle; padding:4px 8px 4px 8px;}
.menu_dis_de a { color:#f60; text-decoration:none;}

.menu_dis { background:#efefef; border:1px solid #ccc; color:#999; font-size:11px; font-weight:bold; text-align:center; vertical-align:middle; padding:4px 8px 4px 8px;}
.menu_dis a { color:#999; text-decoration:none;}
.menu_dis a:hover {color:#f60; text-decoration:none;}

/*end menu*/


.bg_sub_menu {background:url(../images/bg_sub_menu.gif) repeat-x bottom left #fff; height:42px; padding:0 20px 0 20px;}

.txtbox {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; border:2px solid #ccc; background:#fff; text-decoration:none; width:184px; padding:2px;}
.txtbox_nowidth {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; border:1px solid #ccc; background:#fff; text-decoration:none;}
.txtbox_nowidth2 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; border:1px solid #ccc; background:#fff; text-decoration:none;width:100px;}
.txtbox250 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; border:1px solid #ccc; background:#fff; text-decoration:none; width:250px;}
.txtbox_error250 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:250px;}

.txtbox110 {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#333; border:1px solid #ccc; background:#fff; text-decoration:none; width:100px;}

.btn_search {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; background:url(../images/bg_btn_search.gif) repeat-x top left #f60; border:1px solid #f60; padding:2px; cursor:pointer;}

.btn_search2 {font-family:Arial, Helvetica, sans-serif; font-size:11px; font-weight:bold; color:#fff; text-decoration:none; background:url(../images/bg_btn_search.gif) repeat-x top left #f60; border:1px solid #f60; cursor:pointer;}

.box_advanced_search {background:#ffffcc; border:1px solid #ffff99; padding:10px;}

.field_search {color:#333; font-size:11px; font-weight:bold;}

.cancel_search, .cancel_search a {color:#f60; font-size:13px; text-decoration:none;}
.cancel_search a:hover { color:#999; text-decoration:none;}

.reset_search, .reset_search a {color:#f93; font-size:11px; text-decoration:none;}
.reset_search a:hover {color:#999; text-decoration:none;}


/*main menu*/

body { margin:0px !important; padding:0px !important;
}
.nav {
	margin:0px !important; padding:0px !important;
	font-family:Arial,tahoma, Helvetica, sans-serif;
	font-weight:bold;
	background:transparent;
	float:left; display:inline;
}
.nav ul {
	height: 31px;
	float: left;
	margin: 0; padding:0px;
	list-style: none;
	font-size: 15px;
}
.nav li {
	float: left;
	padding:0px; margin:0px;
	position: relative;
	z-index: 1;
}
.nav li:hover {
	z-index:1;
}
.nav li a {
	display: block;
	line-height: 29px;
	overflow: hidden;
	float: left;
	text-decoration:none; border:1px solid #000;
	color:#fff; background:url(../images/bg_menu.gif) repeat-x left top #000; padding:0 15px 0 15px;
	}

.nav li.default a {
	display: block;
	line-height: 29px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;border-bottom:1px solid #fff; color:#f60; background:#fff; padding:0 15px 0 15px;
	}
.nav li.default2 a {
	display: block;
	line-height: 29px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #fff; border-left:1px solid #fff; border-right:1px solid #fff;border-bottom:1px solid #fff; color:#f60; background:#fff; padding:0 15px 0 15px;
	}	

.nav li.default_bk a {
	display: block;
	line-height: 29px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #000; border-left:1px solid #000; border-right:1px solid #000;border-bottom:1px solid transparent; color:#f60; background:#fff; padding:0 15px 0 15px;
	}	


.nav li a:hover,
.nav li.active a,
.nav li.hover a,
.nav li:hover a {padding:0 15px 0 15px;}
	
.nav li:hover .sub,
.nav li.hover .sub {
	display:block;
}
/* box sub menu*/
.nav li .sub {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	display: none;
	position: absolute;
	top: 31px;
	left:0px;
	width: 173px;
	padding:0px;
    border-top:0px; border-left:1px solid #000; border-right:1px solid #000; border-bottom:1px solid #000; background:#fff;

}
.nav li .sub li, .nav li .sub li a {border:0px;}
/*sub menu*/
.nav li ul {
	width: 173px;
	height: auto;
	margin: 0;
	padding:0px;
	list-style: none;
	font-size: 11px; line-height:25px; 
}

.nav li:hover li {
	width:173x;
	padding:0px; margin:0px;
	background: none !important;
}
.nav li:hover li a {
	color: #f30;
	background: none !important;
	line-height: 25px;
	width: 173px;
	padding:0px; margin:0px;
	text-indent: 7px;
}
.nav li:hover li a:hover {
	background: #efefef !important;
	text-decoration: none;
	line-height: 25px; text-indent:7px;
}
/*END*/

/*table*/
.tr_head {background:#dfe1df; line-height:20px; color:#333; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}

.tr {background:#fff; line-height:20px; color:#333; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr span, .tr span a {color:#f60; text-decoration:none;}
.tr span a:hover {text-decoration:underline;}

.tr_pending1 {background:#fff; line-height:20px; color:#333; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_orange.gif) no-repeat left center #ffc; text-indent:25px; color:#f30;}
.tr_pending1 span, .tr_pending1 span a {color:#f60; text-decoration:none;}
.tr_pending1 span a:hover {text-decoration:underline;}
.tr_pending2 {background:#fff; line-height:20px; color:#333; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_orange!.gif) no-repeat left center #ffc; text-indent:25px; color:#f30;}
.tr_pending2 span, .tr_pending2 span a {color:#f60; text-decoration:none;}
.tr_pending2 span a:hover {text-decoration:underline;}
.tr_pending {background:#ffc; color:#999; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_pending span, .tr_pending span a {color:#f60; text-decoration:none;}
.tr_pending span a:hover {text-decoration:underline;}

.tr_approve1 {background:#fff; text-indent:25px; color:#333; line-height:20px; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_approve1 span, .tr_approve1 span a {color:#f60; text-decoration:none;}
.tr_approve1 span a:hover {text-decoration:underline;}
.tr_approve2 {background:#fff; text-indent:25px;  line-height:20px; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_green_!.gif) no-repeat left center #fff;  color:#333;}
.tr_approve2 span, .tr_approve2 span a {color:#f60; text-decoration:none;}
.tr_approve2 span a:hover {text-decoration:underline;}
.tr_approve {background:#fff; text-indent:25px; color:#999; line-height:20px; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_approve span, .tr_approve span a {color:#f60; text-decoration:none;}
.tr_approve span a:hover {text-decoration:underline;}

.tr_ship1 {background:#fff; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_green.gif) no-repeat left center #cf9; text-indent:25px; color:#090;}
.tr_ship1 span, .tr_ship1 span a {color:#f60; text-decoration:none;}
.tr_ship1 span a:hover {text-decoration:underline;}
.tr_ship2 {background:#fff; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_green!.gif) no-repeat left center #cf9; text-indent:25px; color:#090;}
.tr_ship2 span, .tr_ship2 span a {color:#f60; text-decoration:none;}
.tr_ship2 span a:hover {text-decoration:underline;}
.tr_ship {background:#cf9; color:#090; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_ship span, .tr_ship span a {color:#f60; text-decoration:none;}
.tr_ship span a:hover {text-decoration:underline;}

.tr1_cencel1 {background:#fff; text-indent:25px; line-height:20px; color:#999; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr1_cencel1 span, .tr1_cencel1 span a {color:#f60; text-decoration:none;}
.tr1_cencel1 span a:hover {text-decoration:underline;}
.tr1_cencel {background:#fff; line-height:20px; color:#999; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr1_cencel span, .tr1_cencel span a {color:#f60; text-decoration:none;}
.tr1_cencel span a:hover {text-decoration:underline;}

.tr_late1 {background:#fff; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;background:url(../images/status_white!.gif) no-repeat left center #fc9; text-indent:25px; color:#f30;}
.tr_late1 span, .tr span_late1 a {color:#f60; text-decoration:none;}
.tr_late1 span a:hover {text-decoration:underline;}
.tr_late {background:#fc9; color:#999; line-height:20px;text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_late span, .tr_late span a {color:#f60; text-decoration:none;}
.tr_late span a:hover {text-decoration:underline;}

.tr1 {background:#fff; line-height:20px; color:#999; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr1 span {color:#999; text-decoration:none;} 
.tr1 span a {color:#f60; text-decoration:none;}
.tr1 span a:hover {text-decoration:underline;}

.tr_sample_draft {background:#fff; color:#f60; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_sample_draft span, .tr_sample_draft span a {color:#f60; text-decoration:none;}
.tr_sample_draft span a:hover {text-decoration:underline;}

.tr_sample_new {background:#fff; color:#ff2b0a; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_sample_new span, .tr_sample_new span a {color:#f60; text-decoration:none;}
.tr_sample_new span a:hover {text-decoration:underline;}

.tr_sample_unship1 {background:#fff; color:#333; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_sample_unship1 span, .tr_sample_unship1 span a {color:#f60; text-decoration:none;}
.tr_sample_unship1 span a:hover {text-decoration:underline;}

.tr_sample_unship2 {background:#ffffc7; color:#c60b04; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_sample_unship2 span, .tr_sample_unship2 span a {color:#f60; text-decoration:none;}
.tr_sample_unship2 span a:hover {text-decoration:underline;}

.tr_sample_ship {background:#cf9; color:#090; line-height:20px;  text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr_sample_ship span, .tr_sample_ship span a {color:#f60; text-decoration:none;}
.tr_sample_ship span a:hover {text-decoration:underline;}

.tr1_cencel_sample {background:#fff;  line-height:20px; color:#999; text-decoration:none; font-size:11px; border-bottom:1px solid #ccc; padding-left:6px; font-weight:bold;}
.tr1_cencel_sample span, .tr1_cencel_sample span a {color:#f60; text-decoration:none;}
.tr1_cencel_sample span a:hover {text-decoration:underline;}



.box_page {border:1px solid #ccc; padding:5px; font-size:11px; color:#999; text-decoration:none;}
.box_page a {color:#999; text-decoration:none;}
.box_page span, .box_page span a {color:#f60; text-decoration:none; font-weight:bold;}
.box_page a:hover, .box_page span a:hover {text-decoration:underline;}

.page_no {border:1px solid #ccc; background:#fff; padding:3px; color:#f60; font-size:11px; text-decoration:none; line-height:10px;}
.page_no a {color:#f60; text-decoration:none;}
.page_no a:hover {color:#333; text-decoration:none;}

.page_no_de {border:1px solid #f60; background:#f60; padding:3px; color:#fff; font-size:11px; text-decoration:none; line-height:10px;}
.page_no_de a {color:#fff; text-decoration:none;}
.page_no_de a:hover {color:#333; text-decoration:none;}


.box_pending {background:#ffffcd; color:#333; text-decoration:none; }
.box_pending span {font-size:15px;color:#f30;}

.box_late {background:#ffcc9a; color:#333; text-decoration:none; }
.box_late span {font-size:15px;color:#f60;}

.box_approve {background:#ffffff; color:#333; text-decoration:none; }
.box_approve span {font-size:15px;color:#000;}

.box_ship {background:#ccff9a; color:#333; text-decoration:none; }
.box_ship span {font-size:15px;color:#009900;}

.box_cancel {background:#efefef; color:#333; text-decoration:none; }
.box_cancel span {font-size:15px;color:#000;}

/*end*/



/*date modify  2008-12-22*/
.mode_error {font-size:13px; font-weight:bold; text-decoration:none; color:#333; background:#fde6ea; border:1px solid #c00; padding:10px;}
.mode_success {font-size:13px; font-weight:bold; text-decoration:none; color:#333; background:#ffffcc; border:1px solid #ffff99; padding:10px;}
.mode_success2 {font-size:13px; font-weight:bold; text-decoration:none; color:#333; background:#fecc2f; border:1px solid #fcac0f; padding:10px;}

.mode_error_orange {font-size:13px; font-weight:bold; text-decoration:none; color:#f60; background:#fde6ea;}
.box_content_create {border:1px solid #ccc; background:#efefef; padding:20px; text-align:left; vertical-align:top; color:#333; font-size:11px; font-weight:bold;}
.box_content_create span {font-weight:normal; color:#999;}
.txt_11_f60 {font-size:11px;font-weight:normal; color:#f60;}
.txt_13_333 {font-weight:normal; color:#333; font-size:13px;}
.txt_13_f60_b {font-weight:bold;color:#f60; font-size:13px;}
.line {background:url(../images/line.gif) repeat-x left center; height:40px;}
.line2 {background:url(../images/line.gif) repeat-x left center; height:20px;}
.txtbox_error305 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:305px;}
.txtbox_error145 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:145px;}
.txtbox305 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:305px;}
.txtbox285 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:285px;}
.txtbox_error285 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:285px;}
.txtbox145 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:145px;}
.txtbox180 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:180px;}
.txtbox_error180 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:180px;}
.txtbox50 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:50px;}
.txtbox_error50 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:50px;}
.txtbox40 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:40px;}
.txtbox_error40 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:40px;}


.txtbox_no {border:1px solid #ccc; color:#333; font-size:13px; background:#fff;}

.txt_enter_order, .txt_enter_order a {font-weight:bold; font-size:15px; color:#ccc; text-decoration:none;}
.txt_enter_order2, .txt_enter_order2 a {font-weight:bold; font-size:15px; color:#a0a0a0; text-decoration:none;}

.txt_enter_order a:hover {font-weight:bold; font-size:15px; color:#f60; text-decoration:none;}
.txt_enter_order2 a:hover {font-weight:bold; font-size:15px; color:#f60; text-decoration:none;}

.txt_enter_order_de, .txt_enter_order_de a {font-weight:bold; font-size:15px; color:#f60; text-decoration:none;}
.txt_enter_sample_total{font-weight:bold; font-size:11px; color:#333; text-decoration:none;}
.txt_enter_sample_total2{font-weight:bold; font-size:13px; color:#333; text-decoration:none;}
.txt_enter_sample_addnew{font-weight:bold; font-size:13px; color:#f60; text-decoration:none;}
.box_num {background:#ccc; color:#fff; font-size:15px; font-weight:bold; width:24px; line-height:24px;}
.box_num_de {background:url(../images/bg_btn_search.gif) repeat-x top left #f60; color:#fff; font-size:15px; font-weight:bold; width:24px; height:24px;}

.btn_ship_order {background:url(../images/bg_btn_ship.gif) repeat-x left bottom #fefefe; border:1px solid #ccc; color:#f60; font-weight:bold; font-size:15px; padding:5px 10px 5px 10px;}
.btn_ship_order2 {background:url(../images/bg_btn_ship.gif) repeat-x left bottom #fefefe; border:1px solid #ccc; color:#f60; font-weight:bold; font-size:11px; cursor:pointer; }

.btn_send_mail {background:url(../images/bg_btn_ship.gif) repeat-x left bottom #fefefe; border:1px solid #ccc; color:#f60; font-weight:bold; font-size:13px; cursor:pointer; padding:2px; }

.btn_ship_order3 {background:url(../images/bg_btn_ship.gif) repeat-x left bottom #fefefe; border:1px solid #ccc; color:#f60; font-weight:bold; font-size:15px; cursor:pointer;padding:3px 0px 3px 0px; }
.btn_ship_order a {color:#f60; text-decoration:none;}

.btn_ship_order4 {background:url(../images/bg_btn_ship.gif) repeat-x left bottom #fefefe; border-top:1px solid #ccc; border-left:1px solid #ccc;border-right:1px solid #ccc; color:#f60; font-weight:bold; font-size:11px; padding:5px 0px 5px 0px;}
.btn_ship_order4 a {color:#f60; text-decoration:none;}
.txt_submn_line {color:#ccc; text-decoration:none; width:15px;font-size:15px;}


.edit_contact, .edit_contact a {color:#f60; font-size:11px; text-decoration:none;}
.edit_contact a:hover {text-decoration:underline;}
.dot {background:url(../images/dot.gif) repeat-x left center; height:20px;}


.btn_cancel {font-family:Arial, Helvetica, sans-serif; font-size:13px; font-weight:bold; color:#fff; text-decoration:none; background:url(../images/bg_btn_cancel.gif) repeat-x top left #908162; border:1px solid #908162; padding:2px; cursor:pointer;}


.chkbox {color:#333; font-size:13px; text-decoration:none; padding:10px 0px 10px 10px; border-top:1px solid #ccc;}
.chkbox span {font-size:11px; color:#999;}
.txt8_333 {color:#333; font-size:8px; text-decoration:none;font-weight:normal;}
.txt8_f60 {color:#ff7011; font-size:8px; text-decoration:none;font-weight:normal;}
.txt8_999 {color:#999; font-size:8px; text-decoration:none;font-weight:normal;}
.txt10_333 {color:#333; font-size:10px; text-decoration:none;font-weight:normal;}
.txt10_f60 {color:#ff7011; font-size:10px; text-decoration:none;font-weight:normal;}
.txt10_999 {color:#999; font-size:10px; text-decoration:none;font-weight:normal;}
.txt11_333 span {color:#bbb;}
.txt11_090, .txt11_090 a {color:#090; font-size:11px; font-weight:bold; text-decoration:none;font-weight:normal;}
.txt11_090 a:hover {text-decoration:underline;}
.txt11_333 {color:#333; font-size:11px; text-decoration:none;font-weight:normal;}
.txt11_666 {color:#666; font-size:11px; text-decoration:none;font-weight:normal;}
.txt11_f60 {color:#ff7011; font-size:11px; text-decoration:none;font-weight:normal;}
.txt11_f60_b {color:#ff7011; font-size:11px; text-decoration:none; font-weight:bold;}
.txt11_999 {color:#999; font-size:11px; text-decoration:none;font-weight:normal;}
.txt12_f60 {color:#ff7011; font-size:12px; text-decoration:none;font-weight:normal;}
.txt13_333 {color:#333; font-size:13px; text-decoration:none;font-weight:normal;}
.txt13_333 span {color:#666;}
.txt13_666 {color:#666; font-size:13px; text-decoration:none;font-weight:normal;}
.txt13_666 {color:#666; font-size:13px; text-decoration:none;font-weight:normal;}
.txt13_999{color:#999; font-size:13px; text-decoration:none;font-weight:normal;}
.txt13_f60{color:#ff7011; font-size:13px; text-decoration:none;font-weight:normal;}
.txt13_f60_b{color:#ff7011; font-size:13px; text-decoration:none; font-weight:bold;}
.txt14_333{color:#333; font-size:14px; text-decoration:none; font-weight:normal;}
.txt14_f60_b{color:#ff7011; font-size:14px; text-decoration:none; font-weight:bold;}
.txt14_fff{color:#fff; font-size:14px; text-decoration:none; font-weight:normal;}
.txt15_f60 {color:#ff7011; font-size:15px; text-decoration:none;font-weight:normal;}
.txt15_ff3 {color:#ff3300; font-size:15px; text-decoration:none;font-weight:normal;}
.txt15_333 {color:#333; font-size:15px; text-decoration:none;font-weight:normal;}
.txt15_666 {color:#666; font-size:15px; text-decoration:none;font-weight:normal;}
.txt15_999 {color:#999; font-size:15px; text-decoration:none;font-weight:normal;}
.txt16_333{color:#333; font-size:16px; text-decoration:none; font-weight:normal;}
.txt16_fff{color:#fff; font-size:16px; text-decoration:none; font-weight:normal;}
.txt17_f60 {color:#ff7011; font-size:17px; text-decoration:none;font-weight:normal;}
.txt17_333 {color:#333; font-size:17px; text-decoration:none;font-weight:normal;}
.txt18_333 {color:#333; font-size:18px; text-decoration:none;font-weight:normal;}
.txt20_333 {color:#333; font-size:20px; text-decoration:none;font-weight:normal;}


.right_menu1 {color:#666; font-size:15px; text-decoration:none;font-weight:bold;}
.right_menu2 {color:#ff6600; font-size:15px; text-decoration:none;font-weight:bold;}

.table_error { border:1px solid #c00;}
.fake {border:1px solid #ccc;}
.close_popup, .close_popup a {color:#fff; font-size:11px; font-weight:bold; text-decoration:none;}
.close_popup a:hover {color:#f60; text-decoration:none;}

.txt_11_ccc_b{color:#ccc; font-weight:bold;}
.txt_11_ccc{color:#ccc; font-size:11px;font-weight:normal; }
.txt11_333_b{color:#333; font-weight:bold;}
.txt_11_333_b{color:#333; font-weight:bold;}
.txt_11_999{color:#999; font-size:11px;font-weight:normal; }
.txt_add_new_contact{color:#f60; font-size:11px;font-weight:bold; cursor:pointer; }


.sample_item_white1{padding:5px 0px 5px 0px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background:#FFFFFF;}
.sample_item_white2{padding:5px 5px 5px 5px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background:#FFFFFF;}

.sample_item_grey1{padding:5px 0px 5px 0px; border-bottom:1px solid #cccccc; border-right:1px solid #cccccc; background:#efefef;}
.sample_item_grey2{padding:5px 0px 5px 0px; border-bottom:1px solid #cccccc; background:#efefef;}
.sample_textarea{border:1px solid #ccc; color:#333; font-size:13px; background:#fff;}
.txtbox150 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:150px;}
.txtbox_error150 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:150px;}

.txtbox100 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:100px;}
.txtbox_error100 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:100px;}

.txtbox50_2 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:50px; text-align:right;}
.txtbox_error50_2 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:50px;text-align:right;}

.txtbox70_2 {border:1px solid #ccc; color:#333; font-size:13px; background:#fff; width:70px; text-align:right;}
.txtbox_error70_2 {border:1px solid #c00; color:#333; font-size:13px; background:#fff; width:70px;text-align:right;}

/*end*/

/* product menu*/
.nav2 {
	margin:0px !important; padding:0px !important;
	font-family:Arial,tahoma, Helvetica, sans-serif;
	font-weight:bold;
	background:transparent;
	float:left; display:inline;list-style:none;
}
.nav2 ul {
	height: 15px;
	float: left;
	margin: 0; padding:0px;
	list-style: none;
	font-size: 13px;list-style:none;
}
.nav2 li {
	float: left;
	padding:0px; margin:0px;
	position: relative;
	z-index: 1;list-style:none;
}
.nav2 li:hover {
	z-index:1;list-style:none;
}
.nav2 li a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border:1px solid #f60;
	color:#fff; background:url(../images/bg_menu.gif) repeat-x left top #000; padding:0 15px 0 15px;list-style:none;
	}

.nav2 li.default a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #000; border-left:1px solid #f60; border-right:1px solid #f60;border-bottom:1px solid #fff; color:#f60; background:#fff; padding:0 15px 0 15px;list-style:none;
	}





.nav2 li a:hover,
.nav2 li.active a,
.nav2 li.hover a,
.nav2 li:hover a {padding:0 10px 0 10px;list-style:none; }
	
.nav2 li:hover .sub,
.nav2 li.hover .sub {
	display:block;list-style:none;
}
/* box sub menu*/
.nav2 li .sub {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	display: none;
	position: absolute;
	top: 20px;text-indent:10px;color:#f60;
	left:0px;
	width: 100px;
	padding:0px;
   /* border-top:0px; border-left:1px solid #f60; border-right:1px solid #f60; border-bottom:1px solid #f60; */
background:#ffcc67;list-style:none;
}
.nav2 li .sub ul li div {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border-left:1px solid #f60; border-right:1px solid #f60; border-bottom:1px solid #f60;list-style:none;
}
.nav2 li .sub ul li div.DX {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border:1px solid #f60;list-style:none;
}
.nav2 li .sub ul li div.DX:hover  {
	background: #ffff9a !important;
	line-height: 20px;list-style:none;
	text-decoration:underline; /*border:1px solid #f60;*/
}
.nav2 li .sub ul li div:hover {
	background: #ffff9a !important;
	line-height: 20px;
	text-decoration:underline; /*border:1px solid #f60;*/ cursor:pointer;list-style:none;
}
.nav2 li .sub li, .nav li .sub li a {border:0px;list-style:none;}
/*sub menu*/
.nav2 li ul {
	width: 100px;
	height: auto;
	margin: 0;
	padding:0px;
	list-style: none;
	font-size: 11px; line-height:25px; 
}

.nav2 li:hover li {
	width:100px;
	padding:0px; margin:0px;
	background: none !important;
}
.nav2 li:hover li a {
	color: #f60;
	background: none !important;
	line-height: 20px;
	width: 100px;
	padding:0px; margin:0px;
	text-indent: 10px;
}
.nav2 li:hover li a:hover {
	background: #ffff9a !important;
	text-decoration: none;
	line-height: 20px; text-indent:10px;text-decoration:underline;
}

/* start presentation menu */

.nav3 {
	margin:0px !important; padding:0px !important;
	font-family:Arial,tahoma, Helvetica, sans-serif;
	font-weight:bold;
	background:transparent;
	float:left; display:inline;list-style:none;
}
.nav3 ul {
	height: 15px;
	float: left;
	margin: 0; padding:0px;
	list-style: none;
	font-size: 13px;
}
.nav3 li {
	float: left;
	padding:0px; margin:0px;
	position: relative;
	list-style:none;
}
.nav3 li:hover {
	list-style:none;
}
.nav3 li a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border:1px solid #f60;
	color:#fff; background:url(../images/bg_menu.gif) repeat-x left top #000; padding:0 15px 0 15px;list-style:none;
	}

.nav3 li.default a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #000; border-left:1px solid #f60; border-right:1px solid #f60;border-bottom:1px solid #fff; color:#f60; background:#fff; padding:0 15px 0 15px;list-style:none;
	}





.nav3 li a:hover,
.nav3 li.active a,
.nav3 li.hover a,
.nav3 li:hover a {padding:0 10px 0 10px;list-style:none; }
	
.nav3 li:hover .sub,
.nav3 li.hover .sub {
	display:block;list-style:none;
}

.nav3 li .sub {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	display: none;
	position: absolute;
	top: 20px;text-indent:10px;color:#f60;
	left:0px;
	width: 130px;
	padding:0px;list-style:none;
   
background:#ffcc67;
}
.nav3 li .sub ul li div {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border-left:1px solid #f60; border-right:1px solid #f60; border-bottom:1px solid #f60;list-style:none;
}
.nav3 li .sub ul li div.DX {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border:1px solid #f60;list-style:none;
}
.nav3 li .sub ul li div.DX:hover  {
	background: #ffff9a !important;
	line-height: 20px;
	text-decoration:underline; list-style:none;
}
.nav3 li .sub ul li div:hover {
	background: #ffff9a !important;
	line-height: 20px;
	text-decoration:underline;  cursor:pointer;list-style:none;
}
.nav3 li .sub li, .nav li .sub li a {border:0px;list-style:none;}

.nav3 li ul {
	width: 130px;
	height: auto;
	margin: 0;
	padding:0px;
	list-style: none;
	font-size: 11px; line-height:25px; 
}

.nav3 li:hover li {
	width:130px;
	padding:0px; margin:0px;
	background: none !important;
}
.nav3 li:hover li a {
	color: #f60;
	background: none !important;
	line-height: 20px;
	width: 130px;
	padding:0px; margin:0px;
	text-indent: 10px;
}
.nav3 li:hover li a:hover {
	background: #ffff9a !important;
	text-decoration: none;
	line-height: 20px; text-indent:10px;text-decoration:underline;
}

/* end presentation menu*/

/* start testreport menu */

.nav4 {
	margin:0px !important; padding:0px !important;
	font-family:Arial,tahoma, Helvetica, sans-serif;
	font-weight:bold;
	background:transparent;
	float:left; display:inline;list-style:none;
}
.nav4 ul {
	height: 15px;
	float: left;
	margin: 0; padding:0px;
	list-style: none;
	font-size: 13px;list-style:none;
}
.nav4 li {
	float: left;
	padding:0px; margin:0px;
	position: relative;
	z-index: 1;list-style:none;
}
.nav4 li:hover {
	z-index:1;list-style:none;
}
.nav4 li a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border:1px solid #f60;
	color:#fff; background:url(../images/bg_menu.gif) repeat-x left top #000; padding:0 15px 0 15px;list-style:none;
	}

.nav4 li.default a {
	display: block;
	line-height: 10px;
	overflow: hidden;
	float: left;
	text-decoration:none; border-top:1px solid #000; border-left:1px solid #f60; border-right:1px solid #f60;border-bottom:1px solid #fff; color:#f60; background:#fff; padding:0 15px 0 15px;list-style:none;
	}





.nav4 li a:hover,
.nav4 li.active a,
.nav4 li.hover a,
.nav4 li:hover a {padding:0 10px 0 10px;list-style:none; }
	
.nav4 li:hover .sub,
.nav4 li.hover .sub {
	display:block;list-style:none;
}

.nav4 li .sub {
	font-family:Arial, Helvetica, sans-serif; font-size:11px;
	display: none;
	position: absolute;
	top: 20px;text-indent:10px;color:#f60;
	left:0px;
	width: 110px;
	padding:0px;list-style:none;
   
background:#ffcc67;
}
.nav4 li .sub ul li div {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border-left:1px solid #f60; border-right:1px solid #f60; border-bottom:1px solid #f60;list-style:none;
}
.nav4 li .sub ul li div.DX {
	background: #ffcc67 !important;
	line-height: 20px;
	text-decoration:none; border:1px solid #f60;list-style:none;
}
.nav4 li .sub ul li div.DX:hover  {
	background: #ffff9a !important;
	line-height: 20px;
	text-decoration:underline; list-style:none;
}
.nav4 li .sub ul li div:hover {
	background: #ffff9a !important;
	line-height: 20px;
	text-decoration:underline;  cursor:pointer;list-style:none;
}
.nav4 li .sub li, .nav li .sub li a {border:0px;list-style:none;}

.nav4 li ul {
	width: 110px;
	height: auto;
	margin: 0;
	padding:0px;
	list-style: none;
	font-size: 11px; line-height:25px; 
}

.nav4 li:hover li {
	width:110px;
	padding:0px; margin:0px;
	background: none !important;
}
.nav4 li:hover li a {
	color: #f60;
	background: none !important;
	line-height: 20px;
	width: 110px;
	padding:0px; margin:0px;
	text-indent: 10px;
}
.nav4 li:hover li a:hover {
	background: #ffff9a !important;
	text-decoration: none;
	line-height: 20px; text-indent:10px;text-decoration:underline;
}

/* end testreport menu*/

.box_view_artwork1{
border:1px solid #f60;
background:url(../images/bg_arrwow_down2.gif) no-repeat;
padding:3px 0px 3px 0px;

}

.box_noview_artwork{
border:1px solid #999;
background:url(../images/bg_arrwow_down3.gif) no-repeat;
padding:3px 0px 3px 0px;

}

.box_view_artwork2{
border-left:1px solid #f60;border-right:1px solid #f60;border-top:1px solid #f60; border-bottom:1px solid #fff;
background:url(../images/bg_arrwow_up2.gif) no-repeat;
padding:3px 0px 3px 0px;

}

.td_box_view_artwork{

background:url(../images/bg_line_editprofile2.gif) repeat-x left bottom #fff;

}

.lb_page{
font-size:11px;

background: #ff9900;
padding:0px 2px 0px 2px;
color:#FFFFFF;
}


/* end product menu*/