@charset "utf-8";



/*************************base style***************************/
html,body,div,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,form,input,select,button,textarea,iframe,th,td{
	margin:0; 
	padding:0;
	font-family:Arial;
	font-size:12px;
	color:#666666;
	line-height:18px;
	}
img{border:0 none; vertical-align:middle}
ul,li{list-style-type:none}
i,em,cite{font-style:normal}
a,a:link{text-decoration:none; color:#c03a4f}
a:visited{}
a:active,a:hover{text-decoration:underline}
a:focus{outline:none}
.clear{display:block!important; float:none!important; clear:both; overflow:hidden; width:auto!important; font-size:0; line-height:0}
p,input,button{line-height:18px}
em,.errormessage{color:#c03a4f}
dfn{background:#fefaeb; display:block; padding:5px}
.float_l{float:left}

/**menu row**/
.menu_row ul li{float:left}
.menu_row ul li img{ vertical-align:baseline}
.menu_row a{display:block}
/**menu col**/
.menu_col ul h2{display:block; vertical-align:baseline}
.menu_col a{display:block}

/**specialties style**/
.dis_inline, a.dis_inline{display:inline}

/***************************UI style***************************/
/**input**/
input{border:1px #D4D4D4 solid; padding:2px 3px; padding:1px 3px \9; height:18px \9;  margin-bottom:2px; vertical-align:middle}
input[type="radio"]{border:0 none}
textarea{border:1px #D4D4D4 solid; padding:2px; margin-bottom:2px; vertical-align:middle}
/**button box**/
.but_box{background:url(../images/line_cell.jpg) repeat-x left top scroll; margin:10px 0; padding:12px 25px 5px 25px; text-align:right}
.sub_input{border:1px solid #c03a4f; padding:3px 0; padding:2px 0 3px 0 \9; *padding:0; margin-left:10px; background:#d98c90}
.sub_input input{border:1px solid #de9a9e; background:#c03a4f url(../images/but_bg.jpg) repeat-x left bottom scroll; padding:1px 15px; *padding:0; color:#FFFFFF; height:20px \9; *height:22px}
.sub_input .preimg{display:none}
input.sub_input{padding:0px 20px; height:auto; color:#fff; background:#c03a4f url(../images/but_bg.jpg) repeat-x left bottom scroll}
#queryShareCallGrid input.sub_input{padding-left:10px; padding-right:10px}
/**table**/
table{width:100%; empty-cells:show; border-spacing:0; border-collapse:0; margin:10px auto; padding:1px;}
table th, table td{padding:2px 5px 2px 15px}
table thead tr{ background:url(../images/top_meun_bg.jpg) repeat-x top left scroll}
table thead td, table thead th{color:#FFFFFF; padding-top:5px; padding-bottom:5px}
table tbody th{text-align:right; padding-right:25px}
table tbody tr.double{background:#FFFFF7}
/**show border**/
table.show{border:1px #D4D4D4 solid}
table.show th, table.show td{border-bottom:1px #D4D4D4 solid; border-right:1px #D4D4D4 solid}
table.show thead td, table.show thead th{border-bottom:0 none; border-right:1ps #FFFFFF solid}
table.show tbody th{background:#fefaeb}
/**cell table**/
table.tbody_th_text_l tbody th{ text-align:left; padding-right:15px; padding-left:25px}
table.tbody_th_bg_off tbody th{background:none}
table.tbody_text_center tbody td, tr.tbody_text_center th{text-align:center; padding:2px 5px}
table.text_center td, table.text_center th{text-align:center; padding:2px}
/**from**/
h4{border-bottom:1px #D4D4D4 solid; padding:2px 25px}
form table td, form table th{ vertical-align:top}
form table.show td, form table.show th{ vertical-align:middle}
fieldset{border:1px #D4D4D4 solid}
legend{padding:2px 10px; font-weight:bold; border:1px solid #D4D4D4; margin-left:25px; color:#c03a4f}
fieldset table{margin-top:15px}
/**step**/
.bystep{margin:2px 0; background:url(../images/bystep_bottom.jpg) repeat-x left bottom scroll; _width:100%; zoom:1; border-bottom:1px solid #ddd}
.bystep:after{clear:both; content:""; display:block; visibility:hidden}
.bystep ul{margin:0px 10px}
.bystep ul li{border-radius:3px 3px 0 0; float:left; border:1px solid #ddd; border-bottom:0 none; margin-right:2px; background:#e7e7e7; position:relative}
.bystep ul li a{font-weight:bold; color:#AAA; display:block; padding:2px 25px 2px 10px}
.bystep ul li a:hover, .bystep ul li.on a{color:#222222}
.bystep ul li .imgbox{display:inline; position:absolute; top:7px; right:8px; width:9px; height:9px; background:url(../images/close.jpg) no-repeat scroll; cursor:pointer}
.bystep ul li:hover .imgbox{background-color:red}
.bystep ul li a.imgbox{padding:0}
.bystep ul li.on{background:#FFFFFF; top:1px}


/**in the middle**/
.succeed{height:200px; overflow:hidden; width:100%; position:relative}
[class].succeed{display:table; position:static; *position:relative}
.succeed .mid{top:50%; left:50%; text-align:center; position:absolute; width:100%}
.succeed [class].mid{display:table-cell; vertical-align:middle; position:static; *position:absolute}
.succeed .mid ins, .succeed .mid .inner{*position:relative; top:-50%; left:-50%}
.succeed .mid ins{font-weight:bold; text-decoration:none; color:#006633}


/**page ui**/
.subMenu{margin-top:18px; margin-bottom:25px}
.subMenu ul.li_width li{width:auto}
.subMenu ul li{width:45%; margin:0 10px}
.subMenu ul li.clear{border-bottom:1px dashed #D4D4D4; margin:16px 0; width:100%; padding-top:20px}
.subMenu ul li a{display:inline}
.subMenu ul li a img{width:100px; height:100px}
.subMenu ul li h2{margin-top:20px}
.subMenu ul li a.imgLink{float:left; margin-right:15px}
#container .subMenu ul li p{margin-top:0; margin-bottom:0}

/**login box**/
.loginbox .succeed{height:640px}
.loginbox #mid_haut{margin:0; width:100%; *min-height:0; _height:auto}
.loginbox .inner{width:1004px; margin:0 auto; text-align:left; background:url(../images/login_bg.jpg) center 20px no-repeat scroll}
.loginbox #container_l{width:360px; float:none; position:relative; left:520px; margin-bottom:0}
.loginbox #container_l a h3{color:#c03a4f}
.loginbox #container_l #menu_main{background:none; margin-top:25px; margin-bottom:8px}
.loginbox #container_l #menu_main ul{float:right; width:auto}
.loginbox #container_l #menu_main ul li{padding:0 15px; border-left:1px solid #c03a4f; height:16px}
.loginbox #container_l #menu_main ul li:first-child{border-left:0 none}
.loginbox #container_l #menu_main ul li a{line-height:20px; display:inline; padding:0; color:#c03a4f}
.loginbox #container_l #menu_main .clear{height:0}
.loginbox #container_l #menu_main ul li a:hover{border:0 none; background:none; color:#c03a4f}
.loginbox #container_l ul.on li{height:260px}
.loginbox #container_l table{margin-top:0}
.loginbox #container_l table tbody th{padding-left:5px; padding-right:5px}
.loginbox .register{width:470px; position:absolute; left:-490px; top:380px}
.loginbox #menu_function .register a{display:inline; border:0 none; color:#c03a4f; margin:0}
.loginbox #menu_function .register a:hover{border:0 none}
.loginbox dfn a{background:url(../images/arrow03.jpg) 12px 7px no-repeat scroll}
.loginbox dfn span{font-weight:bold; font-style:normal; margin:8px 0; text-align:center; display:block}
.loginbox dfn span input{margin-left:10px}


/*************************body style***************************/
#fond_haut{background:#FFFFFF}

/**part style**/
#menu_hint, #logo_case, #menu_main ul, #mid_haut, #footer_haut{width:950px; margin:0 auto}
#mid_haut{min-height:590px}

/*************************top*********************************/
#top_haut{padding-top:5px; margin-bottom:10px; background:#FBFBFB; zoom:1}

/**top menu**/
#menu_hint ul{float:right}
#menu_hint li{float:left}
#menu_hint li a{margin:0 3px 0 20px; background:#fefaeb; border:1px solid #ffc24b; padding:0 10px}
#menu_hint li a.dis_inline{margin:0; background:none; border:0 none; padding:0}
/**logo box**/
#logo_case{margin-bottom:15px; *position:relative; *top:-16px; *margin-bottom:0}
#logo_case img{vertical-align:middle; margin-left:10px; margin-top:5px}
/**main menu**/
#menu_main{background:url(../images/top_meun_bg.jpg) repeat-x scroll top left}
#menu_main li{float:left}
#menu_main li a{color:#FFFFFF; line-height:45px; padding:0 40px; font-weight:bold}
#menu_main li.on a, #menu_main li a:hover{background:url(../images/top_meun_bg_on.jpg) repeat-x top left scroll}


/*************************mid*********************************/
/**positon**/
#menu_crumb{ padding:2px 0 8px 255px }
#menu_crumb .preimgfir{padding:0 12px; background: url(../images/arrow02.jpg) no-repeat scroll center; *position:absolute}
/**left menu**/
#container_l{float:left; width:230px; margin-bottom:30px}
#container_l .but_box{padding-right:5px}
#menu_function{background:#F5F5F5; overflow:hidden; border:1px solid #D4D4D4}
#menu_function .preimgfir{border:1px solid #FFFFFF; padding:10px}
#menu_function a{margin-top:5px; display:block; color:#666666; line-height:20px; padding:2px 5px; border:1px solid #F5F5F5; zoom:1}
#menu_function a:first-child{margin-top:0}
#menu_function a:hover{background:#FFFFFF; border:1px solid #D4D4D4}
#menu_function a.on{background:#FFFFFF; border:1px solid #D4D4D4; border-bottom:0 none}
#menu_function a.on h3{background:url(../images/subtraction.jpg) no-repeat 10px center scroll; border-bottom:1px dashed #D4D4D4}
#menu_function a.on:hover{border-bottom:0 none}
#menu_function ul.on{background:#FFFFFF; padding:0 5px; border:1px solid #D4D4D4; border-top:0 none}
#menu_function h3{color:#444444; background:url(../images/add.jpg) no-repeat 10px center scroll; padding:3px 0 5px 25px}
#menu_function li a{padding:2px 0 2px 25px; border:0 none; margin-top:0}
#menu_function .on a:hover, #menu_function li.on a{color:#c03a4f; background:url(../images/arrow.jpg) 12px 8px no-repeat scroll; border:0 none; text-decoration:underline}
/**container**/
#container{padding:0 0 25px 25px; overflow:hidden; zoom:1; width:684px}
#container p{ text-indent:25px; margin:10px 0}
#container h3{margin-top:20px; padding-left:40px; background:url(../images/arrow03.jpg) no-repeat scroll 25px center}
/**cus_infor**/
#cus_infor{background:#fefaeb; padding:5px 30px; margin-bottom:10px}
/**title_box**/
#title_box{margin:5px 0}
#title_box h2{padding:5px 0 5px 25px; background:url(../images/subtraction.jpg) no-repeat 10px center scroll}



/***************************bottom*******************************/
#footer_haut{ background:#f8f8f8; border-top:1px solid #D4D4D4; text-align:center; padding:10px; margin-top:20px}
.aboutA{font-style:italic; margin-left:25px}

/*select*/
/*------------------------------*/
.ui-selectmenu{display:block; position:relative; overflow:hidden}
#menu_function li a.ui-selectmenu{padding-left:0; border:1px solid #D4D4D4}
#menu_function li a.ui-selectmenu:hover{border:1px solid #D4D4D4; background:none}
#menu_function li a.ui-selectmenu span, a.ui-selectmenu span{font-family:Arial; font-size:12px; display:block; padding:0 25px 0 5px}
a.ui-selectmenu span{padding-bottom:2px; padding-top:2px}
a.ui-selectmenu-disabled span.ui-selectmenu-status{position:relative; z-index:1}
.ui-widget-content a.ui-state-default span.ui-selectmenu-status{color:#c03a4f}
#menu_function li a.ui-selectmenu span.ui-icon, a.ui-selectmenu span.ui-icon{position:absolute; bottom:5px; padding-right:0; right:0}
#menu_function li a.ui-selectmenu span.ui-icon-triangle-1-s{background-position:-64px -14px}
a.ui-selectmenu span.ui-icon-triangle-1-s{background-position:-64px -10px}
.ui-selectmenu-menu{z-index:1500; position:absolute; visibility:hidden; overflow:auto; scrollbar-face-color:#ffffff;scrollbar-highlight-color:#ffffff;scrollbar-arrow-color:#EB8F00;scrollbar-shadow-color:#FBD850;scrollbar-base-color:#FFFFFF;scrollbar-darkshadow-color:#EB8F00;scrollbar-3dlight-color:#EB8F00}
ul.ui-selectmenu-menu{background-color:#F8F8F8; background-position:50% bottom}
.ui-selectmenu-menu li{padding:2px 5px}
.ui-selectmenu-open{visibility:visible}
table.datetimepicker td, table.datetimepicker th{padding:0}
img.datetimepicker_trigger{margin-left:5px}

form table.ui-jqgrid-btable td, form table.ui-jqgrid-btable th{vertical-align:middle}
form table.ui-jqgrid-btable td img{margin:0 2px}
div.ui-jqgrid{margin:10px 0 10px 0}

#gotoBar{
		width:8px;
		height: auto;
		float: left;
		vertical-align:middle;
		background-color: "#CBDDFE";
		cursor: pointer;
}
#gotoBarImg{margin-top:150px}

<!-- -->
.ui-jqgrid tr.jqgrow td {
	white-space: normal !important;
	height:auto;
	word-break:break-all;
	vertical-align:text-top;
	padding-top:2px;
}
th.ui-th-column div{
    white-space:normal !important;
    word-break:break-all;
    height:auto !important;
    padding:2px;
}

.issm{background:url(../images/issm.jpg) left bottom no-repeat scroll; padding:5px 0 15px 320px; margin:40px 0 0 0}
.policy{background:url(../images/policy.jpg) right bottom no-repeat scroll; padding:5px 320px 15px 0px; margin:60px 0}
.issm h4, .policy h4{font-size:16px; padding:5px 0; border:0}
.issm p{text-indent:30px; line-height:22px}
.policy li{list-style:disc; margin-left:25px}
.policy li, .policy p{line-height:22px}
.policy p{margin-top:10px}
.aboutH{margin-top:20px; text-align:right; font-size:24px; color:#C03A4F; padding-right:60px}