legend{ padding:0px 5px 0px 5px ; color:#888; font-weight:bold} #venus_slogan{width: 400px;float: left;font-size: x-large;color: #07a;font-family: Vladimir Script;font-weight: bold;height: 60px; display:none} /*#venus_logo{float:left; cursor:pointer; zoom: .7;margin: 10px;}*/ #dialog-loading-msg{margin-top:-25px;font-weight:bold;width:250px;text-align:center;} #dialog-loading-img{height:35px;width:250px;margin-top:-15px;margin-left:-10px;} #dialog-loading{height:30px;overflow:hidden; } .btn_list{height:40px; margin:2px;} .res_lst{ width:138px;height:38px; background-repeat:repeat-x; background-color:#eee;color:#444; border:1px solid #ddd;text-align:center;font-weight:normal; cursor:pointer;overflow:hidden;margin:1px; padding:0px;font-size:small; float:left}/* background-image:url("../images/rr36.png") ;**/ .res_lst img{ width:38px;height:38px;float:left;cursor:pointer;} .res_lst label{ width:100px;height:20px;float:left;font-size:small;cursor:pointer;} .res_lst div{ width:100px;height:20px;float:left;font-size:small;cursor:pointer;} .hr1{width:420px; background-color:#ccc; float:right ; height:1px; border:0px;} .outer_rounded{margin:5px; border:1px solid #bbb;padding:3px;background:#fff; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .outer_rounded2{margin:5px; border:1px solid #bbb;padding:3px;background:#fff;float:left;width:1000px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .outer_rounded_fotter{border:1px solid #bbb;padding:3px;background:#fff;margin-top:20px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .page-title{font-size:28px ; color:#004; text-align:center;padding:3px;background: #CCC url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x; text-shadow: #aaa 0.1em 0.1em 0.1em;width:1000px;} .outer_rounded #srch {padding:2px;width:630px;height:52px;float:left;background:#eef} .outer_rounded #_title ,.outer_rounded #_code ,.outer_rounded #_search,.outer_rounded #_info, .outer_rounded2 #_title ,.outer_rounded2 #_code ,.outer_rounded2 #_search,.outer_rounded2 #_info, .outer_rounded_DT #_title ,.outer_rounded_DT #_code ,.outer_rounded_DT #_info { margin:2px; font-size:large;color:Gray;} .content{width:720px; padding:3px;margin:8px;float:left} .tb{height: 45px;margin: 2px 5px 2px 5px;padding: 3px;width: 95%;} .tb3{height: 30px;padding: 3px;width: 960px;} /*.tb .btns , .tb3 .btns{margin: 0px 0px 0px 0px!important;height: 33px; width:120px;float:left} .tb #navigation_buttons , .tb3 #navigation_buttons{float:left} .tb #navigation_buttons .btnsS , .tb3 #navigation_buttons .btnsS{height: 33px; width:33px;}*/ .tb div, .tb3 div{margin:1px 8px 1px 8px;float:left} .frm_container{margin: 2px 5px 2px 5px;padding: 3px;width: 1000px;float:left} .frm_container2{margin: 1px 1px 1px 1px;padding: 3px;width: 990px;float:left} .tb_print{width:30px;} /*.tb_dtperiod{width:250px;} .tb_dtperiod label{padding-left:5px;} .tb_dtperiod input{padding-left:3px;}*/ .tb_dtperiodx{width:380px;} .tb_dtperiodx label{padding-left:5px;} .tb_dtperiodx input{padding-left:3px;} .tb2{height:27px;} .tb2 div label{width:145px;} .outer_rounded #_title {width:80px;float:left;color:#999; background:#fff;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded #_code {width:120px;height:40px;float:left;margin:2px;border:1px solid #bbb;} .outer_rounded #_search {width:32px;height:26px;float:left;margin:2px;} .outer_rounded #_info {width:370px;float:left;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded #_img_title {width: 300px; height: 50px; float: right;margin:4px;} .outer_rounded2 #_title {width:80px;float:left;color:#999; background:#fff;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded2 #_code {width:120px;height:40px;float:left;margin:2px;border:1px solid #bbb;} .outer_rounded2 #_search {width:32px;height:26px;float:left;margin:2px;} .outer_rounded2 #_info {width:370px;float:left;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded2 #_img_title {width: 300px; height: 50px; float: right;margin:4px;} ._title ,._code ,._search ,._info ,._img_title {margin:2px; font-size:large;color:Gray;} ._title {width:80px;float:left;color:#999; background:#fff;margin:2px;padding:10px 0px 0px 5px;} ._code {width:120px;height:40px;float:left;margin:2px;border:1px solid #bbb;} ._search {width:32px;height:26px;float:left;margin:2px;} ._info {width:370px;float:left;margin:2px;padding:10px 0px 0px 5px;} ._img_title {width: 300px; height: 50px; float: right;margin:4px;} .outer_rounded_DT{margin:5px; border:1px solid #bbb;padding:3px;background:#fff;width:630px;float:left;height:45px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .outer_rounded_DT #_title {width:80px;float:left;color:#999; background:#fff;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded_DT #_code {width:120px;height:40px;float:left;margin:2px;border:1px solid #bbb;} .outer_rounded_DT #_search{width:32px;height:30px;float:left;margin:2px;} .outer_rounded_DT #_info {width:330px;float:left;margin:2px;padding:10px 0px 0px 5px;} .outer_rounded_DT #_img_title{width: 300px; height: 50px; float: right;margin:4px;} .outer_rounded_BC{margin:5px; border:1px solid #bbb;padding:3px;background:#fff;width:350px;float:left;height:45px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .outer_rounded_BC #_barcodeimg {width:120px; height:40px; float:left;margin:2px;} .outer_rounded_BC #_barcodetxt {width:150px;height:40px;float:left;margin:2px;border:1px solid #bbb;} .outer_rounded_BC #_barcodesrch{width:32px;height:30px;float:left;margin:2px;} .outer_rounded_BC1000{margin:5px; border:1px solid #bbb;padding:3px;background:#fff;width:1000px;float:left;height:45px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px;} .outer_rounded_BC1000 #_barcodeimg {width:120px; height:40px; float:left;margin:2px;} .outer_rounded_BC1000 #_barcodetxt {width:150px;height:40px;float:left;margin:2px;border:1px solid #bbb;} .outer_rounded_BC1000 #_barcodesrch{width:32px;height:30px;float:left;margin:2px;} .msg{margin:5px 10px 5px 10px;font-size:small;display:none;} .msgM{font-size:small;display:none;} /*margin:-20px 10px -5px 10px;*/ .msgM div{height:20px;} .msgTB{font-size:small;display:none;margin-top:0px; width:400px} .msgTB div{height:20px; margin-top:0px!important;} .inline_btn {width:24px;height:24px; margin-left:4px;} .inline_btn2 {width:80px;height:24px; margin-left:4px;} .txt_sss{height:20px;width:40px} .txt_ss{height:20px;width:80px} .txt_s{height:20px;width:100px} .txt_xs{height:20px;width:110px} .txt_m{height:20px;width:150px} .txt_l{height:20px;width:200px} #scftabs-pnfod div{} #scftabs-pnfod div img{ float:left;width:200px; height:200px} #scftabs-pnfod div div {float:left;width:500px} #scftabs-pnfod div div fieldset{ float:left;width:450px;padding:5px; margin:5px} #dialog-show-customform{overflow:hidden} .period_doc_apnt_n{ background-image:url("../images/rr36.png") ;width:130px;height:36px; background-repeat:repeat-x; background-color:#FFF7D7;color:#222; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*NORMAL*/ .period_doc_apnt_c{ background-image:url("../images/cc36.png") ;width:130px;height:36px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small; position:relative;}/*CONFIRMED*/ .period_doc_apnt_f{ background-image:url("../images/ss36.png") ;width:130px;height:36px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*FINISH*/ .period_doc_apnt_m{ background-image:url("../images/mm36.png") ;width:130px;height:36px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*Follow Up*/ .period_doc_apnt_d{ background-image:url("../images/AA36.png") ;width:130px;height:36px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*DELETED*/ .period_doc_apnt_o{ width:130px;height:36px; background-repeat:repeat-x; background-color:#eef;color:#bbb; border:1px solid #eee; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;cursor:url("../images/forbidden.ico"),default;}/*OUT OF SERVICE*/ .period_doc_apnt_ns{ background-image:url("../images/rr36.png") ;width:80px;height:20px; background-repeat:repeat-x; background-color:#FFF7D7;color:#222; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*NORMAL*/ .period_doc_apnt_cs{ background-image:url("../images/cc36.png") ;width:80px;height:20px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*CONFIRMED*/ .period_doc_apnt_fs{ background-image:url("../images/ss36.png") ;width:80px;height:20px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*FINISH*/ .period_doc_apnt_ds{ background-image:url("../images/AA36.png") ;width:80px;height:20px; background-repeat:repeat-x; background-color:#FFF7D7;color:#333; border:1px solid #999; border-spacing:0px;display:table-cell;text-align:center;font-weight:normal; cursor:pointer;display:block;overflow:hidden;margin:0px; padding:0px;font-size:small;}/*FINISH*/ .period_doc_apnt_c:hover .doc-apt-del {opacity:1} .param_div2{padding:2px 3px 2px 0px;height:30px;} .param_div3{padding:2px 3px 2px 0px;height:25px;} .tb_btn_m{margin-left:4px!important;width:120px} .tb_btn_120{margin-left:4px!important;width:120px; float:right} .tb_btn_100{margin-left:4px!important;width:100px; float:right} .tb_btn_temp{margin:1px 2px 0px 0px!important;width:95px; float:right} .tb_btn_req{margin:3px 2px 0px 4px!important;width:120px; float:left} .tb_btn_req2{margin:7px 0px 0px 20px!important;width:120px; float:left} /*width:80px;height:48px;float:left;background: url(../images/srch_64.png) no-repeat center #ddd;margin:2px;border:2px solid #ddd;*/ .cont_srch_img{width: 400; height: 50px; float: right;margin:4px;} .sch_date{height:20px;width:190px;padding:0px;margin:0px;border:0px solid #444;position:relative;margin-right:30px} .sch_date label{height:20px;width:90px;} .sch_date input{height:20px;width:90px;} .msg_err{color:Red;text-align:right} .img_err{width:20px ; height:20px;float:right;} .div_menu{background: url(../images/content/div_menu.jpg) 0 0 repeat; width: 779px;height:25px} .div_menu div{margin-left:25px;float:left;width:300px;} .div_menu div a span{height:25px; width:300px;background-color:#fff;height:25px;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;text-align:center} .div_menu div a span:hover span{width:300px;background-color:#aaa;height:25px;} .div_menu div a:active span{width:300px;background-color:#444;height:25px;} .item{background-color:#fee;width:380px;text-align:left;padding-right:20px;border:2px solid white;padding-left:20px;height:20px} .item label{width:60; float:left;font-family:Tahoma;margin-left:5px;} .item input{width:200px;float:right;margin-left:5px;} .item img{width:20px;float:right;margin-left:5px; } .item_pat{background-color:#fee;width:270px;text-align:left;border:1px solid white;height:25px;float:right;} .item_pat label{width:100px; float:left;font-family:Tahoma;font-weight:bold; margin-left:5px;} .item_pat input{width:120px;float:right;margin-left:5px;} .pat_det{background-color:#fee;width:270px;text-align:left;border:1px solid white;height:20px;float:right;} .item2{background-color:#fee;width:400px;text-align:left;padding-right:20px;border:2px solid white;padding-left:20px;height:20px} .item2 label{width:120; float:left;font-family:Tahoma;margin-left:5px;} .item2 div{width:200px;float:right;margin-left:5px;} .item3{background-color:#fee;width:420px;text-align:left;border:2px solid white;padding-left:20px;height:20px} .item3 div{float:left;width:60px;} .item3 label{width:20; float:left;font-family:Tahoma;margin-left:5px;font-size:small} .item3 input{width:20px;float:left;margin-left:5px;} .item3 input.btn2{width:160px;background-image:url(../images/bgdate.png);float:none;} .hr{height:2px;margin:10px 0px 10px 0px;background-color:#E7E7E7;color:#E7E7E7;border:0px solid #E7E7E7;} .item4{background-color:#fee;width:420px;text-align:left;border-bottom:2px solid white;padding-left:10px;height:20px} .in_div{float:left;width:210px;} .in_div_s{float:left;width:170px;} .in_label{width:80px;float:left;font-family:Tahoma;margin-left:5px;font-size:small;border:0px solid black;} .in_label2{float:left;font-family:Tahoma;margin-left:5px;font-size:small;border:0px solid black;} .in_input{width:80px;float:left;margin-left:5px;} .in_inputID{width:70px;float:left;margin-left:5px;} .in_inputNAME{width:200px;float:left;margin-left:5px;} .in_inputDT{float:none;margin-left:5px;} .in_img{width:20px;float:left;margin-left:5px; } .item4 input.btn2{width:160px;background-image:url(../images/bgdate.png);float:none;} .in_input_refresh2{width:160px;height:20px; background-image:url(../images/refresh.png) 100% 100% ;float:none;border:1px solid #cc9;} .in_input_search{width:160px;height:24px; background:#99f url(../images/search_button20.png) no-repeat top right;border:1px outset #77f;} .in_input_refresh{width:160px;height:24px; background:#99f url(../images/refresh-yellow.png) no-repeat top right;border:1px outset #77f;} .grid-hdr-img{width:20px;height:20px;float:left;margin:2px;} .grid-hdr-img-l{width:40px;height:20px;float:left;margin:1px;} /* IMAGING *********************/ #img_container_outer{} #img_data{height:400px;float:left;background-color:#def;margin:20px 0px 10px 0px;position:absolute;} #img_data_controls{height:390px; width:160px;float:left;background-color:#fff;margin:5px 0px 5px 0px} #img_container{width:930px;margin-left:auto;margin-right:auto;background-color:#def;height:470px; -moz-border-radius:10px 10px 10px 10px;-webkit-border-radius:10px 10px 10px 10px; border-radius: 10px 10px 10px 10px; -webkit-box-shadow:1px 0px 2px 1px #ccc;-moz-box-shadow:1px 0px 2px 1px #ccc;} #img_container_inner{float:left;height:450px;width:750px;background:white;margin:10px;border:1px solid #ccc;overflow:auto} #img_container_inner img{max-height:450px;max-width:750px;display:block; margin-left:auto; margin-right:auto;} #img_list{float:right;width:150px;height:450px;overflow-y:scroll} #img_list div{margin:10px;width:120px; height:120px} #img_list div img{max-width:120px; max-height:120px} #btn_list{height:40px} #btn_list button{width:103px!important; height:40px!important;} #img_btn_exp{ height:400px; width:20px;} .tb_inputs{float:left;width:1000px;} .sp_tb_status{} .sp_tb_status span{padding:0px 8px 0px 8px!important;} .sp_tb_status span img{width:25px;height:25px} .fl{float:left} /* css for timepicker */ .ui-timepicker-div .ui-widget-header { margin-bottom: 8px; } .ui-timepicker-div dl { text-align: left; } .ui-timepicker-div dl dt { height: 25px; margin-bottom: -25px; } .ui-timepicker-div dl dd { margin: 0 10px 10px 65px; } .ui-timepicker-div td { font-size: 90%; } .ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; } #ranges2{width:130px; } #ranges1{width: 150px} #sp_status{width : 260px;} #apt_nav{width:142px;} #apt_view{width:100px;} #apt_dateranges{width:180px;} .fs{padding:10px;} .fs .info{color:#999; padding:3px;margin:3px;} .fs .cdiv{max-height:200px;width:960px;overflow-x:auto} .fs .cdiv label span span{padding:0px;} #pat_type{float:left;border: 1px solid #888;background-color: #FED;padding: 2px;} .ptype{height: 40px;width: 60px;font-size: large;text-align: left;} /*********** form Style ****************/ .frm fieldset{margin: 5px;width: 700px;background-color:#fff; opacity:0.9;filter:alpha(opacity=90);padding-top:10PX;border-top: 5px solid #ccc;} /*rgba(221, 238, 255, 0.88)*/ .frm fieldset fieldset{margin: 2px;width: 690px;} .frm .fsM{margin: 2px;width: 600px;} .frm2 fieldset{margin: 5px;width: 1000px;background-color:#fff; opacity:0.9;filter:alpha(opacity=90);padding-top:10PX;border-top: 5px solid #ccc;} /*rgba(221, 238, 255, 0.88)*/ .frm2 fieldset fieldset{margin: 2px;width: 996px;} .frm2 .fsM{margin: 2px;width: 600px;} .frm3 fieldset{margin: 5px;width: 720px!important;background-color:#fff; opacity:0.9;filter:alpha(opacity=90);padding-top:10PX;border:none!important} .itmMainSrch{float: left;height: 35px!important;background-color:#FFF;width:100%;margin-top:-10PX; -webkit-box-shadow: 4px 4px 0px 0px #aaa;box-shadow: 3px 3px 5px 1px #aaa;} .itmMainSrch label{float: left;width: 120px;height: 25px;font-size: medium;color: #666;margin-left: 10px;display: block;padding-top: 5px;font-weight: bold;} .itmMainSrch .srch{width:120px!important;} .itmMainSrch .desc{width:350px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmMainSrch input[type="image"] {float: left;width: 30px!important;margin: 2px 2px 2px 2px;border:0px!important } .itmMainSrch input[type="text"] {float: left;width: 250px;border: 1px solid #999;height: 30px;} .frm fieldset .itm{float: left;width: 322px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;height:22px!important;} .frm fieldset .itm label{float: left;width: 100px;height: 21px;font-size: small;color: #666;display:block} /*.frm fieldset .itm label span{padding:2px;}*/ .frm fieldset .itm label span{padding:2px;text-align:left; padding-left: 10px!important;} .frm fieldset .itm .checkbox{width:300px!important;margin-top: -1px;} .frm fieldset .itm input[type="text"] {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm fieldset .itm .ctrl {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm fieldset .itm input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important;height:20px!important; } .frm fieldset .itm .srch{width:50px!important;} .frm fieldset .itm .desc{width:146px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .frm fieldset .itm .check {float:left } .frm fieldset .itm .check label{width:120px!important; border:1px solid #aaa;height:20px!important;margin-top: -1px;} .frm fieldset .itm button{height: 25px;margin-top: -4px;width: 200px;} .frm fieldset .itm select{height: 22px;width: 220px;} .frm2 fieldset .itm{float: left;width: 322px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;height:22px!important;} .frm2 fieldset .itm label{float: left;width: 100px;height: 21px;font-size: small;color: #666;display:block} /*.frm2 fieldset .itm label span{padding:2px;}*/ .frm2 fieldset .itm label span{padding:2px;text-align:left; padding-left: 10px!important;} .frm2 fieldset .itm .checkbox{width:300px!important;margin-top: -1px;} .frm2 fieldset .itm input[type="text"] {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm2 fieldset .itm .ctrl {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm2 fieldset .itm input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important;height:20px!important; } .frm2 fieldset .itm .srch{width:50px!important;} .frm2 fieldset .itm .desc{width:146px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .frm2 fieldset .itm .check {float:left } .frm2 fieldset .itm .check label{width:120px!important; border:1px solid #aaa;height:20px!important;margin-top: -1px;} .frm2 fieldset .itm button{height: 25px;margin-top: -4px;width: 200px;} .frm2 fieldset .itm select{height: 22px;width: 220px;} .itmM {float: left;width: 212px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;min-height:22px!important;} .itmM label{float: left;width: 140px!important;height: 21px;font-size: small;color: #666; display:block} .itmM .srch{width:50px!important;} .itmM .desc{width:140px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmM input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important ;height:20px!important;} .itmM input[type="text"] {float: left;width: 70px;border: 1px solid #999;height: 20px;} .itmM2 {float: left;width: 212px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;min-height:22px!important;} .itmM2 label{float: left;width: 80px!important;height: 21px;font-size: small;color: #666; display:block} .itmM2 .srch{width:50px!important;} .itmM2 .desc{width:140px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmM2 input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important ;height:20px!important;} .itmM2 input[type="text"] {float: left;width: 130px;border: 1px solid #999;height: 20px;} .itmL {float: left;width: 650px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;min-height:22px!important;} .itmL label{float: left;width: 100px;height: 21px;font-size: small;color: #666;display:block} .itmL .srch{width:50px!important;} .itmL .desc{width:470px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmL input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important ;height:20px!important;} .itmL input[type="text"] {float: left;width: 220px;border: 1px solid #999;height: 20px;} .itmL .txtAreaL{float: left;width: 550px;border: 1px solid #999;height: 50px;} .itmL-N {float: left;width: 650px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;min-height:22px!important;position:relative} .itmL-N label{float: left;width: 100px;height: 21px;font-size: small;color: #666;display:block;padding-top: 10PX; font-weight:bold} .itmL-N .desc{width:420px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmL-N input[type="text"] {float: left;width: 120px!important;border: 1px solid #999;height: 30px;display:block!important} .itmL-N .txtAreaL{float: left;width: 550px;border: 1px solid #999;height: 50px;} .itmL-N .hor-list-srch-srch{float: left;width: 50px;position: absolute;height: 50px;background: url(../images/trans-dektop.png);background-repeat: no-repeat;background-position-y: -100px;cursor: pointer;left: 320px;zoom: .6;} .itmML {float: left;width: 570px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;min-height: 30px!important;position: relative;} .itmML label{float: left;width: 100px;height: 21px;font-size: small;color: #666;display:block} .itmML .srch{width:50px!important;} .itmML .desc{width:470px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .itmML input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important ;height:20px!important;} .itmML input[type="text"] {float: left;width: 468px;border: 1px solid #999;height: 20px;} .itmML .txtAreaL{float: left;width: 468px;border: 1px solid #999;height: 50px;} .itmXL .txtAreaL{float: left;width: 910px;border: 1px solid #999;height: 60px;} /*.itmBtn {float: left;width: 360px;margin: -10px 0px 1px 0px;min-height:22px!important;padding:0px} .itmBtnM {float: left;width: 600px!important;min-height:22px!important;padding:0px!important;height:30px!important;} .itmBtn button , .itmBtnM button{float: left!important;width: 100px!important;height: 30px!important;margin-left:10px!important;}*/ .frm fieldset .itmF{float: left;width: 322px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;height:22px!important;} .frm fieldset .itmF label{float: left;width: 220px;height: 21px;font-size: small;color: #666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .frm fieldset .itmF label span{padding:2px;text-align:left; padding-left: 10px!important;} .frm fieldset .itmF input[type="text"] {float: left;width: 100px;border: 1px solid #999;height: 20px;} .frm fieldset .itmF .ctrl {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm fieldset .itmF input[type="image"] {float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important;height:20px!important; } .frm fieldset .itmF .srch{width:50px!important;} .frm fieldset .itmF .desc{width:140px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .frm fieldset .itmF .checkbox{width:300px!important;margin-top: -1px;} .frm fieldset .itmF .check {float:left } .frm fieldset .itmF .check label{width:120px!important; border:1px solid #aaa;height:20px!important;margin-top: -1px;} .itmFS{float: left;width: 230px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;height:22px!important;} .itmFS label{float: left;width: 160px;height: 21px;font-size: small;color: #666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .itmFS label span{padding:2px;text-align:left; padding-left: 10px!important;} .itmFS .checkbox{width:300px!important;margin-top: -1px;} .itmFS input[type="text"] {float: left;width: 60px;border: 1px solid #999;height: 20px;} #_DOB{width:168px!important;} #_Age{width:50px!important} .page-srch{margin:5px; border:1px solid #bbb;padding:3px;background:#eee;float:left;width:1000px;} #srchKey {width:300px;height:40px;float:left;margin:2px;border:1px solid #bbb;font-size:medium;color:#ddd;margin-left:0px;float:left;margin-top:1px;} #srchGrps{width:200px;height:40px;float:left;margin:2px;border:1px solid #bbb;} #srchBtn{width:32px;height:29px;float:left;margin:2px;} #srchInsl{width:62px;height:38px;float:left;margin:2px;} #addNew{width:200px;height:40px;float:left;margin:2px;} .grid-btn{height:30px;width:30px;float:left} .grid-btn span{margin:auto;} .grid_option{width:20px;height:20px;margin:1px;} .fs_l{width: 943px!important;float: left;min-height: 71px;} .fs_m{width: 459px!important;float: left;min-height: 71px;} .fs_s{width: 217px!important;float: left;min-height: 71px;} /*Vertical*/ .fs_v_s{ width: 240px; } .fs_v_m{ width: 320px; } .fs_v_s, .fs_v_m{float: left; padding: 2px; margin:2px;height:400px!important; overflow:hidden;} .fs_v_s .srch , .fs_v_m .srch{height:30px;background:#fdf;border-bottom:4px solid #ccc} .fs_v_s .srch .srch-input, .fs_v_m .srch .srch-input{height:25px;float:left;} .fs_v_s .srch .srch-img , .fs_v_m .srch .srch-img{height: 23px;padding: 2px 10px 2px 10px;float:left} .fs_v_s .srch .srch-ins-lbl , .fs_v_m .srch .srch-ins-lbl{height: 27px;float: left;width: 38px;} .fs_v_s .srch .srch-ins-lbl input , .fs_v_m .srch .srch-ins-lbl input{height: 25px;width: 20px;margin: -4px;} .fs_v_s .res , .fs_v_m .res{overflow-x:hidden;overflow-y:auto;float:left} .fs_v_s .res label , .fs_v_m .res label{float:left;width: 100%;text-align:left;margin:1px;} .fs_v_s .res label .ui-button-text , .fs_v_m .res label .ui-button-text{overflow:hidden;} .fs_v_s .res label .ui-button-text , .fs_v_m .res label .ui-button-text .cap{float:left;} .fs_v_s .res label .ui-button-text , .fs_v_m .res label .ui-button-text .gcap{color:#888;} .h-res-100{height:100%;width:100%} .h-res-90{height:90%;width:100%} /*REMOVES JQ STYLE FROM ACCORDION */ .no-rounded-conrner{ -moz-border-radius-topleft: 0px!important; -webkit-border-top-left-radius: 0px!important; -khtml-border-top-left-radius: 0px!important; border-top-left-radius: 0px!important; -moz-border-radius-topright: 0px!important; -webkit-border-top-right-radius: 0px!important; -khtml-border-top-right-radius: 0px!important; border-top-right-radius: 0px!important; -moz-border-radius-bottomleft: 0px!important; -webkit-border-bottom-left-radius: 0px!important; -khtml-border-bottom-left-radius: 0px!important; border-bottom-left-radius: 0px!important; -moz-border-radius-bottomright: 0px!important; -webkit-border-bottom-right-radius: 0px!important; -khtml-border-bottom-right-radius: 0px!important; border-bottom-right-radius: 0px!important; } #CTVALUES{background-color:#fff; border:2px solid #ccc;width:150px;position:absolute;} #CTVALUES div{width:150px; white-space:nowrap; overflow:hidden;height:20px;position:relative;border-bottom:1px solid #def;font-weight:normal;color:#333; padding:1px; margin:1px;text-overflow:ellipsis} #header{ background: #def; border-bottom: 4px solid #aaa; float: left; width: 998px;padding: 0px 12px 0px 12px;} #header .title { font-size:28px ; color:#004; text-align:center;padding:3px;text-shadow: #aaa 0.1em 0.1em 0.1em;width:980px; } /*background: #CCC url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;*/ #header .title #page-title{} #search-box , .search-box { background: white; padding: 0px 0px 0px 9px;float:left} #content{width:1024px; padding:0px;float:left;min-height: 238px;} .ui-tabs-vertical { width: 704px; } .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 150px; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 500px;} #srch-result{width: 290px;float: left;/*height: 495px;*/background-color: White;overflow-y: auto;overflow-x: hidden;height: 100%} #srch-result .itm{width: 285px;float: left;background-color: white;overflow: hidden;border-bottom: 1px solid #DEF; min-height: 30px;height: initial!important; cursor:pointer} #srch-result .itm img{width:18px;float:left;margin:5px 0px 0px 0px;visibility:hidden} #srch-result .itm span{width: 230px;float: left;padding: 2px;/*height: 24px;*/overflow: hidden;font-size: small;color: #666;text-overflow: ellipsis;/*white-space: nowrap;*/margin-top:5px;} #srch-result .itm div{width: 263px;float: left;padding: 2px;height: initial!important;overflow: hidden;font-size: small;color: #666;text-overflow: ellipsis;margin-top: 5px;} #srch-result .selected{background: #E6E6E6 url(../images/ui-bg_glass_75_e6e6e6_1x400.png) 50% 50% repeat-x;color: #000!important;cursor:pointer;} #srch-result .selected img{visibility:visible} /* SEARCH ***************/ #SEARCH{float: right;position: fixed;right:0px;z-index:2010;display:none;/*top: 0px;*/ transition: width .3s , top .3s;-webkit-transition: width .3s , top .3s; } #SEARCH-HEADER{height: 400px;float: left;margin: 0PX;} #SEARCH-HEADER .ui-state-default{border:0px;background: transparent; } #SEARCH-HEADER .ui-state-active{border:0px;background: white; } #SEARCH-HEADER .ui-state-active svg *{fill:#800080!important;} #SEARCH-CONTENT{width: 0px;/*height: 540px;*/background-color: #FFF;float: left;margin:10px 10px 10px 0px; height:90%} #SEARCH-TITLE{border-bottom: 2px solid #999;width: 290px;height: 30px;} #SEARCH-TITLE img{padding:2px;float: left;width:25px;height:25px; cursor:pointer} #SEARCH-TITLE span:last-child{padding:0px!important; height: 15px; color: #09CE11;float:left} #SEARCH-TITLE span:first-child{width: 220px;height: 25px;float: left; padding:5px;font-size:medium;float:left; } #SEARCH-TITLE span:first-child input{width: 150px;height: 21px;float: left; padding-left:5px;font-size:medium;float:left;border:none} .SEARCH-COLLAPSED {overflow:hidden; background-color:#cdcdcd ;top: 94px; height:50px;width: 50px; } .SEARCH-COLLAPSED #SEARCH-HEADER{width: 50px;} .SEARCH-COLLAPSED #SEARCH-CONTENT{display:none ; width:240px;} .SEARCH-COLLAPSED #SRCH-OPEN { background-repeat: no-repeat;background-image: url(../images/search-menu.png)!important;background-position-y: -50px!important;height:50px; width:50px;display:block ;display:block; float:left } /*.SEARCH-COLLAPSED #SEARCH-HEADER:first-child {margin-top:0px }*/ .SEARCH-EXPANDED { overflow:hidden; background-color:#cccccc ; top: 0px; /*height:600px*/ height: 100%; } .SEARCH-EXPANDED #SEARCH-HEADER{width: 50px;margin-top:50px} .SEARCH-EXPANDED #SEARCH-CONTENT{display:none ; width:290px;} .SEARCH-EXPANDED #SRCH-OPEN { display:none} #search-box , .search-box { background: white; padding: 0px 0px 0px 9px;float:left} #content{width:1024px; padding:0px;float:left;min-height: 238px;} .icon {margin: 0px 12px 0px 0px;padding: 4px 4px 0px 0px;display: inline-block;position: relative;top: 3px;float: left;} /*height: 32px;width: 32px;*/ .icon svg {width: 32px;height: 32px;fill:#aaa;} #search-input, .search-input {padding: 9px 0px 4px 0px;font-size: 30px;line-height: 34px;border:0px;float: left; border-bottom:1px solid #999;margin-bottom:1px; } #search-desc ,.search-desc {padding: 4px 4px 4px 4px;font-size: 30px;line-height: 36px;border: 0px;height: 36px;float: left;} #search-group, .search-group{-webkit-appearance: button;background: #fff url(../images/darrow_32.png);background-position: center right;background-repeat: no-repeat;border-bottom:1px solid #999} #search-box .-btn,.search-box .-btn{width:60px;height:45px;float:left;margin:2px;} #search-box .-ins,.search-box .-ins{width:55px;height:43px;float:left;margin:2px;} /*.search-box .-btn span svg circle , .search-box .-ins span svg circle , .search-box .-btn span svg rect , .search-box .-ins span svg rect , .search-box .-btn span svg path , .search-box .-ins span svg path , .search-box .-btn span svg polyline, .search-box .-ins span svg polyline, .search-box .-btn span svg polygon, .search-box .-ins span svg polygon , #search-box .-btn span svg circle , #search-box .-ins span svg circle , #search-box .-btn span svg rect , #search-box .-ins span svg rect , #search-box .-btn span svg path , #search-box .-ins span svg path , #search-box .-btn span svg polyline, #search-box .-ins span svg polyline, #search-box .-btn span svg polygon, #search-box .-ins span svg polygon { opacity:1; margin-left:auto;margin-right:auto;fill:#999!important;}*/ /*.search-box .-btn:hover span svg circle , .search-box .-ins:hover span svg circle , .search-box .-btn:hover span svg rect , .search-box .-ins:hover span svg rect , .search-box .-btn:hover span svg path , .search-box .-ins:hover span svg path , .search-box .-btn:hover span svg polyline, .search-box .-ins:hover span svg polyline, .search-box .-btn:hover span svg polygon, .search-box .-ins:hover span svg polygon, #search-box .-btn:hover span svg circle , #search-box .-ins:hover span svg circle , #search-box .-btn:hover span svg rect , #search-box .-ins:hover span svg rect , #search-box .-btn:hover span svg path , #search-box .-ins:hover span svg path , #search-box .-btn:hover span svg polyline, #search-box .-ins:hover span svg polyline, #search-box .-btn:hover span svg polygon, #search-box .-ins:hover span svg polygon { opacity:1; margin-left:auto;margin-right:auto;fill:#800080!important;}*/ /*.ui-tabs-vertical { width: 704px; } .ui-tabs-vertical .ui-tabs-nav { padding: .2em .1em .2em .2em; float: left; width: 150px; } .ui-tabs-vertical .ui-tabs-nav li { clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; margin: 0 -1px .2em 0; } .ui-tabs-vertical .ui-tabs-nav li a { display:block; } .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; padding-right: .1em; border-right-width: 1px; border-right-width: 1px; } .ui-tabs-vertical .ui-tabs-panel { padding: 1em; float: right; width: 500px;}*/ .search-box{width:950px;background: white;border: solid 1px #acacac;padding: 0px 0px 0px 9px;float: left; border-bottom:0px;height: 34px;} .search-box .icon{ padding: 0px!important;} /*.search-box .icon svg{} .search-box .icon svg * {fill:#def}*/ .search-box .search-code{} .search-box .-lbl{width:150px;font-size: 25px;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;float: left !important;padding-left: 10px !important;} .search-box .search-input{width:150px;padding: 0px 0px 4px 0px!important;font-size: 25px;line-height: 27px!important;color:#aaa;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;} .search-box .-btn{ height: 35px!important; width:35px!important;margin:0px!important; background:transparent; border:0px} /*.search-box .-btn svg *{ opacity:.5}*/ .search-box .-btn span { padding: 2px!important; } .search-box .search-desc{width: 280px;padding: 0px!important;font-size: 22px!important;line-height: 36px;border: 0px;height: 36px;float: left;color:#aaa ;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;} .search-box .search-group{-webkit-appearance: button;background: #fff;border-bottom:1px solid #999;font-size:18px!important;} .search-box #pat-sex ,.search-box #pat-nat{height: 30px;margin-left: 4px;opacity:.5;float:left} .search-box .medium {width:200px!important; } .search-box .small {width:150px!important; } .search-box .big {width:215px!important; border:1px solid #999; margin:0px 10px 0px 0px;} .search-box:hover {width:990px;background: #ffc!important;padding: 0px 0px 0px 9px;float: left; } .search-box:hover .icon{ padding: 0px!important;} /*.search-box:hover .icon svg{} .search-box:hover .icon svg * {fill:#333}*/ .search-box:hover .search-code{} .search-box:hover .search-input{width:150px;padding: 0px 0px 4px 0px!important;line-height: 27px!important;color:#555!important;} .search-box:hover .-btn{ border: 1px solid #999;background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;} .search-box:hover .-btn svg *{ opacity:1} .search-box:hover .-btn span { padding: 2px!important; } .search-box:hover .search-desc{width: 280px;padding: 0px!important;font-size: 22px!important;line-height: 36px;border: 0px;height: 36px;float: left;color:#555!important} .search-box:hover .search-group{-webkit-appearance: button;background: #fff url(../images/darrow_32.png);background-position: center right;background-repeat: no-repeat;border-bottom:1px solid #999;font-size:18px!important;} .search-box:hover #pat-sex ,.search-box #pat-nat{margin-left: 4px;opacity:1} .search-box-active {width:990px;background: #ffc!important;border-bottom: 0PX;padding: 0px 0px 0px 9px;float: left; } .search-box-active .icon{ padding: 0px!important;} /*.search-box-active .icon svg{} .search-box-active .icon svg * {fill:#333}*/ .search-box-active .search-code{} .search-box-active .search-input{width:150px;padding: 0px 0px 4px 0px!important;font-size: 25px;line-height: 27px!important;color:#555!important} .search-box-active .-btn{ border: 1px solid #999;background: #dadada url(images/ui-bg_glass_75_dadada_1x400.png) 50% 50% repeat-x;} .search-box-active .-btn svg *{ opacity:1} .search-box-active .-btn span { padding: 2px!important; } .search-box-active .search-desc{width: 280px;padding: 0px!important;font-size: 22px!important;line-height: 36px;border: 0px;height: 36px;float: left;color:#555!important} .search-box-active .search-group{-webkit-appearance: button;background: #fff url(../images/darrow_32.png);background-position: center right;background-repeat: no-repeat;border-bottom:1px solid #999;font-size:18px!important;} .search-box-active #pat-sex ,.search-box #pat-nat{margin-left: 4px;opacity:1} #tb-menu { width: 1000px;float: left;height: 60px;margin: 0px;background:#CCC url(../images/ui-bg_highlight-soft_75_cccccc_1x100.png) 50% 50% repeat-x} /*-color: #71B1D1;*/ #tb-menu li { list-style:none;float:left;width:50px; margin:1px 30px 1px 3px; padding: 0px 0px 0px 0px;text-align: center;height:60px} #tb-menu li label span {padding:0px; } /*#tb-menu li svg {width: 45px;height: 45px; }*/ /*#tb-menu li svg path, #tb-menu li svg circle , #tb-menu li svg rect { opacity:1; margin-left:auto;margin-right:auto;fill:#555!important;}*/ #tb-menu li:hover { cursor:pointer; } /*#tb-menu li:hover svg path, #tb-menu li:hover svg circle , #tb-menu li:hover svg rect { opacity:1; fill:#d14836!important; }*/ #srchInsCont .ui-state-default {background:transparent; border:0px} /*#srchInsCont .ui-state-default svg {width:60px;height:45px;stroke:#555;stroke-opacity:1;stroke-width:4} #srchInsCont .ui-state-default svg * {fill:none!important;} #srchInsCont .ui-state-active svg * {fill:#555!important;}*/ #srch-result::-webkit-scrollbar {width: 12px;height: 20px;cursor:pointer} #srch-result::-webkit-scrollbar-thumb {background: #1E83AE;cursor:pointer} #srch-result::-webkit-scrollbar-thumb:hover {background: #1D617E;} #srch-result::-webkit-scrollbar-track {background: #fff;cursor:pointer} #srch-result::-webkit-scrollbar-track:hover {background: #AFE0F5;} #master_sfam{position: fixed;bottom: 20px;width: 100%;z-index:2000} #master_actionmenu{position: fixed;bottom: 20px;width: 100%; z-index: 2001;} #actionmenu{ width: 1024px; margin:auto;height:60px; background-color: #1E83AE;border-top: 4px solid #285b70;display:none} #master_msg {position: fixed;bottom: 20px;width: 100%; z-index:2002} #master_load {position: fixed;bottom: 20px;width: 100%; z-index:2003; left:0px} #main_load { width: 100%;margin: auto;background-color: #444;height: 15px;display:none} body{ font-family: "arial" Segoe UI; } @-webkit-keyframes load{ 0% {margin-left:0%;opacity:0;} 15% {opacity: 1} 25% {margin-left:55%;} 50% {margin-left:60%;} 75% {opacity: 1} 80% {margin-left:100%;opacity:0;} } @-webkit-keyframes load2{ 0% {margin-left:-20%;opacity:0;} 15% {opacity: 1} 30% {margin-left:50%;} 55% {margin-left:55%;} 75% {opacity: 1} 90% {margin-left:100%;opacity:0;} } @-webkit-keyframes load3{ 0% {margin-left:-30%;opacity:0;} 15% {opacity: 1} 35% {margin-left:45%;} 60% {margin-left:50%;} 75% {opacity: 1} 100% {margin-left:100%;opacity:0;} } @-webkit-keyframes load4{ 0% {margin-left:-40%;opacity:0;} 15% {opacity: 1} 40% {margin-left:40%;} 65% {margin-left:45%;} 75% {opacity: 1} 100% {margin-left:80%;opacity:0;} } .rolling{ background:#fff; width:10px; height:10px; opacity:0; border-radius: 20px; -webkit-animation: load 3s infinite linear ; } .dadu2{ margin-left:-10px; -webkit-animation: load2 3s infinite linear ; } .dadu3{ margin-left:-10px; -webkit-animation: load3 3s infinite linear ; } .dadu4{ margin-left:-10px; -webkit-animation: load4 3s infinite linear ; } .loading-bar{ width:100%;position: absolute; } #loading{ margin: 0px auto; width: 100%; margin-top:5px; } #loading p{text-align: center} /*#master_foot {position: fixed;bottom: 0px;z-index: 2000; }*/ #master_foot{width:100%;height:20px; background-color: #333!important;color:#b3b3b3!important ; POSITION: fixed;BOTTOM: 0PX; } /*#main_foot { width: 1024px; margin:auto;height:20px;}*/ #main_foot { width: 1024px; height: 100%; /*margin-left: auto;*/ margin-right: auto; } #main_foot .btn{float:right;width:50px;height:20px;border-right:2px;cursor:pointer; background-image: url(../images/c-icons.png);background-repeat: no-repeat; } #c-msgs {background-position-x: -50px;background-position-y: -50px;color: white;padding-left: 25px;width: 25px!important;font-size: medium; } #c-feedback {background-position-x: 0px ;background-position-y: -50px;} #c-help {background-position-x: -100px ;background-position-y: -50px;} #c-info {background-position-x: -200px ;background-position-y: -200px; color:white} #c-info2 {background-position-x: -200px ;background-position-y: -200px; color:white} .copyrigth { font-family: Tahoma; font-size: small; text-align: left; /*width:700px;*/ padding-left: 10px; float: left } .conn-info { font-family: Tahoma; font-size: small; text-align: center; /*width:700px;*/ padding-left: 10px; float: right } /*.actions-menu div { height:50px;width:50px;float:left;color:#fff;font-size:small;text-align:center; background-image: url(../images/beds_ettings_1.png);background-repeat: no-repeat;background-position-y: -50px; margin:10px 10px 0px 10px;} .actions-menu div:hover { background-position-y: 0px;}*/ #seq-menu { width: 1024px; } .sfam .seq-menu{width: 1024px;display:none ; margin:auto} .option-item2 { float:left;height: 600px; background-color:transparent; display:none ;position: relative;top: 0px; width:1200px; } .option-item { float:left;height: 600px; background-color:transparent; display:none ;position: relative;top: 0px; width:200px; } .option-item .sfam-option-item-title{font: bold 14px/70px "Segoe UI";color: #111;padding: 0 0 0 20px;text-transform: uppercase; width:200px; float :left;height:60px;} .option-item .sfam-option-item-content{width:200px;border-right: 1px solid #ccc;height: 450px;overflow:hidden;} .option-item .sfam-option-item-content:hover .sfam-item-scroll { display:block} .option-item .sfam-option-item-content-data{overflow:hidden; float:left;} .option-item .sfam-option-item-content .seq-list{width: 200px;height: 450px;float: left;overflow-x: hidden;overflow-y:auto;padding-inline-start: 0px;} .option-item .sfam-option-item-content .seq-list li{width:197px;float:left;list-style-type: none;font-size: 11px;text-transform: uppercase;color:#ffe; height: 50px; border-left:3px solid rgba(0, 0, 0, 0); position:relative} .option-item .sfam-option-item-content .seq-list li:hover{ background:#38b0e0;cursor:pointer;} .option-item .sfam-option-item-content .seq-list li.selected-option-item { border-left:3px solid #fff; background:#38b0e0 ;border-bottom:1px solid #1E83AE;cursor:pointer;} .option-item .sfam-option-item-content .seq-list li span{float:left;height: 40px;width: 40px;background-image: url(../images/beds_ettings_1.png);background-repeat: no-repeat;background-position-y: -50px;} .option-item .sfam-option-item-content .seq-list li .seq-list-itm-lbl{font-size: 13px;text-transform: uppercase;color:#ffe;margin-top:3px;padding:10px 20px; font-family:Segoe UI Semibold;/*white-space:nowrap;*/text-overflow:ellipsis;overflow:hidden} .selected-option-item { border-left:3px solid #fff; background:#38b0e0 ;border-bottom:1px solid #1E83AE;cursor:pointer;} .missing-req-field{outline: 3px solid #D14836; /*background: white url(../images/athterisk-red-small.png)!important;background-position: center right!important; background-repeat: no-repeat!important;-webkit-appearance: button;background-size: 20px 20px!important;*/} .missing-req-Chars{outline: 3px solid #D14836;} .seq-list-itm-count{position: absolute;right: 20px;z-index: 1000;border-radius: 50px;width: 35px;height: 22px;color:white; text-align: center;top: 8px;background: black;opacity: .8;font: 12px/22px "Segoe UI";} #sfam-close , .sfam-close , #sfam-close-adm, #seq-menu-close, #pharmacy-options-close, #treatment-options-close, #radiology-options-close, #laboratory-options-close, #er-options-close, #cons-options-close {float:right;/*padding: 20px 20px 0 0;*/height: 50px;width: 50px;right: 10px;z-index:2000;position: absolute;cursor:pointer; background-repeat: no-repeat;background-image: url(../images/beds_ettings_1.png);background-position-y: -50px;background-position-x: -250px;} /*used for old sfam*/ #seq-menu-close { } #SEARCH-HEADER label{cursor:pointer; zoom: .9;height: 50px;float: left;width: 52px;margin: 4px;display:block;} #SEARCH-HEADER label span{padding:6px;} #SEARCH-HEADER img {margin-bottom: 60px;visibility:hidden} #SEARCH-HEADER .side-srch{background-repeat: no-repeat;background-image: url(../images/search-menu.png)!important; background-position-y: -48px!important;} #SEARCH-HEADER:first-child{margin-top: 50px;} /*.ss-search {background-position-x: -0px!important;} .ss-history {background-position-x: -300px!important;} .ss-allergy {background-position-x: -400px!important;} .ss-contradiction {background-position-x: -400px!important;} .ss-orders {background-position-x: -450px!important;} .ss-services {background-position-x: -150px!important;}*/ .ss-forms {background-position-x: -548px!important;} .ss-templates {background-position-x: -548px!important;} .ss-listview {background-position-x: -600px!important;} .ss-designview {background-position-x: -650px!important;} .ss-allforms {background-position-x: -700px!important;} #SEARCH-HEADER label.ui-state-active { background-position-y: -100px!important; } #SEARCH-HEADER label:hover { background-position-y: 2px!important; } .search-doctors {background-position-x: -50px!important;} .search-patients{background-position-x: -100px!important;} .search-services{background-position-x: -150px!important;} .search-assistants{background-position-x: -850px!important;} .search-helpers{background-position-x: -900px!important;} .search-accounts {background-position-x: 0px!important;} .search-main-accounts {background-position-x: 0px!important;} .search-specialitites {background-position-x: -50px!important;} .search-categories {background-position-x: -0px!important;} .search-groups {background-position-x: -0px!important;} .search-waiting{background-position-x: -1000px!important;} .icon-srch, .icon-date-from, .icon-date-to, .icon-all-loc, #btn-prnt span, #btn-srch span, #lsrchIns span, #btn-new span, #lsrch-all span, #lsrch-pat span, #lsrch-doc span, #lsrch-ser span, #lsrch2-request span, #lsrch2-appt span, #lsrch2-old span, #post-apt span { padding: 0px;opacity: 1;width: 50px;height: 50px;background:url(../images/trans-dektop.png); background-repeat: no-repeat;background-position-y: -100px;margin: 4px 10px 4px 10px; } #btn-srch span{background-position-x: 0px; zoom:.8} #lsrchIns span{background-position-x: -500px;zoom:.8} #btn-new span{background-position-x: -550px; zoom:.8} #btn-prnt span{background-position-x: -700px; zoom:.8} #lsrch-all span{background-position-x: -250px;} #lsrch-pat span{background-position-x: -100px;} #lsrch-doc span{background-position-x: -50px;} #lsrch-ser span{background-position-x: -150px;} #lsrch2-request span{background-position-x: -450px;} #lsrch2-appt span{background-position-x: -350px;} #lsrch2-old span{background-position-x: -300px;} #post-apt span{background-position-x: -650px;} .icon-srch {background-position-x: -0px; zoom:.8 ;zoom: .7!important;} .icon-date-from {background-position-x: -750px; zoom:.8;zoom: .7!important;} .icon-date-to {background-position-x: -800px; zoom:.8;zoom: .7!important;} .icon-all-loc { background-position-x: -250px; zoom: .8; zoom: .7 !important; } .post-request {padding: 0px;width: 50px;height: 50px;background:url(../images/trans-dektop.png);cursor:pointer; background-repeat: no-repeat;background-position-y: -100px;background-position-x: -600px; zoom:.6; } .post-request:hover {background-position-y: -0px; } #lsrch2-all span, #lsrch2-new span , #lsrch2-conf span , #lsrch2-fin span ,#lsrch2-att span, #lsrch2-post span, #lsrch2-del span, #lsrch2-mis span , #lsrch3-all span , #lsrch3-doc-appt span , #lsrch3-the-appt span { padding: 0px;opacity: 1;width: 50px;height: 50px;background:url(../images/appointment_status.png); background-repeat: no-repeat;background-position-y: -100px;margin: 4px 10px 4px 10px; } #lsrch2-all span{background-position-x: -500px;} #lsrch2-new span{background-position-x: -0px;} #lsrch2-conf span{background-position-x: -50px;} #lsrch2-att span{background-position-x: -200px;} #lsrch2-post span{background-position-x: -250px;} #lsrch2-fin span{background-position-x: -300px;} #lsrch2-del span{background-position-x: -400px;} #lsrch2-mis span{background-position-x: -350px;} #lsrch3-all span{background-position-x: -500px;} #lsrch3-doc-appt span{background-position-x: -550px;} #lsrch3-the-appt span{background-position-x: -600px;} .seq-list-frm-item{margin: 20px 3px 0px 10px;} .seq-list-frm-item label{text-transform: uppercase;font-size: 12px;display: block;margin-bottom: 5px;font-family:Segoe UI Semibold; color:#fff;} .seq-list-frm-item input{border: 1px solid rgba(0, 0, 0, 0);background-color: #FFF;width: 160px;padding: 6px 8px 7px 8px;} .seq-list-frm-item .-desc{border: 1px solid rgba(0, 0, 0, 0);background-color: #def;width: 160px;padding: 6px 8px 7px 8px;display: block;height: 45px; overflow:hidden} .seq-list-frm-item .-radio-2 label {width:90px;float:left} .seq-list-frm-item .-radio-2 label span{width:60px;float:left;height:20px} .seq-list-frm-item .-radio-3 label {width:60px;float:left} .seq-list-frm-item .-radio-3 label span{width:35px;float:left;height:20px} .seq-list-frm-item textarea{border: 1px solid rgba(0, 0, 0, 0);background-color: #FFF;width: 160px;padding: 6px 8px 7px 8px;} .seq-list-frm-item select{border: 1px solid rgba(0, 0, 0, 0);background-color: #FFF;width: 180px;padding: 6px 8px 7px 8px;} .add-button{width:160px; padding:3px; border:1px solid #38b0e0 ; color:white; font-size: 13px;text-transform: uppercase;font-family:Segoe UI Semibold; background-color:transparent; margin:10px 10px;} .add-button span{float:left;height: 25px;width: 25px;background-image: url(../images/beds_ettings_1.png);background-repeat: no-repeat;background-position-y: -25px;background-position-x: -650px;} .add-button:hover{background-color:#285b70} .search-box .search-input2{width:300px;padding: 0px 0px 4px 0px!important;font-size: 25px;line-height: 27px!important;color:#aaa!important;text-overflow:ellipsis;white-space:nowrap; overflow:hidden;height: 26px;} .search-box:hover .search-input2{width:300px;padding: 0px 0px 4px 0px!important;line-height: 27px!important;color:#555!important;} /*.frm fieldset{margin: 5px;width: 700px;background-color:#fff; opacity:0.9;filter:alpha(opacity=90);padding-top:10PX;border-top: 5px solid #ccc;} .frm fieldset fieldset{margin: 2px;width: 690px;} .frm .fsM{margin: 2px;width: 600px;}*/ .frm2 fieldset .itmMM, .frm fieldset .itmMM {float: left;width: 322px;margin: 0px 0px 5px 10px;border-bottom: 1px solid #AAA;height:22px!important;} .frm2 fieldset .itmMM label, .frm fieldset .itmMM label {float: left;width: 150px;height: 21px;font-size: small;color: #666;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .frm2 fieldset .itmMM label span, .frm fieldset .itmMM label span {padding:2px;text-align:left; padding-left: 10px!important;} .frm2 fieldset .itmMM .checkbox, .frm fieldset .itmMM .checkbox {width:300px!important;margin-top: -1px;} .frm2 fieldset .itmMM input[type="text"] , .frm fieldset .itmMM input[type="text"]{float: left;width: 170px;border: 1px solid #999;height: 20px;} .frm2 fieldset .itmMM .ctrl , .frm fieldset .itmMM .ctrl {float: left;width: 220px;border: 1px solid #999;height: 20px;} .frm2 fieldset .itmMM input[type="image"] , .frm fieldset .itmMM input[type="image"]{float: left;width: 20px!important;margin: 0px 2px 2px 2px;border:0px!important;height:20px!important; } .frm2 fieldset .itmMM .srch, .frm fieldset .itmMM .srch {width:50px!important;} .frm2 fieldset .itmMM .desc, .frm fieldset .itmMM .desc {width:140px!important; border-bottom:1px solid #aaa;margin-left:0px!important} .frm2 fieldset .itmMM .check , .frm fieldset .itmMM .check {float:left } .frm2 fieldset .itmMM .check label, .frm fieldset .itmMM .check label {width:120px!important; border:1px solid #aaa;height:20px!important;margin-top: -1px;} /*.sfam .actions-menu {height:50px!important}*/ .actions-menu-left div, .actions-menu-right div, #-btn-instant-l , .-btn-instant-l , #-btn-instant + label , .sfam .actions-menu div, .sfam-act-btn, #-btn-frst , .-btn-frst, #-btn-prev , .-btn-prev, #-btn-next , .-btn-next, #-btn-last , .-btn-last, .-btns {height: 50px;width: 50px;float: left;color: #fff;font-size: small;text-align: center;margin: 5px 20px 0px 12px!important;cursor:pointer;transition:background-position-y .1s;-webkit-transition:background-position-y .1s; background-image: url(../images/action_menu.png)!important;background-repeat: no-repeat;background-position-y: 0px;zoom:.9} #-btn-new , .-btn-new {background-position-x: 0px;margin-right: 100px;} #-btn-open , .-btn-open {background-position-x: -1050px;margin-right: 100px;} #-btn-edit , .-btn-edit {background-position-x: -650px;margin-right: 100px;} #-btn-delete , .-btn-delete {background-position-x: -100px;margin-right: 100px;} #-btn-info , .-btn-info {background-position-x: -200px;margin-right: 100px;} #-btn-image , .-btn-image {background-position-x: -1100px;margin-right: 100px;} #-btn-images-view, .-btn-images-view{background-position-x: -1350px;margin-right: 100px;} #-btn-images-add, .-btn-images-add {background-position-x: -1300px;margin-right: 100px;} #-btn-attachment, .-btn-attachment {background-position-x: -1950px;margin-right: 100px;} #-btn-trans , .-btn-trans {background-position-x: -1400px;margin-right: 100px;} #-btn-save , .-btn-save {background-position-x: -50px;margin-right: 100px;} #-btn-copy , .-btn-copy {background-position-x: -550px;margin-right: 100px;} #-btn-print , .-btn-print {background-position-x: -150px;margin-right: 100px;} #-btn-print-caf , .-btn-print-caf {background-position-x: -700px;margin-right: 100px;} #-btn-print-dose, .-btn-print-dose {background-position-x: -1000px;margin-right: 100px;} #-btn-print-code, .-btn-print-code {background-position-x: -1900px;margin-right: 100px;} #-btn-close , .-btn-close {background-position-x:-800px;margin-right: 100px; float:right!important} #-btn-add , .-btn-add {background-position-x:-1150px;margin-right: 100px; } #-btn-filter , .-btn-filter {background-position-x:-1200px;margin-right: 100px; } #-btn-remove-item, .-btn-remove-item{background-position-x:-1250px;margin-right: 100px; } #-btn-scan , .-btn-scan {background-position-x:-1650px; } #-btn-request , .-btn-request {background-position-x:-1750px; } #-btn-request-auto, .-btn-request-auto{background-position-x:-1800px; } #-btn-upload , .-btn-upload {background-position-x:-1700px;margin-right: 100px; } #-btn-instant-l , .-btn-instant-l {background-position-x:-250px;border: none; } #-btn-history, .-btn-history {background-position-x:-2000px;border: none; } #-btn-collapse , .-btn-collapse {background-position-x:-2050px;border: none; position: fixed;top: 0px;left: 0px;} #-btn-expanded , .-btn-expanded {background-position-x:-2250px;border: none; position: fixed;top: 0px;left: 0px;} #-btn-refresh , .-btn-refresh {background-position-x:-2100px;border: none; position: fixed;top: 60px;left: 0px;} #-btn-crop , .-btn-crop {background-position-x:-2150px;border: none; position: fixed;top: 120px;left: 0px;} #-btn-pad , .-btn-pad {background-position-x:-2200px;border: none; } #-btn-posted , .-btn-posted {background-position-x:-2340px;border: none; } #-btn-not-posted , .-btn-not-posted{background-position-x:-2290px;border: none; } #-btn-post , .-btn-post {background-position-x:-2386px;border: none; } #-btn-dtls , .-btn-dtls {background-position-x:-2432px;border: none; } #-btn-help , .-btn-help {background-position-x:-2475px;border: none; } #-btn-waiting , .-btn-waiting {background-position-x:-2290px;border: none; } #-btn-nphs-discov, .-btn-nphs-discov{background-position-x:-2530px;border: none;} #-btn-print-ucaf {background-position-x: -700px;margin-right: 100px;} #-btn-save-pdf {background-position-x: -900px;margin-right: 100px;} #-btn-print-pdf {background-position-x: -850px;margin-right: 100px;} #-btn-confirm {background-position-x: -950px;margin-right: 100px;} #-btn-cancel {background-position-x: 0px;margin-right: 100px;} #-btn-checkout {background-position-x:-750px;margin-right: 100px;} #-btn-pacs {background-position-x:-1350px;margin-right: 100px;} #-btn-close {background-position-x:-800px;margin-right: 100px; float:right!important} #-btn-instant + label{background-position-x: -250px;margin-right: 100px; background-color:transparent ; border:0px;} #-btn-instant + .ui-state-active{background-position-y: -100px;background-color:white} #-btn-rot-left , .-btn-rot-left {background-position-x:-1450px;margin-right: 100px; float:right!important} #-btn-rot-right , .-btn-rot-right {background-position-x:-1500px;margin-right: 100px; float:right!important} #-btn-flip-hor , .-btn-flip-hor {background-position-x:-1550px;margin-right: 100px; float:right!important} #-btn-flip-ver , .-btn-flip-ver {background-position-x:-1600px;margin-right: 100px; float:right!important} #-btn-frst , .-btn-frst {background-position-x:-300px;margin-right: 100px;float:right} #-btn-prev , .-btn-prev {background-position-x:-350px;margin-right: 100px;float:right } #-btn-next , .-btn-next {background-position-x:-450px;margin-right: 100px;float:right } #-btn-last , .-btn-last {background-position-x:-500px;margin-right: 100px;float:right } #-btn-instant-l.ui-state-active ,#-btn-instant-l.ui-state-hover , .-btn-instant-l.ui-state-active ,.-btn-instant-l.ui-state-hover {background-position-y: -50px;} #-btn-instant + label:hover { background-position-y: -50px ; cursor:pointer} .actions-menu-left div:hover , .actions-menu-right div:hover , .sfam .actions-menu div:hover {background-position-y: -50px;} .insider-srch{width: 50px;position: absolute;height: 50px;background: url(../images/trans-dektop.png);background-repeat: no-repeat; background-position-y: -100px;zoom: .5;cursor: pointer;left: 730px;top: 5px;opacity:.5} .insider-srch:hover { background:#1e83ae url(../images/trans-dektop.png);background-position-y: -50px; opacity:1} .insider-add{width: 50px;position: absolute;height: 50px;background: url(../images/add-1.png);background-repeat: no-repeat; background-position-y: -100px;zoom: .5;cursor: pointer;left: 730px;top: 5px;opacity:.5} .insider-add:hover { background:#1e83ae url(../images/add-1.png);background-position-y: -50px; opacity:1} .insider-date{width: 50px; position: absolute; height: 50px; background: url(../images/durations-dwm.png); background-repeat: no-repeat; background-position-y: -100px; zoom: .5; cursor: pointer; left: 730px; top: 5px; opacity: .5;} .insider-date:hover { background:#1e83ae url(../images/durations-dwm.png);background-position-y: -50px;opacity:1 } .insider-remove{width: 50px;position: absolute;height: 50px;background: url(../images/delete-50.png);background-repeat: no-repeat; background-position-y: -100px;zoom: .5;cursor: pointer;left: 730px;top: 5px;opacity:.5} .insider-remove:hover { background:#1e83ae url(../images/delete-50.png);background-position-y: -50px; opacity:1} .btn-noperms {cursor:default; opacity:.3;} .btn-noperms:hover {cursor:not-allowed!important; opacity:.4;background-position-y: -0px!important;} /*NORMAL ENGLISH*/ .itm_N_EN {position:relative; width:400px;float: left;margin: 2px 10px 0px 10px; height:28px} .itm_N_EN label{width:150px;float: left;font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px; } .itm_N_EN input{width:220px;float: left;font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;} .itm_N_EN input[type=checkbox]{position: absolute;opacity: 0;width: 30px;height: 30px;z-index: 1;margin-left:10px} .itm_N_EN input[type=checkbox] + .check + label{width:300px; line-height:30px; cursor:pointer} .itm_N_EN input[type=checkbox] + .check {width: 25px;height: 25px;background-color: #ffffff;border: 1px #BCBCBC solid;padding: 0;margin: 0 5px 0 0; position: relative;display: inline-block;vertical-align: middle;float:left;margin-left:10px ; cursor:pointer} .itm_N_EN input[type=checkbox] + .check:after {margin: 1px;top: 0;color: #1d1d1d; } .itm_N_EN input[type=checkbox]:checked + .check{border: 2px #BCBCBC solid; width: 23px;height: 23px;} .itm_N_EN input[type=checkbox]:checked + .check:after {position: absolute;font-family: metroSysIcons;font-size: 17pt;line-height: 16pt;content: "\e003";} /*USE flatstyle class instead of itm---*/ .flat-style input[type=checkbox]{position: absolute;opacity: 0;width: 30px;height: 30px;z-index: 1;margin-left:10px} .flat-style input[type=checkbox] + .check + label{width:300px; line-height:30px; cursor:pointer} .flat-style input[type=checkbox] + .check {width: 25px;height: 25px;background-color: #ffffff;border: 1px #BCBCBC solid;padding: 0;margin: 0 5px 0 0;position: relative;display: inline-block;vertical-align: middle;float:left;margin-left:10px ; cursor:pointer} .flat-style input[type=checkbox] + .check:after {margin: 1px;top: 0;color: #1d1d1d; } .flat-style input[type=checkbox]:checked + .check{border: 2px #BCBCBC solid; width: 23px;height: 23px;} .flat-style input[type=checkbox]:checked + .check:after {position: absolute;font-family: metroSysIcons;font-size: 17pt;line-height: 16pt;content: "\e003";} .flat-style input[type=checkbox]:indeterminate + .check{border: 2px #BCBCBC solid; width: 23px;height: 23px;} .flat-style input[type=checkbox]:indeterminate + .check:after {position: absolute;font-family: metroSysIcons;font-size: 17pt;line-height: 16pt;content: "\03a7";} .flat-style input[type=radio]{position: absolute;opacity: 0;width: 30px;height: 30px;z-index: 1;margin-left:10px} .flat-style input[type=radio] + .check + label{width:initial; line-height:30px; float: left;margin-right: 20px;cursor:pointer} .flat-style input[type=radio] + .check {width: 25px;height: 25px;background-color: #ffffff;border: 1px #BCBCBC solid;padding: 0;margin: 0 5px 0 0; position: relative;display: inline-block;vertical-align: middle;float:left;margin-left:10px ;border-radius:50px; cursor:pointer} .flat-style input[type=radio] + .check:after {margin: 1px;top: 0;color: #1d1d1d; } .flat-style input[type=radio]:checked + .check{border: 2px #BCBCBC solid; width: 23px;height: 23px;} .flat-style input[type=radio]:checked + .check:after {position: absolute;font-family: metroSysIcons;font-size: 17pt;line-height: 16pt;content: "" !important;border-radius: 50%; background-color: #1d1d1d;margin: 3.6px;width: 16px;height: 16px;} /**** microsoft style ***/ /*.itm_N_EN input[type=checkbox]{position: absolute;padding: 0 0 0 0;width: 29px;height: 29px;margin: 0 0 0 0;float: left;cursor: default; -webkit-appearance: none;-webkit-border-radius: 0;opacity: 0;} .itm_N_EN input[type=checkbox]+label {display: inline-block;background: url(../images/controls.png) top left no-repeat,url(../images/controls.png) top left no-repeat,url(../images/controls.png) top left no-repeat; height: 19px;line-height: 19px;padding-left: 24px;cursor: default;background-position: left -38px;display: inline;} .itm_N_EN input[type=checkbox]:checked + label {background-position: left 38px,left -114px,left -38px;}*/ /*NORMAL ARABIC*/ .itm_N_AR {position:relative; width:400px;float:left;margin: 2px 10px 0px 10px;} .itm_N_AR label{width:150px;float: right;text-align: right;font: 18px/24px "Segoe UI Light";padding: 0px 10px 0px 0px;} .itm_N_AR input{width:220px;float: right;text-align: right;font: 18px/24px "Segoe UI Light";padding: 0px 10px 0px 0px;} /*BIG ARABIC*/ .itm_B_AR {position:relative; width:430px;float: left;} .itm_B_AR label{ width:400px; float: right;text-align: right;font: 18px/24px "Segoe UI";} .itm_B_AR input{float: right;text-align: center;width: 410px;height: 30px;font: 18px/24px "Segoe UI"!important;padding: 0px 10px 0px 0px;} /*BIG ENGLISH*/ .itm_B_EN {position:relative; width:430px;float: left;} .itm_B_EN label{position:relative; width:400px; float: left;text-align: left;font: 18px/24px "Segoe UI";} .itm_B_EN input{float: left;text-align: left;text-align: center;width: 396px;height: 30px;font: 18px/24px "Segoe UI"!important;padding: 0px 0px 0px 10px;} /*SMALL ENGLISH*/ .itm_S_EN {position:relative; width:400px;float: left;margin: 0px 10px 0px 10px;} .itm_S_EN label{width:150px;float: left;font: 16px/20px "Segoe UI Light";padding: 0px 0px 0px 10px; } .itm_S_EN input{width:220px;float: left;text-align: center;font: 16px/20px "Segoe UI Light";padding: 0px 0px 0px 10px;} /*SMALL ARABIC*/ .itm_S_AR {position:relative; width:400px;float:left;margin: 0px 10px 0px 10px;} .itm_S_AR label{width:150px;float: right;text-align: right;font: 16px/20px "Segoe UI Light";padding: 0px 10px 0px 0px;} .itm_S_AR input{width:220px;float: right;text-align: center;font: 16px/20px "Segoe UI Light";padding: 0px 10px 0px 0px;} /*FULL WIDTH ENGLISH*/ .itm_F_EN {position:relative; width:700px;float: left;margin: 2px 10px 0px 10px;} .itm_F_EN label{width:150px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px; } .itm_F_EN input{width:220px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;} .itm_F_EN textarea{width:660px;float: left;font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;height:40px} .itm_F2_EN {position:relative; width:840px;float: left;margin: 0px 10px 0px 10px;} .itm_F2_EN label{width:150px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px; } .itm_F2_EN input{width:640px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;} .itm_F2_EN textarea{width:660px;float: left;font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;height:40px} .itm_F2_AR {position:relative; width:840px;float: left;margin: 0px 10px 0px 10px;} .itm_F2_AR label{width:150px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px; } .itm_F2_AR input{width:640px;float: left; font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;text-align:center } .itm_F2_AR textarea{width:660px;float: left;font: 18px/24px "Segoe UI Light";padding: 0px 0px 0px 10px;height:40px} .grid-general-srch {background:#f2f2f2; border: 1px solid #ccc;border-bottom: none;width:940px; float:left} .grid-general-srch .itm_F_EN{width: 860px;} .grid-general-srch .-hdr{width: 45px;height:40px;float: left;} .grid-general-srch label{line-height:40px} .grid-general-srch input {width: 636px!important;font: 22px/26px "Segoe UI Light"!important;margin-top: 4px;} .grid-general-srch .insider-srch {left: 1175px!important;zoom: .66!important;margin-top: 2px;} .grid-general-srch + .ui-jqgrid{float:left} .page-general-srch {background:#f2f2f2; border: 1px solid #ccc;border-bottom: 2px solid #ccc;} .page-general-srch .itm_F_EN{width: 900px;} .page-general-srch .-hdr{width: 45px;height:40px;float: left;} .page-general-srch label{line-height:40px} .page-general-srch input {width: 636px!important;font: 26px/38px "Segoe UI Light"!important;margin-top: 4px;} .page-general-srch .insider-srch {left: 962px!important;zoom: .8!important;margin-top: 1px;} #resp-cont .-hdr {width:50px;float:left;min-height:50px;background:#f2f2f2; background-image: url(../images/medicalDetails3-3.png)!important; background-repeat: no-repeat; background-position-y: -100px;border-top: 3px solid #ccc;} .page-general-srch, .page-general-cont, #finance-cont, #description-cont, #payment-cont, #service-cont, #request-cont, #trans-cont, #doctor-cont, #patient-cont, #contact-cont, #company-cont, #remarks-cont, #resp-cont {width:990px;float:left; margin:3px 3px 3px 3px} .page-general-srch .-hdr, .page-general-cont .-hdr, #description-cont .-hdr, #payment-cont .-hdr, #finance-cont .-hdr, #service-cont .-hdr, #request-cont .-hdr, #trans-cont .-hdr, #doctor-cont .-hdr, #marketing-cont .-hdr, #patient-cont .-hdr, #contact-cont .-hdr, #company-cont .-hdr, #remarks-cont .-hdr {width:50px;float:left;min-height:50px;background:#f2f2f2; background-image: url(../images/patient.png)!important; background-repeat: no-repeat; background-position-y: -100px;border-top: 3px solid #ccc;} .page-general-srch .-hdr{ background-position-x: -4000px;border-top: none!important} .page-general-cont .-hdr{ background-position-x: -4000px;} #description-cont .-hdr { background-position-x: -400px;} #payment-cont .-hdr { background-position-x: -400px;} #finance-cont .-hdr { background-position-x: -400px;} #service-cont .-hdr { background-position-x: -350px;} #request-cont .-hdr { background-position-x: -350px;} #trans-cont .-hdr { background-position-x: -300px;} #doctor-cont .-hdr { background-position-x: -250px;} #marketing-cont .-hdr { background-position-x: -100px;} #patient-cont .-hdr { background-position-x: -50px;} #contact-cont .-hdr { background-position-x: -100px;} #company-cont .-hdr { background-position-x: -150px;} #remarks-cont .-hdr { background-position-x: -200px;} #resp-cont .-hdr { background-position-x: -400px;} .page-general-cont .-cont, #description-cont .-cont, #payment-cont .-cont, #finance-cont .-cont, #service-cont .-cont, #request-cont .-cont, #trans-cont .-cont, #doctor-cont .-cont, #patient-cont .-cont, #contact-cont .-cont, #company-cont .-cont, #remarks-cont .-cont, #resp-cont .-cont {width:915px;float:left;min-height:50px;border-top: 3px solid #ccc;} .page-general-tabs{margin: 3px 3px 60px 3px;} .page-general-tabs ul{} .page-general-tabs>ul>li{height:70px} .page-general-tabs>ul>li:first-child {opacity: .7;width: 260px;} .page-general-tabs>ul>li:first-child .itm-main-srch{position: relative;float: left;margin-top: 2px;} .page-general-tabs>ul>li:first-child .itm-main-srch input[type="text"]{height: 50px;width: 250px;font-size: 35px;margin: 8px 0px 0px 4px;} .page-general-tabs>ul>li:first-child .itm-main-srch div{left: 270px;top: 15px;width: 50px;position: absolute;height: 50px;background: url(../images/trans-dektop.png); background-repeat: no-repeat;background-position-y: -100px;zoom: .8;cursor: pointer;} .page-general-tabs>ul>li:first-child .itm-main-srch div:hover { background:#1e83ae url(../images/trans-dektop.png);background-position-y: -50px; opacity:1} .page-general-tabs>ul>li>a {height: 50px;width: 85px;padding: 25px 0px 0px 0px!important;font-size: large;display: block;position: relative;} .page-general-tabs>ul>li>.icon {background-image: url(../images/patient.png)!important;background-repeat: no-repeat;background-position-y: -100px;height: 45px;width: 45px;margin: 10px 0px 0px 0px;background-position-x: 100px;display:none} .page-general-tabs>ul>.ui-state-active {opacity: 1;} .page-general-tabs > ul > li.itms6 {width: 118px;} .page-general-tabs>ul>li.itms5{width: 141px;} .page-general-tabs>ul>li.itms4{width: 144px;} .doc_specs {width:50px;float:left;min-height:50px;background-image: url(../images/specialities.png)!important;background-repeat: no-repeat; background-position-y: 0px;zoom: .5;background-position-x:-3000px ; margin: 25px 0px 0px 0px;} .spec_hdr , .doc_specs_rnd{width: 50px;float: left;min-height: 50px;background: #000 url(../images/specialities.png)!important;background-repeat: no-repeat; background-position-y: -50px!important;zoom: .5;background-position-x: -3000px;margin: 25px 0px 0px 0px;border: 1px solid #000;border-radius: 50px;} .DR {background-position-x: -0px!important; } .TH {background-position-x: -50px!important;} .PT {background-position-x: -50px!important;} .OT {background-position-x: -1150px!important;} .ST {background-position-x: -600px!important;} .DR01 {background-position-x: -1150px!important;} .DR02 {background-position-x: -1150px!important;} .DR03 {background-position-x: -450px!important;} .DR04 {background-position-x: -550px!important;} .DR05 {background-position-x: -650px!important;} .OP {background-position-x: -650px!important;} .SW {background-position-x: -0px!important;} .PY {background-position-x: -550px!important;} .NU {background-position-x: -1200px!important;} .DR06 {background-position-x: -100px!important;} .XR {background-position-x: -700px!important;} .LB {background-position-x: -850px!important;} .DR07 {background-position-x: -1150px!important;} .DI {background-position-x: -150px!important;} .PH {background-position-x: -1100px!important;} .OTHER{background-position-x: -0px!important;} .DNT {background-position-x: -1000px!important;} .DR09 {background-position-x: -950px!important;} .DR10 {background-position-x: -200px!important;} .DR11 {background-position-x: -250px!important;} .DR12 {background-position-x: -300px!important;} .DR13 {background-position-x: -350px!important;} .P {background-position-x: -1100px!important;} .loading_img{ display: block; margin-left: auto; margin-right: auto } .sfam-item-scroll {width: 20px;float: left;overflow-y: scroll;height: 450px;overflow-x: hidden;cursor: pointer;background-color: rgba(0, 0, 0, 0);position: absolute;left: 180px;opacity: .9; display:none} .sfam-item-scroll div{width: 20px;height: 720px;cursor: pointer;background-color: rgba(0, 0, 0, 0);} .sfam-item-scroll::-webkit-scrollbar {width: 20px;height: 20px;cursor:pointer} .sfam-item-scroll::-webkit-scrollbar-thumb {background: #222;cursor:pointer;-moz-border-radius: 15px;border-radius: 15px; opacity:.1} .sfam-item-scroll::-webkit-scrollbar-thumb:hover {opacity:.9} .sfam-item-scroll::-webkit-scrollbar-track {background: rgba(0, 0, 0, 0);cursor:pointer} .sfam-item-scroll::-webkit-scrollbar-track:hover {background: rgba(0, 0, 0, 0);} .Information {width: 30px !important;height: 30px !important;margin-top: 2px;margin-left: 20px;background: white url("../images/info-48.png") no-repeat right top;background-size: contain;border: 1px;} #error-msg{ height: 100px;background: red;z-index: 100000;position: fixed;bottom: 0;width: 1024px;} #sys-msg{} .-system-msg { border: 1px solid; padding: 10px 0px 0px 0px; background-repeat: no-repeat; background-position: 10px center; height: 100px; z-index: 100000; width: 1024px; margin:auto;display:none ;margin-left: auto;margin-right: auto;} .-system-msg .-cont { background-repeat: no-repeat;background-position: 10px center;height: 60px;width: 1024px; margin:auto} .-system-msg div .-msg { height: 50px;width: 900px;float: left;line-height: 55px;font-size: 15px;padding-left: 70px;font-family: Arial, Helvetica, sans-serif; } .-system-msg div .-msg .-remarks { height: 100%;margin-top: 3px;width: 800px;} .-system-msg .-action { width: 200px;float: right; margin-right: 40px; } .-system-msg .-action ul { padding: 8px 0px 0px 0px;} .-system-msg .-action ul li { list-style-type: none;width: 100px;float: left;} .-system-msg .-action ul li button { border: 0;background: transparent;color: white;text-transform: uppercase;font-family: "Segoe UI Semibold";font-size: 11px;margin: 0;padding: 0 4px; } .-system-msg .-action ul li button img { margin-left: 12px;float: right;} .-system-msg .-action ul li button span { line-height: 35px;} #-system-msg-container {margin:auto;width:100%; height:0PX;z-index:2000} .info-msg { color: #00529B; background-color: #00529B; } .info-msg .-cont{ color: #00529B; background-color: #BDE5F8; background-image: url('../images/info-48.png');} .success-msg { color: #4F8A10; background-color: #4F8A10; } .success-msg .-cont{ color: #4F8A10; background-color: #DFF2BF; background-image:url('../images/success-48.png');} .warning-msg { color: #9F6000; background-color: #9F6000; } .warning-msg .-cont{ color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning-48.png');} .confirm-msg { color: #9F6000; background-color: #9F6000; } .confirm-msg .-cont{ color: #9F6000; background-color: #FEEFB3; background-image: url('../images/warning-48.png');} .error-msg { color: #D8000C; background-color: #D8000C; } .error-msg .-cont{ color: #D8000C; background-color: #FFBABA; background-image: url('../images/error-48.png');} .hint-msg { color: #cccc66; background-color: #cccc66; } .hint-msg .-cont{ color: #cccc66; background-color: #ffffcc; background-image: url('../images/hint-48.png');} .help-msg { color: #cccc66; background-color: #cccc66; } .help-msg .-cont{ color: #cccc66; background-color: #ffffcc; background-image: url('../images/help-48.png');} .sub-group-controls {float: left;width: 840px;} .sub-group {width:920px;border:1px solid #ccc;float:left; border-bottom: 2px solid #ccc;margin: 1px 0px 1px -1px;padding: 1px 0px 1px 0px;} #CONTAINER{padding-bottom:20px; position:relative} /* position:relative important for transaction info div */ .MAIN-EXPANDED {width: 977px;padding: 12px 16px 12px 16px;}/* padding: 12px 16px 12px 16px important for transaction and pharmacy and payment for header rows */ .sfam-cont {background: none!important;border: none!important;height:603px; overflow:hidden; padding:10px} .sfam-tabs {background: none!important;border: none!important;height:618px; overflow:hidden} .sfam-tabs .sfam-headers{background: none;border: none;border-bottom: 1px;} /*ul*/ .sfam-tabs .sfam-headers li{border:none!important; margin:0px 0px 0px 10px!important; padding-bottom:0px!important} .sfam-tabs .sfam-headers li.ui-state-default a{/*height:30px;*/ font: 18px/30px "Segoe UI"; } .sfam-tabs .sfam-headers li.ui-state-active a{color: white!important;background:#BB95B8} .sfam-tabs .sfam-tab-panel{height:550px; background:#BB95B8!important;width: 970px;margin:0px 7px 7px 7px;overflow: hidden;} .sfam-tabs .sfam .actions-menu{width:950px!important} .sfam-actions-menu{width: 1000px;height: 50px;float: left;position: absolute;bottom: 20px;} #sfam {position:relative!important; display:none;bottom: 0px;}/*USED FOR MASTER SFAM*/ .sfam{z-index: 2000;width: 1024px;bottom: 20px;border: 1px solid #fff;border-bottom: none;position: fixed;left: 50%;margin-left: -512px;} .sfam .actions-menu{height: 60px;width: 1024px;margin: auto;} .sfam .actions-menu-left {width: 60px; float:left} .sfam .actions-menu-right{width: 60px;float:left} @font-face { font-family: 'metroSysIcons'; src: url('../fonts/metroSysIcons.woff') format('woff'), url('../fonts/metroSysIcons.ttf') format('truetype'), url('../fonts/metroSysIcons.svg#metroSysIcons') format('svg'); font-weight: normal; font-style: normal; } .tabs-warning{position: absolute;background: #99cc33 ;margin: 3px;opacity: .9;padding: 3px;font: bold 14px Arial;-webkit-animation: myfirst 0.4s linear 0.1s 10 alternate; animation: myfirst 0.4s linear 0.1s 10 alternate;color: white!important; font-weight: bold;right: 0px;border-radius: 50px;} .tabs-warning:empty { display: none;} .print-options { width: 100px;height: 110px;background-color: purple;float: left;margin: 40px 0px 50px 100px;text-align: center; cursor: pointer;} .print-options .print-options-content { vertical-align: bottom !important;color: white; margin-top: 60px;margin-right: auto;margin-left: auto;text-align: center; width: 100%; } .adding-service-togrid-md{ border: 3px solid #AAA;background: #def;width: 970px;float: left;margin-top: 10px;} /* HINT */ .tooltip{ display: inline; position: relative; font: 18px/24px "Segoe UI Light";} .tooltip:hover:after{ background: #333; background: rgba(0,0,0,.8); border-radius: 5px; bottom: 26px; color: #fff; content: attr(title); left: 20%; padding: 5px 15px; position: absolute; z-index: 98; width: 220px;} .tooltip:hover:before{ border: solid; border-color: #333 transparent; border-width: 6px 6px 0 6px; bottom: 20px; content: ""; left: 50%; position: absolute; z-index: 99;} .hidden {display:none} .itm_N_EN select { width: 230px; float: left; font: 18px/24px "Segoe UI Light"; padding: 0px 0px 0px 10px; } /* mPopup box style */ .mpopup { display: none; position: fixed; z-index: 1; padding-top: 100px; left: 0; top: 0; width: 100%; height: 100%; overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.4); } .mpopup-content { position: relative; background-color: #fefefe; margin: auto; padding: 1; width: 40%; box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19); -webkit-animation-name: animatetop; -webkit-animation-duration: 0.4s; animation-name: animatetop; animation-duration: 0.4s } .mpopup-head { padding: 2px 16px; background-color: #f7ab34; color: white; } .mpopup-main {padding: 2px 16px;} .mpopup-foot { padding: 2px 16px; color: #f7ab34; } /* add animation effects */ @-webkit-keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } @keyframes animatetop { from {top:-300px; opacity:0} to {top:0; opacity:1} } /* close button style */ .close-popup { color: white; float: right; font-size: 28px; font-weight: bold; } .close-popup:hover, .close-popup:focus { color: #000; text-decoration: none; cursor: pointer; } .myButton { background-color: #337ab7; -moz-border-radius: 28px; -webkit-border-radius: 28px; border-radius: 28px; border: 1px solid #2e6da4; display: inline-block; cursor: pointer; color: #ffffff; font-family: Arial; font-size: 17px; padding: 16px 31px; text-decoration: none; text-shadow: 0px 1px 0px #2f6627; } .myButton:hover { background-color: #5cbf2a; } .myButton:active { position: relative; top: 1px; } #war-mrq {color: white;float: left;font-size: large;width: 385px;margin-left: 120px;margin-top: 10px}