html{height:100%;}
body{ margin:0;padding:0;font-size: 13px; color:#000000;background-color:#fff;height:100%}

div,p,table,span,body,select{font-family: Arial,Verdana,Tahoma,Helvetica;}
html*body,div,p,table,span,select{font-family: Arial,Verdana,Tahoma,Helvetica;}

.hide{display:none;}
.clearboth { clear: both; }
.align_r { text-align: right; }
.align_l { text-align: left; }
.align_c{ text-align: center; }
.valign_t{	vertical-align: top;}
.valign_m{	vertical-align: middle;}
.boldtxt{font-weight:bold;}
.normaltxt{font-weight:normal;}
.greentxt{color:rgb(72,183,107);}
.redtxt{color:rgb(184,84,86);}
.lightgreentxt{color:rgb(176,213,111);}
.fleft{float:left;}
.fright{float:right;}
.pnt_nodisplay{display:none;}
.font14{font-size:14px;}
.big{font-size:23px;}
.uppercase{text-transform:uppercase;}
a { color:rgb(137,20,134); text-decoration: underline; cursor: pointer;}
a:hover { color:rgb(137,20,134);text-decoration:none; }
img{border:0}
.pointer{cursor:pointer;}
.text_break{WORD-WRAP:break-word;}
.margin{margin:0;}
.shell { width: 100%; margin:0px auto;height:100%;}
.msg_container{top:0;left:0;width:100%;background:none transparent;z-index:6;display:none;}
.graybg{ filter:alpha(opacity=60);opacity:.6;background:rgb(178,178,178);width:100%;height:100%;} 
.main{width:980px;margin:0px;background-color:#fff;height:100%;}
.taghide{display:none;}
.rightmargin{margin-right:5px;}
.top{text-align:left;background:#fff;}
.top .logo_left{padding:5px 0 2px 20px;}
.top .head_menu{margin:0;color:rgb(155,155,155);padding-bottom:10px;}
.top .head_menu a{font-size:13px;text-decoration:none;color:rgb(155,155,155);}
.top .head_menu a:hover{text-decoration:underline;}
.top .head_menu span{padding:0 5px}
.top_menu{background:#1C59B5;font-size:13px;line-height:30px;color:#ffffff;padding-right:10px;}
.top_menu .current{background:#5DA6FF;}
.top_menu a{height:30px;padding:0 5px;color:#ffffff;text-decoration:none;display:inline-block;}
.top_menu a:hover{background:rgb(162,143,128);}
.top_menu span{color:rgb(165,140,120);}
.top .brown_bg{background:#A8D5FF;}
.top .orange_bg{background:#5DA6FF;}
.top_title{margin: 0; font-size: 14px; font-weight: bold; text-align: left; padding:2px 15px;background:#fff;}
.menu{text-align:center;line-height:30px;font-size:14px;height:30px;color:#fff;font-weight:bold;background:rgb(133,194,38);}
.menu li{float:left;list-style-type:circle;padding-left:20px;margin-left:20px;}
.menu a {padding:0 22px 0 20px;text-decoration:none;color:#fff;background:url(../images/circle.jpg) no-repeat left;}
.menu a:hover{ text-decoration:underline;}
.menu img{border:none;}
.menu p{margin:0 0 0 0;}

.submenu {margin-top:2px;background:#5DA6FF;border-bottom:1px solid #A8D5FF;}
.submenu a {line-height:20px;padding-left:10px;color:#fff;}
.submenu a:hover{ text-decoration:underline;}

.topbanner{margin-top:5px;}



.container{background:#fff;padding:3px 20px 0 20px;}
.container form{margin:0}
.container .content{margin-top:5px}



.freeContent{padding:2px 5px;text-align:left;}
.freeContent p{margin:0}
.main_img{margin-bottom:4px}



input.readonly { background: #F5F5F5;border:1px solid #ECE9D8}
input.readonlygray { background:#DCDCDC;border-style:inset;}
.hr{width:100%;border:1px dashed rgb(180,180,180);padding:0;margin:10px 0 10px 0;}
.btn {
    color: #333333;
    font-family: Verdana;
    font-size: 13px;
    height: 24px;
	width:80px;	
    cursor:pointer;
	
}
.longbtn{width:170px;}
.inputlongwidth{width:400px;}
.formfield,.formfield  input,.formfield  select,.formfield  textarea{
    color: #333333;
    font-family: Verdana;
    font-size: 12px;    
}


.validation-advice {
    color: Red;
    margin: 0;
    padding: 5px;
   display:none;
}

.midbox{margin-top:90px}
.login {    
    text-align: left;
	}
.login_box{width:544px;height:186px;border: 1px solid #666666;}
.login_box .company_desc{background:#1C59B5;font:normal bold 12px/24px Tahoma;color:#ffffff;padding-left:3px;text-align:left;}
.login_box .login_desc{background:#cccccc;font:normal bold 12px/22px Tahoma;color:#1C59B5;padding-left:3px;text-align:left;}




/*
.order_detail_td td{width:70px; word-wrap:break-word;word-break:keep-all;}
*/
.customer_name{padding-right:5px;}
#customerSearch_field input{margin:0 5px;width:130px;}
#customerSearch_result tr{cursor:pointer;}


.customer_box{}/*height:140px;overflow-y:auto;overflow-x:hidden*/
.customer_box .selected{background:rgb(162,143,128);}
.box-bottomline{border-bottom:1px solid #cccccc;padding-bottom:5px;}

.td_align_t td{vertical-align:top;}
.td_align_t tr.head td{vertical-align:middle}

table.box{margin:5px 0}
table.box .otherBackground td{background:rgb(221,221,221);}
table.box .color1 td{background:#f55;}
table.box .color2 td{background:#ff5;}
table.box .color3 td{background:#5f5;}
.chbox{margin-right:5px;}

input.order_qty,input.bonus_qty,input.price{width:90px}
input.sample_qty{width:120px}

.border_table{
border-left:1px solid rgb(153,153,153);
border-top:1px solid rgb(153,153,153);
border-collpase:collpase; 
}
.border_table td{
border-right:1px solid rgb(153,153,153);
border-bottom:1px solid rgb(153,153,153);
}
.border_table .head td{background:#1C59B5;color:#ffffff;font-weight:bold;text-align:center;height:30px;padding:0;}

.border_table .last td{background:#ff8;}


.provaldata{padding:8px 0;font-weight:bold;}
.provaldata span{padding:0 10px 0 3px;font-weight:normal}

.detailBox{border:1px solid #ccc;padding:10px 2px;margin:5px 10px;text-align:left;}
.detailBox table.box td{border-bottom:none;border-right:none;}
.detailBox table.box .border_table td{border-bottom: 1px solid #999999;border-right: 1px solid #999999;}

#recordremark{display:none;margin-top:10px;}
#recordremark span{padding:0 0 0 5px;}
#recordremark img{margin-left:10px}


#oosListPaging{font-weight:bold;padding:10px 0;margin-left:30px;}
#oosListPaging span,a{margin-left:0px}
#ProductPagination{font-weight:bold;text-align:center;padding:10px 0;}
#ProductPagination a,#oosListPaging a{cursor:pointer;}
#ProductPagination span,#ProductPagination a,#oosListPaging span,#oosListPaging a{padding:0 2px;}
#ProductPagination .prev,#ProductPagination .next,#oosListPaging .prev,#oosListPaging .next{padding:0 10px;}



.footer{color:#fff;;width:100%;font-size:13px;margin-top:5px;}
.footer .footer_content{padding:0 20px;}
.footer a { color:#fff; text-decoration: none; cursor: pointer;font-size:12px;margin-right:10px;}
.footer a:hover { color:rgb(99,99,99); text-decoration: underline; }
.footer p{margin:0 0 5px 0;}

.fixed {position:fixed;} 
*html .fixed{position:absolute; right:16px;} /* [only for ie] "right=16px"是为了显示滚动条,即right最小值为16px */
.msg{width:300px;height:160px;background:#fff;top:50%;left:50%;margin-top:-80px;margin-left:-150px;}
.msg .msg_title{background:rgb(196,161,61);width:300px;height:30px;font-size:16px;font-weight:bold;color:#fff;}
.msg .close{margin:2px 10px 0 0;cursor:pointer;}
.msg .yellow{font-size:15px;color:#1C59B5;font-weight:600;padding:5px 0;}
.msg table.msg_content{width:100%;font-size:13px;margin-top:20px;}
.msg table.msg_content td{vertical-align:top;text-align:center;}
.msg .paddingtop{padding:3px 0 20px 5px;}
.msg .btn{margin:10px;}

@media Print
{

body{background:#fff;}
.top,.top_title,.clearboth,.footer,.btn,.backtolist,#orderList{display: none;}


} 


/* call plan */
.precallplan img.cal{vertical-align: top;cursor:pointer;}
.precallplan table{border-collapse:collapse}
.precallplan table td{padding:5px;border:2px solid #fff;}
.precallplan table.list td {border:1px solid #999;}
.precallplan table tr.tr{display:none;}
#doctorList{width:600px;margin:0px auto;border:2px solid #ddd;display:none;}
#doctorList .d{border:2px solid #fff;background:#C5DEFF;padding:2px 0;cursor:pointer;}
.precallplan textarea.remark{width:300px;height:50px}
.callplan{padding-bottom:10px;}
.callplan table{margin:0px auto;width:90%;border-collapse:collapse}
.callplan .resultGraph  table{width:100%;}
.btn.graphView{width:120px;}
.callplan table td{padding:0;}
.callplan tr.d table{margin:10px auto;}
.callplan tr.d table td {border:none;text-align:left;border:2px solid #fff;}
.callplan table.border_table  td{text-align:center;min-width:15px;}
.callplan table td.s{cursor:pointer;}
.callplan table tr.r td{cursor:pointer;}
.callplan table.pending tr.r td{cursor:auto;}
.callplan .approvalPanel{display:none;padding-top:20px;}
.callplan .pagging .p{padding:0 5px;cursor:pointer;}
.callplan .pagging .p:hover{text-decoration:underline;}
#Calendar {width:100%}
#Calendar .calendar table{width:100%}
#Calendar .calendar table td{height:110px;width:130px;vertical-align:top;background-color:#F0F0F0;}
#Calendar .calendar table td div.td{position:relative;width:100%;}
#Calendar .calendar table td .date{font-weight:bold;z-index:3;}
#Calendar .calendar table td.sun{background-color:#FFEDED;}
#Calendar .calendar table td.sun .date{color:#F00; text-decoration: underline;}
#Calendar .calendar table td.holiday{background-color:#FFEDED;width:30px;}
#Calendar .calendar table td.holiday .date{color:#F00; text-decoration: underline;}
#Calendar .calendar table td.today{border:1px solid black;}
#Calendar .calendar table td.outofMonth .date{color:#CCC;}
#Calendar .calendar table td.head{height: 20px;font-weight: bold; background-color: #323232; text-align: center; color: white;}
#Calendar #details{position:absolute;border:2px solid #000; width:200px;background:#f0f0f0;z-index:2; color: #000;}
#Calendar #details div{color: #000;}
#Calendar .calendar table td div.td div{color:#ddd;}
#Calendar .calendar table td div.td div.color0{background-color:#008299}
#Calendar .calendar table td div.td div.color1{background-color:#2672EC}
#Calendar .calendar table td div.td div.color2{background-color:#8C0095}
#Calendar .calendar table td div.td div.color3{background-color:#5133AB}
#Calendar .calendar table td div.td div.color4{background-color:#AC193D}
#Calendar .calendar table td div.td div.color5{background-color:#D24726}
#Calendar .calendar table td div.td div.color6{background-color:#008A00}
#Calendar .calendar table td div.td div.color7{background-color:#0A5BC4}
#Calendar .calendar table td div.td div.color8{background-color:#00A0B1}
#Calendar .calendar table td div.td div.color9{background-color:#2E8DEF}
#Calendar .calendar table td div.td div.color10{background-color:#A700AE}
#Calendar .calendar table td div.td div.color11{background-color:#643EBF}
#Calendar .calendar table td div.td div.color12{background-color:#BF1E4B}
#Calendar .calendar table td div.td div.color13{background-color:#DC572E}
#Calendar .calendar table td div.td div.color14{background-color:#00A600}
#Calendar .calendar table td div.td div.color15{background-color:#094AB2}

.mainTable{width:80%;margin:0 auto;}
.mainTable td{text-align:center;}
.mainResult table{width:100%;text-align:center;}
.mainResult table tr td{min-width:20px;}
.mainResult table tr td.first{background:#ddd;color:#000;}
.mainResult table tr.head td{background:#1C59B5;color:#fff;}

.haList .salesmanCode{width:50px;}
.haList table.box .blue td{background:rgb(132,112,255);}
.formView table td{border:0;}

.multiBoxGroup {
    padding: 8px;
    overflow: auto;
}
.multiBoxGroup .mbSeparator
{
    float: left;
    padding: 0px;
}
.multiBoxGroup .mbSeparator .mbMultiBox {
    width: 160px;
    box-sizing: border-box;
}
.multiBoxGroup .mbSeparator .mbBtnGroup
{
    float: top;
    margin-top: 50px;
    text-align: center;
    vertical-align: middle;
}
.multiBoxGroup .mbSeparator .mbBtnGroup .mbBtn
{
    float: top;
    padding: 5px;
    text-align: center;
}
.fc_plan_date-calendar .ui-datepicker-calendar {
    display: none;
    }
.report_date-calendar .ui-datepicker-calendar {
    display: none;
    }
.crf
{
    display:none;
}
.jointCallOthers
{
    display:none;
}

.uploadFileContainer .uploadFileClear
{
	display:none;
}
.uploadFileContainer.exist .uploadFile
{
	display:none;
}
.uploadFileContainer.exist .uploadFileClear
{
	display:inline-block;
}