/**************************************
**default css
***************************************/
body{font:12px/1.5 Tahoma,Helvetica,Arial,\5b8b\4f53,sans-serif;}

html,legend{color:#404040; background:#fff;}
html{
    zoom: expression(function(ele){
        ele.style.zoom = "1";
        document.execCommand("BackgroundImageCache", false, true);
    }(this));
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,
input,button,textarea,p,blockquote,th,td{margin:0; padding:0;}

table{border-collapse:collapse; border-spacing:0;}

fieldset,img{border:none;}

address,caption,cite,code,dfn,em,th,var{font-style:normal; font-weight:normal;}

li{list-style:none;}

caption,th{text-align:left;}

h1,h2,h3,h4,h5,h6{font-size:100%;}
h1{font-size:18px; /*18px/12px=1.5*/}
h2{font-size:16px;}
h3{font-size:14px;}

q:before,q:after{content:'';}

abbr,acronym{border:none; font-variant:normal;}

/* to preserve line-height and selector appearance */
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}

input,button,textarea,select{font-family:inherit; font-size:inherit; font-weight:inherit; outline:none;}
img,input,button,select{vertical-align:middle;}
textarea{resize:none;}

/* to enable resizing for IE */
input,button,textarea,select{*font-size:100%;}
select,input,button,textarea{font:100%Tahoma,Helvetica,Arial,sans-serif;}

/* To help tables remember to inherit */
table{font-size:inherit; font:100%;}

/* fixed-width elements */
pre,code,kbd,samp,tt{font-family:'CourierNew',Courier,monospace;}

/* reset HTML5 elements */
article, aside, details, figcaption, figure, footer,header, hgroup, menu, nav, section,
summary, time, mark, audio, video{display:block; margin:0; padding:0;}
mark{background:#ff0;}

/* the dead elements */
s,u{text-decoration:none;}
b{font-weight:normal;}
i{font-style:normal;}

displaynone{display: none;}

/***********************************************
 * Common Class
 ***********************************************/
.clearfix:after{content:'\0020'; display:block; height:0; clear:both;}
.clearfix{*zoom:1;}
.clearFloat{float: none;}

.pdr10{padding-right: 10px;}

.reportBox{width: 260px;height: 90px;}
.reportBoxHr{height: 1px;border: 0px; background-color: #dfdfdf;margin: 15px 0px 15px 0px;}
.customizedFilterReportBox{width: 260px;height: 90px;}
.customizedFilterSelectsReportBox{width: 100%;height: 31px;}
.customizedFilterSelectsReportBox select{height: 25px;}

.analysisBox{width: 230px;min-height: 40px;}
.analysisChineseSubmit{width: 200px;margin-bottom: 10px;}
.analysisSingaporeSubmit{width: 200px;}
.analysisServerSubmit{width: 200px;margin-bottom: 10px;}

.displayBlock{display:block;}

.mgbotm10{margin-bottom: 10px;}

.textAlignL{text-align: left;}
.textDecoNone{text-decoration: none;}

.lh25{line-height: 25px;}

.green{ color:#00a017;}
.red{color:#f00;}
.green1{color:#076907;}
.fl{float:left;}
.fr{float:right;}
.fontRed{color:#f00;font-weight:bolder;}

.ml20{margin-left:20px;}

.disabled_color{color: #D0D0D0}

.red_select_box_label{color:#f00; float: right; margin-left: 10px; margin-top: 4px;}

/***********************************************
 * Patient Profiles Class
 ***********************************************/
#patientConfigPanel,#configPanel{width: 240px; display: none;position: absolute;border: 1px solid rgb(208, 208, 208);}
#configPanel{width: 300px; display: none;position: absolute;border: 1px solid rgb(208, 208, 208);}
.patient_expand{width: 20px;background:url(images/png8.png) no-repeat 3px -189px;display: inline-block;}
.patient_collapse{width: 20px;background:url(images/png8.png) no-repeat 1px -170px;display: inline-block;}
.patient_popup_box{width: 260px;height: 150px;}
.patient_cases_popup_box{width: 200px;height: 50px;}
.patient_popup_box a{text-decoration: none;font-size: 14px;line-height: 22px;}
.patient_cases_popup_box a{text-decoration: none;font-size: 14px;line-height: 22px;}

.rf-cal-monthpicker-cnt{background-color: #ededed !important;}

/*****************************************
* web start
*****************************************/
html{ background:rgba(195, 222, 239, 0.29);
      background-size: 100% 100%;}

/*  header  */
.header{ background:#FFFFFF; height:36px;}
.header .head-con{ width:960px; margin:0 auto; height:100%; line-height:36px;}
.header .head-con a{ color:#39485b; margin:0 5px; text-decoration:none;}
.header .head-con a:hover{ text-decoration:underline;}

.header .head-con .head-info{float:left; padding-left:20px;}
/*.header .head-con .head-info img{ width:45px; height:45px; padding:3px; border:1px solid #ccc; border-radius:5px;}*/
.header .head-con .head-info span{ color:#aaa; padding-left:10px; vertical-align:middle;}
.header .head-con .head-info span i{ color:#39485b; padding-left:10px; padding-right:10px;}

.header .head-con .head-handler{float:right; position:relative;}
.header .head-con .head-handler b{ background:url(images/png8.png) no-repeat 28px 5px; padding-right:20px; cursor:pointer; +background-position-y:4px;display: inline-block; line-height: normal;}
.header .head-con .head-handler b.J_Hover_ChangeLog{ background:url(images/png8.png) no-repeat 70px 5px; padding-right:20px; cursor:pointer; background-position-y:4px;display: inline-block; line-height: normal;}
.header .head-con .head-handler select{ width:72px;}
.header .head-con .head-handler .changeLog{cursor:auto; position:absolute; width:666px;margin-left:-515px; top:25px; left:-6px; z-index:501;color: #fff;}
.header .head-con .head-handler .changeLog .front{ height:7px;}
.header .head-con .head-handler .changeLog .changeLog-con{background-color:#ddd; display:block;padding-top:10px;  color:#39485b; margin:0; padding-left:15px;}
.header .head-con .head-handler .changeLog .changeLog-con p{line-height: 25px;}
.header .head-con .head-handler .changeLog .changeLog-con p.changeLog_description{margin-bottom: 20px;padding-left: 20px;padding-right: 30px;}
.header .head-con .head-handler .changeLog .changeLog-loadMore{text-decoration:none; background-color:#ddd; display:block;padding-top:10px;  color:#39485b; margin:0; padding-left:15px; text-align: center; font-size: 16px;padding-bottom: 10px;border: 1px solid #ccc; }
.header .head-con .head-handler .changeLog .changeLog-loadMore a:hover{text-decoration:none}
.header .head-con .head-handler .helper{ position:absolute; width:149px; top:20px; padding-top:10px; left:-6px; z-index:501;}
.header .head-con .head-handler .helper .front{ height:17px; background:url(images/pop.png) no-repeat 0 0;}
.header .head-con .head-handler .helper .help-con{/*background:url(images/pop-bg.png) repeat-y 0 0; padding:6px 0 2px;*/ }
.header .head-con .head-handler .helper .help-con a{background:#39474A; display:block; line-height:24px; color:#fff; margin:0; padding-left:15px;}
.header .head-con .head-handler .helper .help-con a:hover{ text-decoration:none;}
.header .head-con .head-handler .helper .end{background:#39474A; height:6px;}
	
/*   select_box   */
.select_box{ position:relative; display:inline-block;line-height:24px; cursor:pointer;}
.select_box .select_up{display:inline-block; border:1px solid #ccc; position:relative; background-color:#fff; text-align:left;}
.search .select_box .select_up{height:28px;}
.select_box .select_up_text{ padding-left:5px;  height:24px; display:inline-block; color:#777;}
.select_box .select_up b{background:url(images/png8.png) no-repeat 0 -18px !important; position:absolute; width:12px; height:6px; top:9px; right:8px;padding:0!important;margin:0!important;}
.select_box .select_list{ position:absolute; top:25px; left:0; border:1px solid #ccc; background-color:#eee; overflow-x:hidden; max-height:300px;}
.select_box .select_list a{ display:block; padding-left:5px;margin:0; text-decoration:none; color:#39485b!important; text-align:left; height:24px;}
.select_box .select_list a:hover{ text-decoration:none;background-color:#fff;}

/*  logo  */
.logo{background:#C5DFEE url(images/bg1.jpg) repeat-x; height:112px; border-top:1px solid #C3DEEF;}
.logo div{ width:960px; height:112px; margin:0 auto;}
.logo div img{ width:100%; height:111px;}
	
/*   menu  */
.menu{ background: #0273af url(images/bg.png) repeat-x 0 -50px; height:44px; border-bottom:0px solid #fff;}
.menu .menu-con{ width:960px; margin:0 auto; padding-top:5px;}
.menu .menu-con ul li{ float:left; position:relative; }
.menu .menu-con ul li a.title{ display:block; color:#fff; text-decoration:none; font-size:13px; position:relative;  padding:0 24px; line-height:34px; height:34px; margin:0 1px;}
.menu .menu-con ul li a.title s,.menu .menu-con ul li a.title b{ position:absolute; width:1px; height:34px; top:0; left:-1px;}
.menu .menu-con ul li a.title b{right:-1px;left:auto;}
.menu .menu-con ul li a.title:hover{background:#39474A;}
.menu .menu-con ul li a.title:hover s,.menu .menu-con ul li a.title:hover b{background:#39474A; }
	
.menu .menu-con ul li .helper{ position:absolute; width:220px; top:25px; padding-top:10px; left:0px; z-index:501000;}
.menu .menu-con ul li .helper .front{ height:18px; background:url(images/pop.png) no-repeat 0 -35px;}
.menu .menu-con ul li .helper .help-con{/*background:url(images/pop-bg.png) repeat-y -160px 0; padding:6px 0 2px;*/ }
.menu .menu-con ul li .helper .help-con a{ background:#39474A; text-decoration:none; font-size:12px; display:block; line-height:30px; height:auto; color:#ccc; margin:0; padding:0 0 0 15px;}
.menu .menu-con ul li .helper .help-con a:hover,.menu .menu-con ul li .helper .help-con a.selected{text-decoration:none; color:#fff;}
.menu .menu-con ul li .helper .end{background:#39474A; height:6px;}
	
/*   con   */
	.con{ width:958px; border:1px solid #b9b9b9; background-color:#ededed; margin:15px auto 35px; position:relative;} 
.con .titler{ height:29px; background:#dfe9ed url(images/bg.png) repeat-x; border-bottom:1px solid #b9b9b9; padding:10px 0 0 17px;}
.con .titler h3{ float:left; color:#174574; background:url(images/png8.png) no-repeat -15px -35px; padding-left:10px; }
.con .titler a{float:right; background:url(images/png8.png) no-repeat -4px -147px; padding-left:20px; margin-right:25px; text-decoration:none; color:#174574;}
	
.con .titler .tab{float:left;margin-top:-4px;}
.con .titler .tab a{float:left; padding:0 18px;height:32px; line-height:32px; margin-right:5px;text-decoration:none; color:#737373;border:1px solid #aeaeae; border-bottom:none; text-align:center; background:#ddd url(images/bg.png) repeat-x 0 -419px;}
.con .titler .tab a.hover{ background-image:none; background-color:#eee; border-top:2px solid #438ece; height:34px; line-height:34px; color:#174574; font-weight:bold; margin-top:-2px; margin-bottom:-1px;}
	.con .titler .btn{font-weight:bold; color:#fff; height:28px; line-height:28px;     border: 1px solid #F17D0B;
    background: #F17D0B;
    background-image: linear-gradient(#DDC2A2, #F59029 60%, #F17D0B); cursor:pointer; padding:0 20px; margin-left:5px; margin-top:-5px;}
	/*nav*/
.con .nav{ margin:10px auto;line-height:42px; color:#777; width:875px; }
.con .nav p{float:left; width:151px; background:url(images/nav.png) no-repeat -21px -42px; padding-left:20px;}
.con .nav p.sld{font-weight:bold;color:#fff;background-position:-21px 0; }
.con .nav p.nosld{background-position:-21px -84px; }
.con .nav p.sld-1st{ font-weight:bold; width:141px; background-position:0 0; color:#fff;padding-left:50px;}
.con .nav p.nosld-1st{ width:141px; background-position:0 -42px; padding-left:50px;}
.con .nav p.no1st-2nd{ width:141px; background-position:0 -84px; padding-left:50px;}
.con .nav p.nosld-last{ width:141px; background-position:-29px -126px; padding-left:30px;}
.con .nav p.sld-last{ font-weight:bold;color:#fff;width:141px; background-position:-29px -168px; padding-left:30px;}
	
.con .con-titler{border-top:1px solid #fff;border-bottom:1px solid #fff; line-height:42px; background-color:#ddd; margin:0 5px;}
.con .con-titler h4{ border-bottom:1px solid #afafaf; color:#777; padding-left:20px;}
/*h-line*/
.con .bodier{ margin:25px 5px; }
.con .bodier .h-line{ margin-bottom:10px;}
.con .bodier .h-line b{float:left; height:1px; width:850px; background-color:#b2b2b2; border-bottom:1px solid #fff; margin-top:7px;}
.con .bodier .whole b{ width:100%;}
.con .bodier .h-line span{float:left;background-color:#ededed; color:#777;}
.con .bodier .h-line span s{ color:#f00; vertical-align:-3px; margin:0 5px;}

.con .bodier .row{ border-top:1px solid #fff; border-bottom:1px solid #dfdfdf; padding-top:15px; padding:11px 0;}
.con .bodier .row-notop{border-top:none;}
.con .bodier .row .cols,.con .bodier .row .cols-quarter{ width:50%; float:left;}
.con .bodier .row .cols-quarter{ width:23%;}
.con .bodier .row .cols-quarter input[type=text]{ width:80px;padding-left:5px}
.con .bodier .con-titler{ margin:0;}
.con .bodier .row label{ float:left; width:135px; line-height:26px; text-align:right; color:#39485b; padding-right:5px;}
.con .bodier .row .ck label{ float:left; width:130px; line-height:26px; text-align:left; color:#39485b; padding-right:5px;}
.con .bodier .row .stt .ck label{ float:left; width:93px; line-height:26px; text-align:left; color:#39485b; padding-right:1px;}
.con .bodier .row .stt .ck tbody{ width: 817px;height: 52px}
.con .bodier .row .stt .ck td:first-child label{float:left; width:60px; line-height:26px; text-align:left; color:#39485b; padding-right:1px;}
.con .bodier .row label s{ color:#f00; vertical-align:-3px; margin-right:5px;}
.con .bodier .row input[type=text]{float:left; width:150px; line-height:24px;height:24px; border:1px solid #a6b1be;padding-left:5px}
.con .bodier .row input[type=checkbox]{float:left; width:150px; margin:0px; line-height:24px;height:24px; padding-left:5px}
.con .bodier .row .ck input[type=checkbox]{float:left; width:20px; margin:0px; line-height:24px;height:24px; padding-left:1px}
.con .bodier .row .disease input[type=text]{float:left; width:326px; line-height:24px;height:24px; border:1px solid #a6b1be;padding-top: 0px;padding-right: 16px;padding-left:15px;}
.con .bodier .row .patientFrom input[type=text]{float:left; width:200px; line-height:24px;height:24px; border:1px solid #a6b1be;padding-top: 0px;}
.con .bodier .row input[type=text].w740{ width:735px;}
.con .bodier .row input[type=text].w670{width:655px;}
.con .bodier .row input[type=text].w260{ width:253px;}
.con .bodier .row input[type=text].w80{ width:73px;}
.con .bodier .row input:hover, .con .bodier .row textarea:hover, .register .con .bodier .row input:hover{border:1px solid #727272;}
.con .bodier .row input:focus, .con .bodier .row textarea:focus, .register .con .bodier .row input:focus{border:1px solid #07f;outline:0;-webkit-box-shadow:0 0 5px #8cddff!important;box-shadow:0 0 3px #8cddff;}
	
.con .bodier .row .floatleft{float:left;}
.con .bodier .row .diseasestage select{float:left; width:362px; height:24px; padding:2px 0; border:1px solid #a6b1be; line-height:24px;}
.con .bodier .row select{float:left; width:84px; height:24px; padding:2px 0; border:1px solid #a6b1be; line-height:24px;}
.con .bodier .row select.w260{ width:264px;}
.con .bodier .row select.w80{ width:84px;}
.con .bodier .row textarea{width:730px; height:40px; border:1px solid #a6b1be;padding:5px;}
.con .bodier .row .msginfo{float:left; color:#39485b; line-height:26px;}
.con .bodier .row .msginfolong{float:left; color:#39485b; line-height:26px;width:740px;word-wrap:break-word}
.con .bodier .row .msginfo1{line-height:26px;color: red;}

.con .bodier .row .error,.con .bodier .row .warn{float:left; color:#999; line-height:26px; margin-left:5px;padding-left:20px; background:url(images/png8.png) no-repeat 0 -74px; }
.con .bodier .row .warn{ background-position:0 -100px;}
.con .bodier .row .info{float:left; color:#999; line-height:26px; margin-left:5px;padding-left:20px; background:url(images/info-icon.png) no-repeat;background-size:16px;background-position-y:5px;}

.con .bodier .row .plat{float:left; width:730px; border:1px solid #a6b1be; line-height:26px; color:#333; padding:0 5px; background-color:#fff;}
.con .bodier .row .plat input[type=submit]{ border:1px solid #707070; border-radius:3px; color:#000; padding:2px 5px;+padding:1px 2px; cursor:pointer;}
.con .bodier .row .plat span{ vertical-align:middle; display:inline-block;}
.con .bodier .row .plat a{vertical-align:middle; display:inline-block; text-decoration:none; color:#39485b;}
.con .bodier .row .plat s{vertical-align:middle; display:inline-block; color:#39485b; line-height:10px; background:url(images/png8.png) no-repeat 3px -128px; padding-left:17px;}
	
.con .bodier .row a.validate-code{float:left; padding-top:6px; line-height:26px;}
.con .bodier .row img.validate-code{float:left; padding:10px 15px 0 15px;}	

.con .bodier .row .checkbox_group{display: inline-block;width: 260px;height: 25px;white-space: nowrap;overflow: hidden;text-overflow:ellipsis;}
.con .bodier .row .checkbox_group .checkbox_label{width: auto;}

.con .bodier .btn{ text-align:right; padding:25px 80px 25px 0;}
.con .bodier .btn table.btnTableDefault { width: 450px; margin-left: 460px; }
.con .bodier .btn table.btnTableDefault tr td { padding-left: 0px; border-bottom: 0px solid #fff; text-align: right; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(1) { width: 60px; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(2) { width: 110px; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(2) table { width: 110px; margin-left: 5px; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(2) table tr td { text-align: left; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(3) { width: 130px; }
.con .bodier .btn table.btnTableDefault tr td:nth-child(4) { width: 60px; }
.con .bodier .btn table.btnTable { width: 400px; margin-left: 500px; }
.con .bodier .btn table.btnTable tr td { padding-left: 0px; border-bottom: 0px solid #fff; text-align: right; }
.con .bodier .btn table.btnTable tr td:nth-child(1) { width: 60px; }
.con .bodier .btn table.btnTable tr td:nth-child(2) { width: 110px; }
.con .bodier .btn table.btnTable tr td:nth-child(2) table { width: 110px; margin-left: 5px; }
.con .bodier .btn table.btnTable tr td:nth-child(2) table tr td { text-align: left; }
.con .bodier .btn table.btnTable tr td:nth-child(3) { width: 110px; }
.con .bodier .btn table.btnTable tr td:nth-child(4) { width: 60px; }
.con .bodier .btn .error-msg,.con .bodier .btn .info-msg{float: left; width: 680px; font-weight: bold; height: 28px; margin-top: 5px;}
.con .bodier .btn .error-msg{color:red;}
.con .bodier .btn .info-msg{color:green;}

.con .bodier .row .plat .ck label{width:80px;}

/*  btn */
	.sure,.cancel{ font-weight:bold; color:#fff; height:28px; border:1px solid #1a5189; background:#4176ac url(images/bg.png) repeat-x 0 -343px; cursor:pointer; padding:0 20px;+padding:0 10px; margin-left:5px;}
	.cancel{ background-color:#fefefe; background-position:0 -381px; color:#999; border:1px solid #bdbcbd;}

	/*table*/
	.con .bodier .tabler{ margin-top:10px;}
	.con .bodier .tabler h4{line-height:32px; color:#777; padding-left:20px; border-bottom:1px solid #b7b7b7; cursor:pointer;}
	.con .bodier .tabler h4 s{ background:url(images/png8.png) no-repeat 0 -172px; width:18px; height:11px; display:inline-block; vertical-align:middle; margin-left:6px;}
	.con .bodier .tabler h4.hover s{background-position:0 -193px;}
	.con .bodier .tabler table{ width:100%; table-layout:fixed;}
	.con .bodier .tabler table thead div{ padding-left:15px;}
	.con .bodier .tabler table th,.con .bodier table td{ text-align:center; vertical-align:middle; }
	.con .bodier .tabler table th{ padding: 12px 0; line-height:1.5em; color:#777; background-color:#ddd; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; font-weight:bold;text-align:left;}
	.con .bodier .tabler table td{ padding: 10px 0; line-height:1.5em; background-color:#eee; border-bottom:1px solid #b7b7b7; color:#39485b; text-align: left; padding-left: 15px; word-wrap: break-word;}
	.con .bodier .tabler table td.ellipsis{/*����ʡ�Ժ�*/ white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow:hidden;}
	.con .bodier .tabler table td a{ color:#1174e4; vertical-align:middle;}
	.con .bodier .tabler table td a.pen{height:16px; background:url(images/png8.png) no-repeat 0 -214px;padding-left:20px;line-height:16px;display:inherit;}
	.con .bodier .tabler table td select{ color:#39485b; width:210px; border:1px solid #a6b1be; padding:3px 0;}
	.con .bodier .tabler table tr.even td{background-color:#fff;}
	.con .bodier .tabler table td .nodata, .nodata{ padding:20px 0; font-weight:bold; color:#000;text-align:center;}
	
	.con .bodier .tabler table td.emb_1a{background-color:#5CAF5C;}
	.con .bodier .tabler table td.emb_1b{background-color:#66B966;}
	.con .bodier .tabler table td.emb_1c{background-color:#70C370;}
	.con .bodier .tabler table td.emb_2a{background-color:#7ACD7A;}
	.con .bodier .tabler table td.emb_2b{background-color:#84D784;}
	.con .bodier .tabler table td.emb_2c{background-color:#8EE18E;}
	.con .bodier .tabler table td.emb_3a{background-color:#98EB98;}
	.con .bodier .tabler table td.emb_3b{background-color:#A2F5A2;}
	.con .bodier .tabler table td.emb_4{background-color:#B6FFB6;}
	.con .bodier .tabler table td.emb_5{background-color:#C0FFC0;}
	
	.con .bodier .tabler table tr.even td.emb_1a{background-color:#5CAF5C;}
	.con .bodier .tabler table tr.even td.emb_1b{background-color:#66B966;}
	.con .bodier .tabler table tr.even td.emb_1c{background-color:#70C370;}
	.con .bodier .tabler table tr.even td.emb_2a{background-color:#7ACD7A;}
	.con .bodier .tabler table tr.even td.emb_2b{background-color:#84D784;}
	.con .bodier .tabler table tr.even td.emb_2c{background-color:#8EE18E;}
	.con .bodier .tabler table tr.even td.emb_3a{background-color:#98EB98;}
	.con .bodier .tabler table tr.even td.emb_3b{background-color:#A2F5A2;}
	.con .bodier .tabler table tr.even td.emb_4{background-color:#B6FFB6;}
	.con .bodier .tabler table tr.even td.emb_5{background-color:#C0FFC0;}
	
	/* to select */
	.con .bodier .toselect-titler{ padding-top:20px; line-height:34px; color:#777; border-bottom:1px solid #b2b2b2;}
	.con .bodier .toselect-titler h4{float:left; padding:0 20px;}
	.con .bodier .toselect-titler .slt-wrap{float:left; width:540px; height:35px;overflow:hidden; margin-bottom:-1px;margin-left:15px;}
	.con .bodier .toselect-titler ul{ width:9999px;}
	.con .bodier .toselect-titler ul li{float:left; width:20px; text-align:right; padding-right:25px; cursor:pointer;}
	.con .bodier .toselect-titler ul li.img{ background:#eee url(images/toselect.png) no-repeat 22px center;}
	.con .bodier .toselect-titler ul li.selected/* ,.con .bodier .toselect-titler ul li:hover */{ background-color:#eee; color:#39485b; font-weight:bold; margin-bottom:-1px; border:1px solid #b2b2b2; border-bottom:none; width:19px; padding-right:24px;background-position-x:21px;}
	.con .bodier .toselect-titler ul li.right{ background:#eee url(images/toselect.png) no-repeat -18px center;}
	.con .bodier .toselect-titler ul li.error{ background:#eee url(images/notselect.png) no-repeat -22px center;}
	.con .bodier .toselect-titler ul li.fuzzy{ background:#eee url(images/fuzzyselect.png) no-repeat -20px center;}
	.con .bodier .toselect-titler ul li.recommend{ background:#eee url(images/lv_star.png) no-repeat -20px center;}
	.con .bodier .toselect-titler ul li.partial_recommend{ background:#eee url(images/lv_star_light.png) no-repeat -20px center;}
	.con .bodier .toselect-titler ul li.fuzzyuse{ background:#eee url(images/toselect.png) no-repeat 22px center;}
	.con .bodier .toselect-titler ul li.notuse{ background:#eee url(images/hong_star.png) no-repeat -20px center;}
	.con .bodier .toselect-titler ul li.partial_notuse{ background:#eee url(images/hong_star_light.png) no-repeat -20px center;}
	.con .bodier .toselect-titler ul li.fuzzy_notuse{ background:#eee url(images/notselect.png) no-repeat -22px center;}
	.con .bodier .toselect-titler ul li.other{ background:#eee url(images/huang_star.png) no-repeat -20px center;}
	.con .bodier .toselect-titler .slt-handler{float:left; padding:5px 0 0 20px;}
	.con .bodier .toselect-titler .slt-handler a{float:left; display:inline-block; width:22px; height:23px; background:url(images/slt-handler.png) no-repeat; margin:0 2px;}
	.con .bodier .toselect-titler .slt-handler a.span-prev{background-position:0 0;}
	.con .bodier .toselect-titler .slt-handler a.prev{background-position:0 -27px;}
	.con .bodier .toselect-titler .slt-handler a.span-next{background-position:-28px 0;}
	.con .bodier .toselect-titler .slt-handler a.next{background-position:-28px -27px;}
	.con .bodier .toselect-titler .treatment-so{ background:url(images/treatment-so.jpg); width:134px; height:30px;float:left;position:relative;}
	.con .bodier .toselect-titler .treatment-sos{ background:url(null); width: 80px;border:0px;line-height: 15px;height: 15px; margin-left:10px;margin-top:10px}
	.con .bodier .toselect-titler .treatment-soa{ background:url(images/treatment-soa.jpg); width:28px; height:28px; float:right; margin-top:1px; margin-right:1px;font-weight: bold;border:0;cursor: pointer;}
	.con .bodier .toselect-titler .pngmemo div{float:left; text-align:right; padding-right:25px; }
	.con .bodier .toselect-titler .pngmemo div:nth-child(1){width:20px; padding-left: 10px;}
	.con .bodier .toselect-titler .pngmemo div:nth-child(3){width:20px;}
	.con .bodier .toselect-titler .pngmemo div:nth-child(5){width:20px;}
	.con .bodier .toselect-titler .pngmemo div:nth-child(7){padding-right:5px;}
	.con .bodier .toselect-titler .pngmemo div.img{ background:#eee url(images/toselect.png) no-repeat 30px center;}
	.con .bodier .toselect-titler .pngmemo div.error{ background:#eee url(images/notselect.png) no-repeat -22px center;}
	.con .bodier .toselect-titler .pngmemo div.fuzzy{ background:#eee url(images/fuzzyselect.png) no-repeat -20px center;}

	
	.con .bodier .toselect-con{ border-bottom:1px solid #b2b2b2; padding-bottom:20px;}
	.con .bodier .toselect-con .toselect-col{float:left; width:50%; color:#333;}
	.con .bodier .toselect-con .toselect-col .toselect-row{ margin:20px 0;}
	.con .bodier .toselect-con .toselect-col .toselect-row label{float:left; width:26%; text-align:right; line-height:24px;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg{float:left; width:73%; line-height:24px;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg h4{ margin-top:10px;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg h4.mt0{margin-top:0;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg textarea{ width:300px; height:160px; border:1px solid #a6b1be;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg select{ width:84px;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg a{color:#0076da;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg .red{ background-color:red; color: #000000}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg .pink{ background-color:#f1cacb;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg .yellow{ background-color:#f1e5be;}
	.con .bodier .toselect-con .toselect-col .toselect-row .msg .green{ background-color:#c8f1be;}
	/*  modify  */
	.modify .con .bodier{ margin-top:0;}
	
	/*  treatment   */
	.treatment .con .bodier,.treatment .con .bodier .tabler{margin-top:0;}
	.treatment .con .search .search-select input{width:185px;}
	/*  treatment1 */
	.treatment1 .con .bodier{margin-top:0;}
	/* multiSearch */
	.multiSearch .con .bodier,.multiSearch .con .bodier .tabler{margin-top:0;}
	/*  analysis  */
	.analysis .con .bodier .row label{width:240px;}
	.analysis .con .bodier .row .plat{width:660px;}
	.analysis .con .bodier .row textarea{width:660px;}
	
	/*  register  */
	.register .con .bodier .row label{width:340px;font-size:14px;padding-top:6px;}
	.register .con .bodier .row .text{float:left;font-size:14px;padding-top:6px;line-height:25px;}
	.register .con .bodier .row-select .select_up{height:30px;}
	.register .con .bodier .row-select .select_box, .register .con .bodier .row-select .select_up_text{padding-top:3px !important;}
	.register .con .bodier .row input{float:left;width:205px; height:40px; line-height:40px; padding-left:16px; border:1px solid #ccc; background:#fff; color:#7c7c7c;}
	.register .con .bodier .row input.w50{width:50px;}
	.register .con .bodier .row-pwd{height:60px !important;}
	.register .con .bodier .row-pwd .pw-strength{margin-top:45px;margin-left:346px;position:absolute;width:220px;}
	.register .con .bodier .row-pwd .pw-weak{float:left;width:73px;background-color:#afafaf;text-align:center;color:#fff;}
	.register .con .bodier .btn{text-align:left;padding:25px 0px 25px 340px;}
	.register .con .bodier .row .error, .register .con .bodier .row .warn, .register .con .bodier .row .info{margin-top:6px;}
	.register .con .bodier .btn .info, .register .con .bodier .btn .error{padding-left:20px;}
	.register .con .bodier .btn .info{color:green;}
	.register .con .bodier .btn .error{color:red;}
	
	/*   pagin  */
	.con .pagin-wrap{ margin:-25px 5px 0 5px;}
	.pagin-wrap .pagin{ float:right; margin:15px 0; padding-right:15px;}
	.pagin-wrap .pagin a{ width:32px; line-height:28px; height:28px; color:#0088d5; text-align:center; text-decoration:none; border:1px solid #ddd; border-left:none; background-color:#fff;}
	.pagin-wrap .pagin a.span{background-color:#f5f5f5; color:#999;}
	.pagin-wrap .pagin a.span-prev,.pagin-wrap .pagin a.prev,.pagin-wrap .pagin a.span-next,.pagin-wrap .pagin a.next,.pagin-wrap .pagin a.span-prevone,.pagin-wrap .pagin a.prevone,.pagin-wrap .pagin a.span-nextone,.pagin-wrap .pagin a.nextone{ font-family:"Agency FB";}
	.pagin-wrap .pagin a.span-prev,.pagin-wrap .pagin a.span-next,.pagin-wrap .pagin a.span-prevone,.pagin-wrap .pagin a.span-nextone{ color:#b09999;}
	.pagin-wrap .pagin a.span-prev,.pagin-wrap .pagin a.prev{ border-left:1px solid #ddd; border-top-left-radius:5px;border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
	.pagin-wrap .pagin a.span-next,.pagin-wrap .pagin a.next{border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-top-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
	/*
	.pagin-wrap .pagin a.span-prev,.pagin-wrap .pagin a.prev,.pagin-wrap .pagin a.span-next,.pagin-wrap .pagin a.next{ background:url(images/pagin.png) no-repeat;width:31px; height:30px; border:none;}
	.pagin-wrap .pagin a.span-prev{ border-right:1px solid #ddd;}
	.pagin-wrap .pagin a.prev{background-position:0 -35px; border-right:1px solid #ddd;}
	.pagin-wrap .pagin a.span-next{background-position:-39px -35px;}
	.pagin-wrap .pagin a.next{background-position:-39px 0;}
	*/
	.pagin-wrap .pagin a:hover{ text-decoration:none;}
	
	
	/* pos */
	.pos{ position:absolute; border:1px solid #acacac; background-color:#fff; z-index:299; box-shadow:2px 2px 5px #d0d0d0;-webkit-box-shadow:2px 2px 5px #d0d0d0;-moz-box-shadow:2px 2px 5px #d0d0d0;}
	.pos ul{ margin:0 1px;}
	.pos ul li{ display:inline}
	.pos ul li a{ display:block;line-height:24px; color:#101010; font-weight:bold; text-decoration:none; padding-left:15px;}
	.pos ul li a:hover{ background-color:#ebebeb;}
	
	/* search */
	.con .search{ padding:10px 0 10px 20px; background-color:#fff; margin-bottom:10px;}
	.con .search h4,.con .search h5,.con .search .search-select,.con .search .sure,.con .search .message{ float:left;}
	.con .search h4{ width:125px; padding-left:25px; color:#174574; line-height:28px; position:relative; border:1px solid #cfd0d0; border-right:none; border-top-left-radius:5px; border-bottom-left-radius:5px; background:#f8f8f8 url(images/bg.png) repeat-x 0 -461px;}
	.con .search h4 s{ background:url(images/png8.png) no-repeat 0 -240px; width:6px; height:10px; position:absolute; right:10px; top:50%; margin-top:-5px;}
	.con .search h5{ width:125px;  color:#174574; line-height:28px; position:relative;text-align:right;}
	.con .search .search-select{ position:relative;}
	.con .search .search-select input{ width:326px; padding:0 16px; border:1px solid #cfd0d0; line-height:28px; height:28px; background:url(images/bg.png) repeat-x 0 -501px;+margin-top:-1px;}
	.con .search .search-select s{ position:absolute; background:url(images/png8.png) no-repeat 0 -11px; right:0; top:50%; margin-top:-10px; width:20px; height:20px; cursor:pointer;}
	.con .search .message{ line-height:28px; margin-left:15px; font-family:΢ɭ҅ۚ;}
	.con .search .message span{ color:#1174e4;}
	.con .search .search-mutiline{float: left; margin-top: 10px;}
	.con .search .radio{ position:relative;line-height:28px;padding-left:25px;padding-right:25px;width:140px;float: left;}
	.con .search .reportradio{ position:relative;line-height:28px;padding-left:15px;padding-right:15px;width:180px;float: left;}
	.con .search .diseaseradio{ position:relative;line-height:28px;padding-left:25px;padding-right:25px;width:185px;float: left;}
	.con .search .radio label{padding:0 10px 0 5px;color:#39485b;}
	.con .search .reportradio label{padding:0 5px 0 5px;color:#39485b;}
	.con .search .diseaseradio label{padding:0 10px 0 5px;color:#39485b;}
	.con .search .search-select-date{ position:relative; float:left;}
	.con .search .search-select-date input{ width:165px; padding:0 16px; border:1px solid #cfd0d0; line-height:28px; height:28px; background:url(images/bg.png) repeat-x 0 -501px;+margin-top:-1px;}
	.con .search .search-select-date s{ position:absolute; background:url(images/png8.png) no-repeat 0 -11px; right:0; top:50%; margin-top:-10px; width:20px; height:20px; cursor:pointer;}
	.con .search .h4-right-border{border-right: 1px solid #cfd0d0; border-top-right-radius:5px; border-bottom-right-radius:5px; clear: right;}	
	/*  success   */
	.con .create-success{ padding:80px 0 80px 250px; vertical-align:bottom; border-top:1px solid #fdfdfd;}
	.con .create-success img{ float:left;}
	.con .create-success h2{ float:left; padding-top:50px; padding-left:150px; color:#777; position:absolute;}
	.con .create-success h4{ float:left; padding-top:90px; padding-left:150px; color:#777; position:absolute;}
	.con .create-success h4 a{ color:#1174e4; margin:0 10px;}
	
	.con .validate-email{ padding:50px 0 80px 150px; vertical-align:bottom; border-top:1px solid #fdfdfd;}
	.con .validate-email img{ float:left;padding-left:200px;}
	.con .validate-email h3{ float:left; padding-left:20px; color:#777; }
	.con .validate-email h2{ float:left; color:#777; padding-top:50px;padding-left:20px; width:700px;}
	.con .validate-email h4{ float:left; color:#777; padding-top:30px;padding-left:20px; width:700px;}
	.con .validate-email span{color:#2B88C7}
	.con .validate-email span.green{color:#00a017}
	.con .validate-email a:visited{cursor:pointer}
	.con .validate-email a:visited{color:#669}
	
	.con .validate-email-result{ padding:80px 0 80px 250px; vertical-align:bottom; border-top:1px solid #fdfdfd;}
	.con .validate-email-result img{ float:left;}
	.con .validate-email-result span{color:#2B88C7}
	.con .validate-email-result h3{ float:left; padding-top:50px; padding-left:150px; color:#777; position:absolute;}
	
	.con .error-page{ padding:80px 0 80px 250px; vertical-align:bottom; border-top:1px solid #fdfdfd;}
	.con .error-page img{ float:left;}
	.con .error-page p{ float:left;width:350px;height:10px;margin:40px 0 0 15px;border-bottom:1px solid #777}
	.con .error-page h3{ float:left; padding-top:60px; padding-left:150px; color:#777; position:absolute;}
	.con .error-page h2{ float:left; padding-top:20px; padding-left:150px; position:absolute;}
	
	
	/* dialog */
	.whole{ position:relative; padding-bottom:1px;}
		.mark{ width:100%; height:100%; position:absolute; top:0; left:0; background-color:#000; opacity:.5;-moz-opacity:.5;filter:alpha(opacity=50); z-index:499;}
		.dialog{ position:absolute; width:770px; height:580px; top:40px; left:50%; margin-left:-385px; z-index:500; background-color:#fff; border:1px solid #b7b7b7;}
		.dialog-title{ border-bottom:1px solid #b7b7b7; height:40px; line-height:40px; background:#e8f1f5 url(images/bg.png) repeat-x 0 -539px; padding:0 20px;}
		.dialog-title h3{ color:#174574; float:left; padding-right:10px;}
		.dialog-title ul{float:left; *zoom:1; padding-top:10px;}
		.dialog-title ul:after{display:block; content:"\0020"; clear:both; height:0;}
		.dialog-title ul li{padding:0 15px; float:left;cursor:pointer; line-height:30px; color:#39485b;width:10px;}
		.dialog-title ul li.selected{ border:1px solid #b9b9b9; border-bottom:none; background-color:#fff; width:8px;}
		.dialog-title a{float:right; width:20px; height:20px; background:url(images/png8.png) no-repeat 6px -122px; margin-top:10px;}
		.dialog-title h4{float:left; color:#777; margin-left:10px;}
		.dialog-con{ margin:0 5px;}
		.dialog-con .dialog-row{ padding:10px 0;border-bottom:1px solid #dfdfdf;}
		.dialog-con .dialog-row .dialog-col{ float:left; width:50%;}
		.dialog-con .dialog-row label{ float:left; width:160px; display:inline-block; text-align:right; margin-top:7px;}
		.dialog-con .dialog-row span{float:left;margin-top:7px;}
		.dialog-con .dialog-row span.desc{width:75%;}
		.dialog-con .dialog-row input[type=text]{float:left; width:148px; padding:7px 0; border:1px solid #a6b1be;}
		.dialog-con .dialog-row textarea{float:left; width:580px; height:90px; border:1px solid #a6b1be;}
		.dialog-con .btn{ padding:10px 25px 20px 0; text-align:right;}
		.dialog-con .btn input[type=button]{ line-height:28px; height:28px; border:1px solid #bcbcbc; padding:0 18px; color:#39485b; font-weight:bold; background:#fff url(images/bg.png) repeat-x 0 -589px; cursor:pointer;}
		.dialog-con .slt-wrap{float:left; width:400px; height:41px;overflow:hidden; margin-bottom:-1px;margin-left:15px;}
		.dialog-con .treatment-so{ background:url(images/treatment-so.jpg); width:110px; height:30px;float:left;margin-top:7px;position:relative;}
		.dialog-con .treatment-so .treatment-sos{ background:none; width: 60px;border:0px;line-height: 15px;height: 15px; margin-left:10px;margin-top:10px}
		.dialog-con .treatment-so input.treatment-soa{ background:url(images/treatment-soa.jpg); width:28px; height:28px; float:right; margin-top:1px; margin-right:1px;font-weight: bold;border:0;cursor: pointer;}
		.dialog-con .slt-handler{float:left; padding:12px 0 0 10px;}
		.dialog-con .slt-handler a{float:left; display:inline-block; width:22px; height:23px; background:url(images/slt-handler.png) no-repeat; margin:0 2px;}
		.dialog-con .slt-handler a.span-prev{background-position:0 0;}
		.dialog-con .slt-handler a.prev{background-position:0 -27px;}
		.dialog-con .slt-handler a.span-next{background-position:-28px 0;}
		.dialog-con .slt-handler a.next{background-position:-28px -27px;}
		
	/*  geneticTest3  */
	.unzip .dialog-tabler{position:relative;background-color:#ededed;}
	.unzip .dialog-tabler i{position:absolute; top:0;left:0; background:url(images/png8-new.png) no-repeat 0 0; width:22px; height:22px; line-height:1; padding:2px 0 0 2px; color:#39485b;}
	.unzip .dialog-tabler .dialog-row{border-top:1px solid #fff;padding:10px 0 10px 20px;}
	.unzip .dialog-tabler .dialog-row.last{border-bottom:1px solid #b9b9b9;}
	.unzip .dialog-tabler .dialog-row a{color:#1818a8 !important;text-decoration:underline !important;}
	.unzip span{width:660px;}
	.unzip span.nofile{display:initial !important;}
	.unzip{padding-bottom:6px;}
	
	/*  2013.9.3 new add */
	/*  diseaseTreatment  */
	.con .bodier .des{padding-bottom:20px; margin:0 20px; border-bottom:1px solid #ccc; border-top:1px solid #eee;}
	.con .bodier .des h3{ line-height:50px; color:#777; border-bottom:1px solid #dadada;}
	.con .bodier .des .scroll{ overflow-y:auto; padding-top:10px; height:390px;}
	.con .bodier .des .scroll p{ line-height:32px;}
	.con .bodier .des .info{float:left; width:44%;}
	.con .bodier .des .info p{ padding-left:120px; *zoom:1; color:#111;}
	.con .bodier .des .info p:after{display:block; content:'\0020'; clear:both; height:0;}
	.con .bodier .des .info p label{margin-left:-120px; float:left; text-align:right; width:110px; padding-right:10px;}
	.con .bodier .des .info p.bolder{font-weight:bold; color:#174574;}
	.con .bodier .des .info p.bolder label{color:#111; font-weight:normal;}
	.con .bodier .des .detail{float:right; width:43%; background:url(images/detail.png) no-repeat right center;}
	.con .bodier .des .detail p{*zoom:1; color:#174574; font-weight:bold; padding-left:100px;}
	.con .bodier .des .detail p:after{display:block; content:"\0020"; clear:both; height:0;}
	.con .bodier .des .detail p i{float:left; width:20px; color:#999;font-weight:normal; margin-left:-100px;}
	.con .bodier .des .detail p label{ width:70px; padding-right:10px; float:left; color:#777; font-weight:normal; margin-left:-80px; text-align:right;}
	.con .bodier .des .detail p a{ color:#1174e4; display:block;}
	.con .bodier .des .detail p a.red{background-color:red;}
	.con .bodier .des .detail p a.yellow{background-color:#f1e5be;}
	.con .bodier .des .detail p a.pink{background-color:#f1cacb;}
	.con .bodier .des .detail p a.green{background-color:#c8f1be;}
	 
	
	/* 2015.7.4 new add */
	/* Therapies */
	.con .bodier .des .content{ padding-top:10px;}
	.con .bodier .des .content p{ line-height:32px;}
	.con .bodier .des .infoTwoCol{float:left; width:100%;}
	.con .bodier .des .infoTwoCol p{ padding-left:120px; *zoom:1; color:#111; line-height:32px;}
	.con .bodier .des .infoTwoCol p:after{display:block; content:'\0020'; clear:both; height:0;}
	.con .bodier .des .infoTwoCol p label{margin-left:-120px; float:left; text-align:right; width:160px; padding-right:10px;}
	.con .bodier .des .infoTwoCol p.bolder{font-weight:bold; color:#174574;}
	.con .bodier .des .infoTwoCol p.bolder label{color:#111; font-weight:normal;}
	.con .bodier .des .infoTwoCol p i{float:left; width:20px; color:#999;font-weight:normal; margin-left:-100px;}
	.con .bodier .des .infoTwoCol p a{ color:#1174e4; display:block;}
	.con .bodier .des .infoTwoCol p a.red{background-color:red;}
	.con .bodier .des .infoTwoCol p a.yellow{background-color:#f1e5be;}
	.con .bodier .des .infoTwoCol p a.pink{background-color:#f1cacb;}
	.con .bodier .des .infoTwoCol p a.green{background-color:#c8f1be;}
	
	.con .bodier .des .infoTwoCol p span{ color:#1174e4; display:block;}
	.con .bodier .des .infoTwoCol p span.red{background-color:red;}
	.con .bodier .des .infoTwoCol p span.yellow{background-color:#f1e5be;}
	.con .bodier .des .infoTwoCol p span.pink{background-color:#f1cacb;}
	.con .bodier .des .infoTwoCol p span.green{background-color:#c8f1be;}
	
	.con .bodier .b-des{ border-top:1px solid #fff; border-bottom:1px solid #ccc; margin:0 20px;}
	.con .bodier .b-des .item{ padding-bottom:10px;}
	.con .bodier .b-des .item h3{line-height:50px; color:#777; border-bottom:1px solid #dadada;}
	.con .bodier .b-des .item p{ color:#000; line-height:24px; padding-top:10px;}
	.con .bodier .b-des .item p span{ color:#174574; font-size:14px;}
	
	.diseasemutation .con .bodier .des .info{float:left; width:100%;}
	.diseasemutation .con .bodier .des .scroll{ height:100%;}
	
	/*  DNA translater  */
	.con .dna-titler{ height:27px; line-height:1; color:#174574; border-top:1px solid #fff; border-bottom:1px solid #a6b1be; background-color:#ddd; padding:15px 25px 0 25px; *zoom:1;}
	.con .dna-titler:after{clear:both; display:block; height:0; content:"\0020";}
	.con .dna-titler h4{float:left;}
	.con .dna-titler a{float:right; color:#555; padding-right:22px;background:url(images/png8.png) no-repeat right -260px;}
	
	.con .bodier .dna-item{ padding-left:25px;}
	.con .bodier .dna-item p{line-height:44px; color:#555;}
	.con .bodier .dna-item input[type=text]{ width:880px; line-height:26px; height:26px; border:1px solid #acb6c2;}
	.con .bodier .dna-item textarea{ width:880px; height:80px; border:1px solid #acb6c2;}
	.con .bodier .dna-btn{ padding:40px 40px 40px 25px;}
	
	/*  helper  */
	.con .helper-titler{ height:27px; font-size:13px; line-height:1; color:#174574; border-top:1px solid #fff; border-bottom:1px solid #a6b1be; background-color:#ddd; padding:15px 25px 0 25px; *zoom:1;}
	.con .helper-titler:after{clear:both; display:block; height:0; content:"\0020";}
	.con .helper-titler h4{float:left;}
	.con .helper-titler a{float:right; color:#555; padding-right:22px;background:url(images/png8.png) no-repeat right -260px;}
	
	.con .bodier .helper-item{ padding-left:25px; font-size:13px; }
	.con .bodier .helper-item img{width:600px;margin: 0 0 20px 20px;border:1px solid #a6b1be;}
	.con .bodier .helper-item p{line-height:24px; color:#555; padding:10px 0 10px 0;}
	.con .bodier .helper-item p.content{line-height:26px; margin-left: 20px; }
	.con .bodier .helper-item input[type=text]{ width:880px; line-height:26px; height:26px; border:1px solid #acb6c2;}
	.con .bodier .helper-item textarea{ width:880px; height:80px; border:1px solid #acb6c2;}
	.con .bodier .helper-btn{ padding:40px 40px 40px 25px;}
	
	/*--multiSearch--*/
	.multiSearch .con .search .search-select input{width:205px;}
	.multiSearch .con .search .search-select select{width:221px;}
	.multiSearch .con .search .search-select .select_up{display:inline-block; height:28px; border:1px solid #ccc; position:relative; background-color:#fff; text-align:left;}
	
	.multiSearch .con .search .search-select .long input{width:476px;}
	.multiSearch .con .search .search-select .long select{width:476px;}
	.multiSearch .con .search .search-select .long .select_up{display:inline-block; height:28px; border:1px solid #ccc; position:relative; background-color:#fff; text-align:left;}
	
	.multiSearch .con .search .row{height:40px; }
	.reference .con .search .row{height:40px; }
	/*--searchall--*/
	.searchall .con .search .short .search-select input{width:185px;}
	.searchall .con .search .search-select input{width:326px;}
	.searchall .con .search .search-select select{width:100px;}
	.searchall .con .search .search-select .select_up{display:inline-block; height:28px; border:1px solid #ccc; position:relative; background-color:#fff; text-align:left;}
	
	
	/*--reference--*/
	.reference .con .search .search-select input{width:185px;}
	.reference .con .bodier{margin-top:0;}
	
	.con .bodier .ref-item{border-bottom:1px solid #fff; padding-top:15px; line-height:28px; color:#333; margin:0 35px; width:878px;}
	.con .bodier .ref-item p{padding-left:18px;}
	.con .bodier .ref-item p i{margin-left:-48px; width:48px; display:inline-block; text-align: right;}
	.con .bodier .ref-item p a{color:#1818a8;}
	.con .bodier .ref-item p.last{color:#777; padding-bottom:15px; border-bottom:1px solid #b8b8b8;}
	
	/*--genes tip--*/
	.tip{position:absolute;color:#333; padding:8px 20px; border:1px solid #b7b8b8;z-index:199; background-color:#fff; max-width:200px;}
	
	/*--login--*/
	.login{background:url(../images/Login_bg1.jpg); background-size: 100% 100%; }
	.login .login-head{height:65px; background:#e9eef3 url(images/bg.png) repeat-x 0 -627px;}
	.login .login-bgw{background:url(images/login-bgb.jpg);background-repeat:repeat-x;}
	.login .login-bg{ width:603px; height:683px; background:url(images/login-bg.jpg) no-repeat; margin:0 auto; padding-top:117px; padding-left:676px;}
	.login .login-bg .login-con{width:370px; height:290px; background:url(images/login-con.png) no-repeat;}
	.login .login-bg .login-con .login-title{ height:44px; line-height:1; *zoom:1;}
	.login .login-bg .login-con .login-title:after{content:"\0020";display:block;clear:both;height:0;}
	.login .login-bg .login-con .login-title h2{color:#fff; float:left; padding:14px 0 0 35px;}
	.login .login-bg .login-con .login-title a{color:#a9e7ff; float:left; padding:17px 0 0 18px; text-decoration:none}
	.login .login-bg .login-con .login-item{height:50px; padding-left:90px;}
	.login .login-bg .login-con .login-item input{width:205px; height:40px; line-height:40px; padding-left:16px; border:none; background:none; color:#9e9e9e;}
	.login .login-bg .login-con .login-item input.login-btn{ width:224px; height:45px; line-height:46px; color:#999; font-size:;14px; font-weight:bold; text-align:center; padding:0; background:url(images/login-btn.png) no-repeat;cursor:pointer;}
	.login .login-bg .login-con .login-tip{ height:36px; line-height:36px;}
	.login .login-bg .login-con .login-item .login-item-register{color:#837979; float:right; padding:5px 58px 0 0 ; text-decoration:none}
	.login .login-bg .login-con .login-item .login-item-register a{color:#837979; text-decoration:none}
			
	/*   footer   */
	.footer p{ width:960px; margin:0 auto; border-top:1px solid #dce1e6; color:#6f7f94; font-size:11px; text-align:center; padding:30px 0;}
	
	
	
	.con .bodier .btn input.sure,.con .search input.sure,.con .bodier .btn input.cancel,.con .bodier .btn input.suredisable,.con .bodier input.sure{ font-weight:bold; color:#fff; height:28px; border:1px solid #1a5189; background: #6A7882;background-image: linear-gradient(#A5C3D6, #012F83 60%, #2D569B); cursor:pointer; padding:0 20px;+padding:0 10px; margin-left:5px;}
	.con .bodier .btn input.cancel{ background-color:#fefefe; background-position:0 -381px; color:#777; border:1px solid #bdbcbd;}
	.con .bodier .btn input.suredisable{ background-color:#fefefe; background-position:0 -381px; color:#C0BBBB; border:1px solid #bdbcbd;}
	.con .bodier .btn input.no_link{ cursor: auto;}
	
	.pagin-wrap .pagin span{ width:32px; line-height:28px; height:28px; color:#0088d5; text-align:center; text-decoration:none; border:1px solid #ddd; border-left:none; background-color:#fff;}
	.pagin-wrap .pagin span.span{background-color:#f5f5f5; color:#999;}
	.pagin-wrap .pagin span.span-prev,.pagin-wrap .pagin a.prev,.pagin-wrap .pagin span.span-next,.pagin-wrap .pagin a.next,.pagin-wrap .pagin span.span-prevone,.pagin-wrap .pagin a.prevone,.pagin-wrap .pagin span.span-nextone,.pagin-wrap .pagin a.nextone{ font-family:"Agency FB";}
	.pagin-wrap .pagin span.span-prev,.pagin-wrap .pagin span.span-next,.pagin-wrap .pagin span.span-prevone,.pagin-wrap .pagin span.span-nextone{ color:#b09999;}
	.rf-ds-btn-first{ border-left:1px solid #ddd !important; border-top-left-radius:5px;border-bottom-left-radius:5px; -moz-border-top-left-radius:5px; -moz-border-bottom-left-radius:5px; -webkit-border-top-left-radius:5px; -webkit-border-bottom-left-radius:5px;}
	.rf-ds-btn-last{border-top-right-radius:5px;border-bottom-right-radius:5px;-moz-border-top-right-radius:5px;-moz-border-bottom-right-radius:5px;-webkit-border-top-right-radius:5px;-webkit-border-bottom-right-radius:5px;}
	.styleClass {
		display: inline !important;
		padding: 0px !important;
	}
	
	.inactiveStyleClass {
		background-image: url("") !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.selectedStyleClass {
		background-image: url("") !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	
	.rf-ds-btn{
		background-image: url("") !important;
		margin: 0px !important;
		padding: 0px !important;
	}
	.rf-ds-dis{
		color:#b09999 !important;
	}

	.rf-au-lst-scrl{
		width:358px !important;
		top:30px !important; 
		left:0 !important;
		border: 1px solid #acacac !important;
		max-height: 250px !important;
		min-height: 20px !important;
	}
	.gene .rf-au-lst-scrl{width:217px !important;}
	.rf-au-lst-scrl .text{
		line-height: 24px; !important;
		padding-left: 15px; !important; 
		font-weight: bold; !important;
	}
	.search-select .rf-au{
		border-style: none; !important;
		font-size: 100%; !important;
	}
	
	.disease .rf-au{
		border-style: none; !important;
		font-size: 100%; !important;
	}
	
	.patientFrom .rf-au{
		border-style: none; !important;
		font-size: 100%; !important;
	}
	
	.rf-au-itm{
		background:rgb(238,238,238);
	}
	
	 .rf-au-itm-sel{
	 	background:white;
	 }

	 *.rf-cal-extr{
	 	background:white;
	 }
	 
	 *.rf-dt-c{
	 	border-bottom-width: 1px;
	 	border-right-width: 1px;
	 }
	 
	 *.rf-cal-timepicker-cnt{
	 	background:white;
	 }

	 
	 *.rf-pp-cntr{
	 	background:white
	 }

/*temporary mutation table*/
.con .bodier .tabler1{ margin-top:10px; border-spacing: 0px; border-collapse: collapse; }
.con .bodier .tabler1 h4{line-height:32px; color:#777; padding-left:20px; border-bottom:1px solid #b7b7b7; cursor:pointer;}
.con .bodier .tabler1 h4 s{ background:url(images/png8.png) no-repeat 0 -172px; width:18px; height:11px; display:inline-block; vertical-align:middle; margin-left:6px;}
.con .bodier .tabler1 h4.hover s{background-position:0 -193px;}
.con .bodier .tabler1 table{ width:100%; table-layout:fixed;}
.con .bodier .tabler1 table thead div{ border-bottom:1px solid #fff;padding-left:15px;}
.con .bodier .tabler1 table th,.con .bodier table td{ text-align:center; vertical-align:middle;}
.con .bodier .tabler1 table th{ line-height:40px; color:#777; background-color:#ddd; border-top:1px solid #fff; border-bottom:1px solid #b7b7b7; font-weight:bold;text-align:left;}
.con .bodier .tabler1 table td{ line-height:36px; background-color:#eee; border-bottom:1px solid #b7b7b7; color:#39485b; text-align: left; padding-left: 15px; word-wrap: break-word;}
.con .bodier .tabler1 table td.ellipsis{/*����ʡ�Ժ�*/ white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow:hidden;}
.con .bodier .tabler1 table td a{ color:#1174e4; vertical-align:middle;}
.con .bodier .tabler1 table td a.pen{height:16px; background:url(images/png8.png) no-repeat 0 -214px;padding-left:20px;line-height:16px;display:inherit;}
.con .bodier .tabler1 table td select{ color:#39485b; width:210px; border:1px solid #a6b1be; padding:3px 0; background-color: #eee; line-height: 24px;}
.con .bodier .tabler1 table tr.even td{background-color:#fff;}
.con .bodier .tabler1 table td table td .nodata, .nodata{ padding:10px 0; font-weight:bold; color:#000;text-align:center;}
.con .bodier .tabler1 table td table{margin-left:-15px; width:102%; margin-top:-3px; margin-bottom:-3px; }
.con .bodier .tabler1 table td table td {border-bottom:0px;}

.con .bodier .tabler1 .dialog{ height:450px;}
.con .bodier .tabler1 .dialog .mutationTable {margin-top:30px; margin-left:50px; width:85%; background-color: #fff;}
.con .bodier .tabler1 .dialog .mutationTable tr td {  margin:10px; background-color: #fff; border-bottom:0px; }
.con .bodier .tabler1 .dialog .mutationTable tr td:first-child{width:50px;}
.con .bodier .tabler1 .dialog .mutationTable tr td select { width: 550px; height:100px; overflow: hidden;  }
.con .bodier .tabler1 .dialog .mutationTable tr td div { margin-left: 20px;}
.con .bodier .tabler1 .dialog .mutationTable tr td div.btn { margin-top: 30px; margin-left: 500px;} 
.con .bodier .tabler1 .dialog .mutationTable tr td div.btn .sure { width:100px;}
/*ngs configuration*/
#configPanel { display:none; position: absolute;background-color: #ededed;}
#reportNsConfigPanel { display:none; position: absolute;background-color: #ededed;}
#reportNsConfigPanel .reportBox{margin-top:10px;margin-left:20px;width: 240px;height: 30px;}
#reportNsConfigPanel .reportBox a{margin-right: 25px;}
#reportDRConfigPanel { display:none; position: absolute;background-color: #ededed;}
#reportDRConfigPanel .reportBox{margin-top:10px;margin-left:20px;width: 200px;height: 30px;}
#reportDRConfigPanel .reportBox a{margin-right: 25px;}
#customizedFilter { width:510px; display:none; position: absolute;background-color: #ededed;}
#analysisConfigPanel { display:none; position: absolute;background-color: #ededed;margin-left: 12px;}
#commonDiv { width:300px; height: 270px;}
#advancedDiv { width:664px; height: 570px; display:none; }
#configPanel fieldset { padding:10px; margin-right:20px; margin-bottom:10px; border:#ccc solid 1px; }
#configPanel legend { font-weight:800; background:#fff; }
.toolOptionCss table {width:100%; background-color:#eee;}
.toolOptionCss table tr table {width:auto;}
.toolOptionCss table tr {line-height:2em; border-bottom: 1px solid #ccc;}
.toolOptionCss table tr:last-child {line-height:1.2em;}
.toolOptionCss table tr:first-child {border-top: 1px solid #ccc;}
.toolOptionCss table tr.even td{background-color:#fff; }
.toolOptionCss table tr table tr {border-bottom:none;}
.toolOptionCss table tr table tr:first-child {border-top: none;} 
.toolOptionCss table tr table tr td {width:85px;} 
.toolOptionCss table tr:nth-child(2) table tr td {width:170px;} 
.toolOptionCss table tr:nth-child(4) table tr td:nth-child(2) {width:170px;} 
.toolOptionCss table tr:nth-child(7) table tr td:first-child {width:170px;} 
.toolOptionCss table tr:nth-child(8) table tr td:nth-child(2) {width:170px;} 
.tissueTable table tr td {padding-right:15px;} 
.tissueTable { padding-top:5px;padding-bottom:10px;} 
.qcParaCss table {width:100%; background-color:#eee;}
.qcParaCss table tr table {width:auto;}
.qcParaCss table tr {line-height:2em; border-bottom: 1px solid #ccc;}
.qcParaCss table tr:first-child { border-top: 1px solid #ccc;}
.qcParaCss table tr.even td{background-color:#fff; }
.qcParaCss table tr table tr {border-bottom:none;} 
.qcParaCss table tr table tr:first-child { border-top: none;}
.resultlink {float:right; margin-right:10px;}

#heatmapTb {width:100%}
#heatmapTb tr td:first {width: 550px;}
#heatmapTb tr td img {width:550px;height:550px; padding:10px;}
#heatmapTb tr td textarea {width:350px;height:300px;}
#divHeatmapBtn {width: 98%; text-align: right;}

.con .divSelectDatatype { clear: left; display: block; padding-left: 110px; padding-top: 15px;}
.con .divSelectDatatype:after { display:block; content:'\0020'; clear:both; height:0; }
.con .divSelectDatatype div { padding-bottom: 10px; width: 350px; height: 20px; padding-top: 20px;}
.con .divSelectDatatype div:nth-child(odd) { float: left; }
.con .divSelectDatatype div:nth-child(even) { float: right; margin-right: 100px;}
.con .divSelectDatatype input { vertical-align: top; margin-top: 4px;}
.con .divSelectDatatype label { font-size: 1.2em; }

.div_pink {background-color:#f1cacb;}
.advPathology {display: none;}
.divExpand { border-top:1px solid #ededed; }
.divExpand div { margin-left: 122px; cursor: pointer; width:18px; height:12px; background:url(images/png8.png) no-repeat 0 -192px; }
.divCollapse { border-top:0px; }
.divCollapse div { margin-left: 122px; cursor: pointer; width:18px; height:12px; background:url(images/png8.png) no-repeat 0 -171px; }
.div_pink {background-color:#f1cacb;}
/* Progress Bar CSS */
.CREATE_PATIENT_CASE{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 10% auto;
}
.ADD_PATIENT_DISEASE_INFO{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 20% auto;
}
.SELECT_DISEASE{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 30% auto;
}
.SELECT_METHODOLOGY{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 40% auto;
}
.METHOD_MATERIAL_CHECK{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 50% auto;
}
.UPLOAD_SUCCESS{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 60% auto;
}

.ANALYSISING{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 70% auto;
}
.ANALYSIS_SUCCESS{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 80% auto;
}
.ANALYSIS_FAIL{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 80% auto;
}
.GENERATE_REPORT{
	height: 100%;
    background-image: url('images/ProgressBar.png');
    background-repeat: repeat-y;
    background-size: 100% auto;
}

.ddlAjaxReload {
  width: 240px;
  border-color: grey;
  margin-left: 0px;
  display: inline-block;
  height: 30px;
  border: 1px solid #ccc;
  position: relative;
  background-color: #fff;
  text-align: left;
}
.ddlAjaxReload option{
  display: block;
  padding-left: 5px;
  margin: 0;
  text-decoration: none;
  color: #39485b!important;
  text-align: left;
  height: 30px;
  position: absolute;
  top: 25px;
  left: 0;
  border: 1px solid #ccc;
  background-color: #eee;
 }

.meter {
	height: 10px; /* Can be anything */
	position: relative;
	margin: 1px 0 1px 0; /* Just for demo spacing */
	background: #555;
	-moz-border-radius: 25px;
	-webkit-border-radius: 25px;
	border-radius: 25px;
	padding: 2px;
	-webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	-moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
	box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}

.meter>span {
	display: block;
	height: 100%;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	background-color: rgb(43, 194, 83);
	background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(43,
		194, 83)), color-stop(1, rgb(84, 240, 84)));
	background-image: -moz-linear-gradient(center bottom, rgb(43, 194, 83)
		37%, rgb(84, 240, 84) 69%);
	-webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0
		-2px 6px rgba(0, 0, 0, 0.4);
	-moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px
		6px rgba(0, 0, 0, 0.4);
	box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px
		rgba(0, 0, 0, 0.4);
	position: relative;
	overflow: hidden;
}

.meter>span:after, .animate>span>span {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(255, 255,
		255, .2)), color-stop(.25, transparent), color-stop(.5, transparent),
		color-stop(.5, rgba(255, 255, 255, .2)),
		color-stop(.75, rgba(255, 255, 255, .2)), color-stop(.75, transparent),
		to(transparent));
	background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, .2)
		25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .2) 50%,
		rgba(255, 255, 255, .2) 75%, transparent 75%, transparent);
	z-index: 1;
	-webkit-background-size: 50px 50px;
	-moz-background-size: 50px 50px;
	background-size: 50px 50px;
	-webkit-animation: move 2s linear infinite;
	-moz-animation: move 2s linear infinite;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	overflow: hidden;
}

.animate>span:after {
	display: none;
}

@
-webkit-keyframes move { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
 
50
px
 
50
px
;

		    
}
}
@
-moz-keyframes move { 0% {
	background-position: 0 0;
}

100%
{
background-position
:
 
50
px
 
50
px
;

		    
}
}
.orange>span {
	background-color: #f1a165;
	background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165),
		color-stop(1, #f36d0a));
	background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}

.red>span {
	background-color: #f0a3a3;
	background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3),
		color-stop(1, #f42323));
	background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}

.nostripes>span>span, .nostripes>span:after {
	-webkit-animation: none;
	-moz-animation: none;
	background-image: none;
}
#configPanel .reportBox .reportconfig {width: 100%;}
#configPanel .reportBox .reportconfig tr td {height :25px; text-align: left;}
#reportNsConfigPanel .reportBox .reportconfig {width: 100%;}
#reportNsConfigPanel .reportBox .reportconfig tr td {height :25px; text-align: left;}
#reportDRConfigPanel .reportBox .reportconfig {width: 100%;}
#reportDRConfigPanel .reportBox .reportconfig tr td {height :25px; text-align: left;}

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #333;
	background-color:#808080;
	border-radius:5px;
	padding:10px;
	color:#fff;
	font-size:12px Arial;
	width: 200px;
}