/*Css Reset*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
ol, ul,li { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal; }
/*Css Reset*/
/* */
h2.h2{ font-size:14px; font-weight:bold; line-height:24px}.wl1{  float:left;width:152px}
.wr1{ margin-left:152px}
.wr1-1{margin-right:250px; border-right:1px solid #ddd; padding-right:5px}
.wr2{position:absolute; right:10px; top:80px; width:195px}
.wr2-1{top:148px; right:25px; width:180px}
.wr2-2{top:20px; right:0; width:270px; min-height:}
.w1,.infobox{ margin-right:200px; zoom:1}
input.t,input.w20,input.w75,input.w100,input.w145,input.w175,input.w300{ margin-left:0px; border:1px solid #808080; margin-top:6px; padding:0 3px}
.w20{ width:20px}
.w75{ width:75px}
.w100{ width:110px}
.w145{ width:145px}
.w175{ width:175px}
.w300{ width:300px}
input.check{}
input[readonly="readonly"],input[disabled="disabled"]{border: none;background-color: #fff; color:#000}
textarea.ta{ /*margin-left:-6px;*/ border:1px solid #808080; width:260px; height:60px; font-size:13px; line-height:14px; padding:3px}
textarea.ta1{height:100px}
/* span.radio{ display:inline-block; _margin-top:5px}*/
span.radio input{ vertical-align: middle; margin-right:20px}
span.radio label{ padding-right:5px;}
select{/* margin-left:-6px; vertical-align:middle;*/border:1px solid #808080;margin-top:5px}
.btnSave{ width:350px; text-align:center; line-height:18px; margin:25px 0}
.btnSave span{ display:inline-block; margin:0 10px}
.btnSave a,.btnSave input{background:#D32C47;border:1px solid;border-color:#FFFFFF #6A6A6A #6A6A6A #FFFFFF;color:#FFFFFF;cursor:pointer; display:inline-block;padding:0 30px; font-size:12px; text-decoration:none}
.btnSave input{padding:2px 5px;}
.btnSave .y{ border:1px solid #F9A4B2}
.btnSave .n{ border:1px solid #E2E2E2}
.btnSave .y input{background:#D32C47; color:#FFFFFF;}
.btnSave .n input{background:#E5E5E5; color:#333333;}
.btnSave a:hover{ color:#FFFFFF; text-decoration:none}

.FirstPage{ background-position: left top}
.GeneralData{ background-position: left -40px}
.Taking{ background-position: left -80px}
.checkup{ background-position: left -120px}
.assistantExam{ background-position: left -160px}
.diagnosis{ background-position: left -200px}
.operation{ background-position: left -240px}
.pathology{ background-position: left -280px}
.chemotherapy{ background-position: left -320px}
.radiotherapy{ background-position: left -360px}
.LastPage{ background-position: left -400px}

.tableList,.tablelist{ border-top:1px solid #3B5998; line-height:20px; color:#369; margin-bottom:10px}
.tableList th,.tablelist tr.title td{ background-color:#D8DEEA; margin-bottom:10px; color:#000}
.tableList tr,.tablelist tr{ border-bottom:1px solid #E3E3E3}
.tableList tr:hover,.tablelist tr:hover{ background-color:Lavender}
.tableList td,.tablelist td{ padding:8px 10px}
.bd .edit,.bd .del{ color:#318E00}
.tableList .line{/*background: #FFFFFF url(../@images/bg/bg.gif) repeat-x left -254px;*/ width:17px; height:14px; display:inline-block; text-align:center}

/* */
body{height:100%}
.container{ font-size:12px;min-width:850px; height:100%}
.hd,.hb,.hf,.bd{ clear:both}
.fd{padding:20px 0 40px;text-align:center; font-size:12px; color:#666}
.fd a{ color:#666}
.fd span{color:#DDDDDD;padding:0 6px;}
.hd{ position:relative; height:39px; background:#7178FB url(../@images/bg/bg.gif) repeat-x; overflow:hidden}
.hd li{ float:left; padding-right:18px}
.hd ul li.line{ height:20px; width:1px; background:url(../@images/bg/r_xx13.gif) no-repeat left bottom; padding:0 18px 0 0}
.hd a{ text-decoration:none; color:white; font-size:14px; font-weight:bold;}
.hd .logo{ float:left; text-indent:-9999px; height:39px}
.hd .topnav{ float:left; padding-top:14px; line-height:24px;}
.hd .topnav a{ text-decoration:none; color:white}
.hd .topnav .sj{ display: inline-block; width:20px; text-indent:-9999px; background:url(../@images/bg/bg.gif) no-repeat 0 -250px}
.hd .toptools{ float:right; padding-right:15px; line-height:24px; color:#fff}
.hd .toptools li{ padding:0 10px; line-height:200%}
.hd .toptools .line{ padding:0}
.hd .toptools a{ font-size:12px; font-weight:normal; text-decoration:underline}


.bd a{ color:#0269BF}
.bd-side{}
.bd-side .t{ height:10px; background-color:#7178FB; border-bottom:5px solid #8288FD; margin-bottom:5px}
.bd-side li{ padding-left:47px; line-height:35px; background-image:url(../@images/bg/icon.gif); background-repeat:no-repeat}
.bd-side a{ color:#369; font-size:14px; font-weight:bold; text-decoration:underline}
.bd-side a:hover{ color:#36c}

.bd-main{ padding:0 20px; border:1px solid #ddd; background-color:#FFFFFF;height:auto !important;min-height:600px; height:600px; position:relative}
.bd-main h1.title{ font-weight: bold; font-size:14px; line-height:36px; height:35px; overflow:hidden; padding-left:45px; position:relative; padding-bottom:10px; margin-top:13px; border-bottom:1px solid #D8DFEA; background-image:url(../@images/bg/icon.gif); background-repeat:no-repeat}
.bd-main h1.title a{ position:absolute; right:10px; top:0; font-size:12px; font-weight:normal}
.bd-main .nav{ overflow:hidden; height:30px; padding:20px 0 0; margin-left:5px; margin-bottom:40px; background:url(../@images/bg/bg.gif) repeat-x left -150px}
.bd-main .nav li{ font-size:14px; float:left; padding-left:30px; line-height:30px; background:url(../@images/bg/bg.gif) no-repeat left -70px}
.bd-main .nav a{ padding-right:30px; text-decoration:none; color:#000; display:inline-block; background:url(../@images/bg/bg.gif) no-repeat right -70px}
.bd-main .nav .on{ background-position:left -120px}
.bd-main .nav .on a{ background-position:right -120px}
.bd-main .nav .last{ background-position:-50px -120px;height:30px;padding:0;width:10px;}
.bd-main .nav .new{ background: none; float:right}
.bd-main .nav .new a{ background: none; text-decoration:underline; color:#0269BF; padding:0;font-size: 12px}
ul.form{ font-size:12px; line-height:265%; margin-left:40px; zoom:1 ;background: #FFFFFF url(../@images/bg/dotted.gif) repeat-x left bottom; padding-bottom:1px;}
ul.form li{ background: #FFFFFF url(../@images/bg/dotted.gif) repeat-x left top; padding-top:5px}
/*ul.form li:hover{ background-color:Lavender}*/
ul.form li.d1h{ padding-left:68px}
ul.form li.t .l{ font-weight:bold;}
ul.form li.t .r{color:#369}
ul.form .l{ vertical-align:top; display:inline-block }
span.l{display:inline-block;text-align:right;width:85px; margin-right:10px}
div.r{display:inline-block; margin-top:-32px; margin-left:112px}
span.label{ padding-right:15px}

table.ulTable .l{ width:auto; margin:0}
.ulTable td{ padding-right:20px}

.proson{ font-size:12px; margin-bottom:20px; overflow:hidden;zoom:1}
.proson img{ float:left}
.proson h2{ font-size:14px; font-weight:bold; line-height:24px}
.proson .id{ color:#069; line-height:18px}
.proson .date{ font-style:italic}

.proson div.l{ float:left; padding-top:20px; width:155px}
.proson div.l1{width: 70%}
.proson .avatar{ padding:20px 37px 25px 27px; margin-bottom:10px; margin-left:-5px; background:url(../@images/bg/bg-avatar.gif) no-repeat 0 0}
.proson .img-b{ overflow:hidden; clear:both; padding-left:8px}
.proson .img-b li{ float:left; line-height:20px; width:49%}
.proson .info{ padding-top:10px; line-height:19px}
.proson .info span.l{ width:65px}
.proson .site{ padding-right:10px; text-align:right }
.proson .site a{ padding:3px 10px 3px 20px}

.ulList{ overflow:hidden;zoom:1;}
.ulList ul{ overflow:hidden; padding:10px 0 25px; line-height:25px;zoom:1}
.ulList .msg li{ float:left; width:29%}
.ulList .msg a{ color:#009200}
.hd1{ zoom:1; position:relative; clear:both; line-height:20px; font-size:12px; font-weight:bold; border-top:1px solid #3B5998; border-bottom:1px solid #ccc; background-color:#D8DFEA; padding-left:34px}
.hd1 span.r{ position:absolute; right:0; top:0}
.hd1 a{ float:left; width:26px; height:20px; margin-right:5px; background:url(../@images/bg/bg.gif) no-repeat 0 -298px; text-indent:-9999px; border-bottom:1px solid #ccc}
.hd1 .active{border-bottom-color:#fff}
.hd1 .all{ background-position:0 -298px}
.hd1 .photo{ background-position:-30px -298px}
.hd1 .diary{ background-position:-60px -298px}


.friend li{border-bottom:1px solid #D8DFEA;line-height:20px;padding:0 0 8px 60px; margin-bottom:10px;position:relative;zoom:1}
.friend .icon{ position: absolute}
.friend .date{ position: absolute; right:0}
.friend li.all{ border:none ; text-align:right}
.friend .text{}

.patient{ clear:both; margin-top:15px}
.patient h2{font-size:14px;font-weight:bold;padding-left:25px; padding-bottom:5px}
.patient ul{ border:1px solid #d8dfea; line-height:33px; height:370px; overflow-y:scroll; position:relative}
.patient li{ position:relative; padding-left:15px}
.patient .search{ height:42px; padding-left:18px; padding-top:5px}
.patient .search input{ height:20px}
.patient .r1{ position: absolute; right:25px; width:15px}

.diaryType{ background-color:#f7f7f7; border:1px solid #e3e3e3; line-height:18px}
.diaryType h2{font-size:12px;line-height:32px;padding-left:22px; padding-top:3px}
.diaryType .list a{ text-decoration:none}
.diaryType .list1{ padding:10px 0; border-top:1px solid #e3e3e3}
.diaryType li{ padding-left:40px; line-height:19px}
.diaryType .on a{ color:#000}
.diaryType h3{ font-weight:normal; text-align:right; padding-right:10px; margin-bottom:5px}

.recentList h2{ border-bottom:1px solid #e9e7e7; border-top:1px solid #CFCFCF; background-color:#FFFFE7; line-height:21px; font-weight:bold; padding-left:10px}
.recentList li{ float:left; width:84px; height:100px; text-align:center; line-height:16px; font-size:12px;}
.recentList img{ margin-top:5px; padding:3px 10px 10px; background:url(../@images/bg/bg-avatar.gif) no-repeat 0 -150px}
.recentList a{ display:block;}

/*µ¯³ö¿ò*/
.dialogBoxBG {background-color: Gray;filter: alpha(opacity=50);	opacity: 0.5;}
.dialogBox {background-color : #f5f5f5;border:none;border: 1px solid #B2B2B2; max-width:450px}
.dialogBox .dbd{/* position:absolute; top:30%; left:35%; z-index:9999; width:37%;*/ background:#fff}
.dialogBox h2.title{ position:relative;color:#FFFFFF;font-size:13px;padding:7px 8px 6px;background:#7178FB;border-bottom:1px solid #565656;font-weight:bold; line-height:18px}
.dialogBox h2.title a{ position:absolute; right:5px; top:8px;color:#F6D2D8;font-size:18px; font-weight:bold; text-decoration:none}
.dialogBox .bd{ padding:20px; padding-top:0; background-color:#fff}
.dialogBox ul.form{ margin:0; background:#fff}
.dialogBox ul.form li{ background:none}
.dialogBox li ul{ width:auto !important}
.dialogBox li li{ line-height:18px !important; padding-left:3px !important;}
.dialogBox .tableList{/* border:none; line-height:26px */margin-top:10px;}
.dialogBox td{ color:#000}
.dialogBox td a{ color:#336797}
.dialogBox .save{ margin-top:10px; margin-bottom:5px; width:auto}
.dialogBox .dbg{ position:absolute; top:0; left:0; width:100%; height:130%; z-index:9998; background-color:#CCCCCC;opacity:0.8;filter:alpha(opacity=80)}
.dialogBox .sel{ padding-left:10px; line-height:20px; border-top: 1px solid #eee}
.dialogBox .sel div{ padding-left:25px}
.dialogBox .sel a{ margin-right:10px}
/*µ¯³ö¿òEND*/