html{width:100%; height:100%;} body{ background-color:#fff;font-size:75%; font-family:Verdana,Tahoma,Arial,"Helvetica Neue",Helvetica,Sans-Serif; color:#333; line-height:1.5em; width:100%;height:100%;overflow:auto;} a:link{color:#3A7113;text-decoration:none} a:visited{color:#3A7113; text-decoration:none} a:hover{color:#de6e1b; text-decoration:underline} a:active{color:#3A7113} p{ margin-bottom:20px; margin-top:20px; line-height:1.6em} /* HEADINGS----------------------------------------------------------*/ h1, h2, h3, h4, h5, h6{font-size:1.5em; color:#000} h1{font-size:2em; padding-bottom:0; margin-bottom:0} h2{padding:0 0 10px 0;} h3{font-size:1.2em} h4{font-size:1.1em} h5, h6{font-size:1em} table{ font-size:12px;} /* MISC----------------------------------------------------------*/ .clear{ clear:both} .error{ color:Red} .wrap{padding:1em;margin:0 1em;} .gray{color:#999;} .asterisk {color: red; font-size: 12px;} input.error { border: 1px dotted red; } .textBox{border:1px solid #e0e0e0;} .password{border:1px solid #e0e0e0;} .text-area{border:1px solid #e0e0e0;} /* PRIMARY LAYOUT ELEMENTS----------------------------------------------------------*/ #mainTable{height: 100%;background:#fff;width:100%;} #Header, #Header td{background-color:#3f6317; color:#ccc; height:18px;width:100%;} #headContainer, #headContainer td{background-color:#3f6317;height:75px;color:#fff;margin:0;padding:0;} #PageContent{height:100%;vertical-align:top;} #leftTD{background-color:#3f6317;width:220px;position:relative;vertical-align:top;color:#fff;} #rightTD{vertical-align:top;} #Footer{ border-top:1px solid #ededed} #version{ position:absolute;right:1em;} #version p{margin:0;padding:0; float:left;height:30px; line-height:33px; color:#fff;} /* Header - Branding and Login ***************************************************************/ .changeCulture{float:right; display:inline-block; margin:0; padding:0;border:0;} .changeCulture select, #Userbar select{margin:0; padding:0; border:0;width:150px;} .message-link{background-color:#FE6600;padding: 1px 0;font-style: normal;font-weight: bold;font-size: 12px;line-height: 12px;height: 13px;display: inline-block;-webkit-text-size-adjust: none;} #hLink{background-color:#FE6600;margin: 0 -1px;display: inline-block;height: 13px;padding: 0 3px;_position: relative;left: -1px;} #SiteLogo{font-size:1.385em; display:block; width:220px; height:65px;} #SiteLogo img{width:220px; height:66px; border:0;} #SiteLogo a, #SiteLogo a:visited, #SiteLogo a:active{ float:left; line-height:2.6em; position:relative} #headStudyName{float:left; } #headInfoBar{color:#b7b7b7;} #headInfoBar a:link{ color:#fff;} #headInfoBar a:visited{color:#fff} #headInfoBar a:hover{color:#ccc; text-decoration:underline} #headInfoBar a:active{color:#f5f6fa;} #Misc{ color:#dbdbdb; position:absolute; display:block; right:0;margin-top:1px;} #Userbar{ position:absolute; right:0px; float:right;top:0;} #Userbar form{ display:inline} #Userbar ul li{ margin:0 0 0 15px; float:left;} #Userbar p{margin:0; padding:0} #Userbar .message-tip{ vertical-align:middle;} /*HeadNav***************************************************************/ #headNav{margin-bottom: 10px; clear:both;} #headNav .nav {color:#fff; } #headNav .nav li {float: left; text-align:left; text-align:center; margin-right:1.5em; display:block;} #headNav .nav li a {background: url("images/btn_header_nav.png") no-repeat;display: block;height: 46px;position: relative;width: 60px; text-decoration:none;} #headNav .nav li a.report {background-position: 0 0;} #headNav .nav li a.report:hover {background-position: -58px 0;} #headNav .nav li a.report:active, #headNav .nav li.selected a.report {background-position: -116px 0;} #headNav .nav li a.admin {background-position: 0 -54px;} #headNav .nav li a.admin:hover {background-position: -58px -54px;} #headNav .nav li a.admin:active, #headNav .nav li.selected a.admin {background-position: -116px -54px;} #headNav .nav li a.patient {background-position: 0 -216px;} #headNav .nav li a.patient:hover {background-position: -58px -216px;} #headNav .nav li a.patient:active, #headNav .nav li.selected a.patient {background-position: -116px -216px;} #headNav .nav li a.qiye {background-position: 0 -162px;} #headNav .nav li a.qiye:hover {background-position: -58px -162px;} #headNav .nav li a.qiye:active, #headNav .nav li.selected a.qiye {background-position: -116px -162px;} #headNav .nav li a.wuzi {background-position: 0 -108px;} #headNav .nav li a.wuzi:hover {background-position: -58px -108px;} #headNav .nav li a.wuzi:active, #headNav .nav li.selected a.wuzi {background-position: -116px -108px;} #headNav .nav li a.neibu {background-position: 0 -270px;} #headNav .nav li a.neibu:hover {background-position: -58px -270px;} #headNav .nav li a.neibu:active, #headNav .nav li.selected a.neibu {background-position: -116px -270px;} #headNav .nav li a.home {background-position: 0 -324px;} #headNav .nav li a.home:hover {background-position: -58px -324px;} #headNav .nav li a.home:active, #headNav .nav li.selected a.home {background-position: -116px -324px;} #headNav .nav li a.export {background-position: 0 -377px;} #headNav .nav li a.export:hover {background-position: -58px -377px;} #headNav .nav li a.export:active, #headNav .nav li.selected a.export {background-position: -116px -377px;} #headNav .nav li a.dashBord {background-position: 0 -432px;} #headNav .nav li a.dashBord:hover {background-position: -58px -432px;} #headNav .nav li a.dashBord:active, #headNav .nav li.selected a.dashBord {background-position: -116px -432px;} #headNav .nav li a.jiancejg {background-position: 0 -485px;} #headNav .nav li a.jiancejg:hover {background-position: -58px -485px;} #headNav .nav li a.jiancejg:active, #headNav .nav li.selected a.jiancejg {background-position: -116px -485px;} #headNav .nav li a.jiance {background-position: 0 -884px;} #headNav .nav li a.jiance:hover {background-position: -58px -884px;} #headNav .nav li a.jiance:active, #headNav .nav li.selected a.jiance {background-position: -116px -884px;} #headNav .nav li a.xingzhengjk {background-position: 0 -431px;} #headNav .nav li a.xingzhengjk:hover {background-position: -58px -431px;} #headNav .nav li a.xingzhengjk:active, #headNav .nav li.selected a.xingzhengjk {background-position: -116px -431px;} #headNav .nav li a.tourupingjg {background-position: 0 -586px;} #headNav .nav li a.tourupingjg:hover {background-position: -58px -586px;} #headNav .nav li a.tourupingjg:active, #headNav .nav li.selected a.tourupingjg {background-position: -116px -586px;} #headNav .nav li a.query {background-position: 0 -635px;} #headNav .nav li a.query:hover {background-position: -58px -635px;} #headNav .nav li a.query:active, #headNav .nav li.selected a.query {background-position: -116px -635px;} #headNav .nav li a.map {background-position: 0 -730px;} #headNav .nav li a.map:hover {background-position: -58px -730px;} #headNav .nav li a.map:active, #headNav .nav li.selected a.map {background-position: -116px -730px;} #headNav .nav li a.enroll {background-position: 0 -682px;} #headNav .nav li a.enroll:hover {background-position: -58px -682px;} #headNav .nav li a.enroll:active, #headNav .nav li.selected a.enroll {background-position: -116px -682px;} #headNav .nav li a.tag {background-position: 0 -780px;} #headNav .nav li a.tag:hover {background-position: -58px -780px;} #headNav .nav li a.tag:active, #headNav .nav li.selected a.tag {background-position: -116px -780px;} #headNav .nav li a.neishen {background-position: 0 -830px;} #headNav .nav li a.neishen:hover {background-position: -58px -830px;} #headNav .nav li a.neishen:active, #headNav .nav li.selected a.neishen {background-position: -116px -830px;} #headNav .nav li a.waishen {background-position: 0 -985px;} #headNav .nav li a.waishen:hover {background-position: -58px -985px;} #headNav .nav li a.waishen:active, #headNav .nav li.selected a.waishen {background-position: -116px -985px;} #headNav .nav li a.chaxun {background-position: 0 -937px;} #headNav .nav li a.chaxun:hover {background-position: -58px -937px;} #headNav .nav li a.chaxun:active, #headNav .nav li.selected a.chaxun {background-position: -116px -937px;} #headNav .nav li a.tjneishen {background-position: 0 -1031px;} #headNav .nav li a.tjneishen:hover {background-position: -58px -1031px;} #headNav .nav li a.tjneishen:active, #headNav .nav li.selected a.tjneishen {background-position: -116px -1031px;} #headNav .nav li a.tourupin {background-position: 0 -1077px;} #headNav .nav li a.tourupin:hover {background-position: -58px -1077px;} #headNav .nav li a.tourupin:active, #headNav .nav li.selected a.tourupin {background-position: -116px -1077px;} #headNav .nav li a.tags {background-position: 0 -1127px;} #headNav .nav li a.tags:hover {background-position: -58px -1127px;} #headNav .nav li a.tags:active, #headNav .nav li.selected a.tags {background-position: -116px -1127px;} #headNav .nav li a.shenfenma {background-position: 0 -1176px;} #headNav .nav li a.shenfenma:hover {background-position: -58px -1176px;} #headNav .nav li a.shenfenma:active, #headNav .nav li.selected a.shenfenma {background-position: -116px -1176px;} #headNav .nav li a.xszgl {background-position: 0 -1225px;} #headNav .nav li a.xszgl:hover {background-position: -58px -1225px;} #headNav .nav li a.xszgl:active, #headNav .nav li.selected a.xszgl {background-position: -116px -1225px;} #headNav .nav li a.organization {background-position: 0 -1176px;} #headNav .nav li a.organization:hover {background-position: -58px -1176px;} #headNav .nav li a.organization:active, #headNav .nav li.selected a.organization {background-position: -116px -1176px;} #headNav .nav li a.quickadd {background-position: 0 -1275px;} #headNav .nav li a.quickadd:hover {background-position: -58px -1275px;} #headNav .nav li a.quickadd:active, #headNav .nav li.selected a.quickadd {background-position: -116px -1275px;} #headNav .nav li a.jianceguanli {background-position: 0 -1323px;} #headNav .nav li a.jianceguanli:hover {background-position: -58px -1323px;} #headNav .nav li a.jianceguanli:active, #headNav .nav li.selected a.jianceguanli {background-position: -116px -1323px;} #headNav .nav li a.prewarn-rule {background-position: 0 -1416px;} #headNav .nav li a.prewarn-rule:hover {background-position: -58px -1416px;} #headNav .nav li a.prewarn-rule:active, #headNav .nav li.selected a.prewarn-rule {background-position: -116px -1416px;} #headNav .nav li a.prewarn-index {background-position: 0 -1370px;} #headNav .nav li a.prewarn-index:hover {background-position: -58px -1370px;} #headNav .nav li a.prewarn-index:active, #headNav .nav li.selected a.prewarn-index {background-position: -116px -1370px;} #headNav .nav li a.authenApplyIndex {background-position: 0 -1464px;} #headNav .nav li a.authenApplyIndex:hover {background-position: -58px -1464px;} #headNav .nav li a.authenApplyIndex:active, #headNav .nav li.selected a.authenApplyIndex {background-position: -116px -1464px;} #headNav .nav li a.CreateAuthenAppy {background-position: 0 -1509px;} #headNav .nav li a.CreateAuthenAppy:hover {background-position: -58px -1509px;} #headNav .nav li a.CreateAuthenAppy:active, #headNav .nav li.selected a.CreateAuthenAppy {background-position: -116px -1509px;} #headNav .nav li a.authenApplyAudit {background-position: 0 -1559px;} #headNav .nav li a.authenApplyAudit:hover {background-position: -58px -1559px;} #headNav .nav li a.authenApplyAudit:active, #headNav .nav li.selected a.authenApplyAudit {background-position: -116px -1559px;} #headNav .nav li a.authenApplyManagerIndex {background-position: 0 -1608px;} #headNav .nav li a.authenApplyManagerIndex:hover {background-position: -58px -1608px;} #headNav .nav li a.authenApplyManagerIndex:active, #headNav .nav li.selected a.authenApplyManagerIndex {background-position: -116px -1608px;} #headNav .nav li a.authenquery {background-position: 0 -1656px;} #headNav .nav li a.authenquery:hover {background-position: -57px -1656px;} #headNav .nav li a.authenquery:active, #headNav .nav li.selected a.authenquery {background-position: -116px -1656px;} #headNav .nav li a.zhaohui {background-position: 0 -1705px;} #headNav .nav li a.zhaohui:hover {background-position: -58px -1705px;} #headNav .nav li a.zhaohui:active, #headNav .nav li.selected a.zhaohui {background-position: -116px -1705px;} #headNav .nav li a.zhifa {background-position: 0 -1753px;} #headNav .nav li a.zhifa:hover {background-position: -58px -1753px;} #headNav .nav li a.zhifa:active, #headNav .nav li.selected a.zhifa {background-position: -116px -1753px;} #headNav .nav li a.hetong {background-position: 0 -1801px;} #headNav .nav li a.hetong:hover {background-position: -58px -1801px;} #headNav .nav li a.hetong:active, #headNav .nav li.selected a.hetong {background-position: -116px -1801px;} #headNav .nav li a.zyps {background-position: 0 -1954px;} #headNav .nav li a.zyps:hover {background-position: -58px -1954px;} #headNav .nav li a.zyps:active, #headNav .nav li.selected a.zyps {background-position: -116px -1954px;} #headNav .nav li a.tjzyps {background-position: 0 -1853px;} #headNav .nav li a.tjzyps:hover {background-position: -58px -1853px;} #headNav .nav li a.tjzyps:active, #headNav .nav li.selected a.tjzyps {background-position: -116px -1853px;} #headNav .nav li a.zhps {background-position: 0 -2004px;} #headNav .nav li a.zhps:hover {background-position: -58px -2004px;} #headNav .nav li a.zhps:active, #headNav .nav li.selected a.zhps {background-position: -116px -2004px;} #headNav .nav li a.tjzhps {background-position: 0 -1902px;} #headNav .nav li a.tjzhps:hover {background-position: -58px -1902px;} #headNav .nav li a.tjzhps:active, #headNav .nav li.selected a.tjzhps {background-position: -116px -1902px;} #headNav .nav li a.zhenggai {background-position: 0 -2054px;} #headNav .nav li a.zhenggai:hover {background-position: -58px -2054px;} #headNav .nav li a.zhenggai:active, #headNav .nav li.selected a.zhenggai {background-position: -116px -2054px;} #headNav .nav li a.shtj {background-position: 0 -2104px;} #headNav .nav li a.shtj:hover {background-position: -58px -2104px;} #headNav .nav li a.shtj:active, #headNav .nav li.selected a.shtj {background-position: -116px -2104px;} #headNav .nav li a.cpzs {background-position: 0 -2159px;} #headNav .nav li a.cpzs:hover {background-position: -58px -2159px;} #headNav .nav li a.cpzs:active, #headNav .nav li.selected a.cpzs {background-position: -116px -2159px;} #headNav .nav li a.wdzx {background-position: 0 -2330px;} #headNav .nav li a.wdzx:hover {background-position: -58px -2330px;} #headNav .nav li a.wdzx:active, #headNav .nav li.selected a.wdzx {background-position: -116px -2330px;} #headNav .nav li a.authenmanagerindex{background-position: 0 -2222px;} #headNav .nav li a.authenmanagerindex:hover {background-position: -58px -2222px;} #headNav .nav li a.authenmanagerindex:active, #headNav .nav li.selected a.authenmanagerindex{background-position: -116px -2222px;} #headNav .nav li a.authenmanagerenquery {background-position: 0 -2273px;} #headNav .nav li a.authenmanagerenquery:hover {background-position: -58px -2273px;} #headNav .nav li a.authenmanagerenquery:active, #headNav .nav li.selected a.authenmanagerenquery{background-position: -116px -2273px;} #headNav .nav li a.jgjcxx {background-position: 0 -2388px;} #headNav .nav li a.jgjcxx:hover {background-position: -58px -2388px;} #headNav .nav li a.jgjcxx:active, #headNav .nav li.selected a.jgjcxx{background-position: -116px -2388px;} #headNav .nav li a.jghjjc {background-position: 0 -2440px;} #headNav .nav li a.jghjjc:hover {background-position: -58px -2440px;} #headNav .nav li a.jghjjc:active, #headNav .nav li.selected a.jghjjc{background-position: -116px -2440px;} #headNav .nav li a.icon-basecoord {background-position: 0 -2440px;} #headNav .nav li a.icon-basecoord:hover {background-position: -58px -2440px;} #headNav .nav li a.icon-basecoord:active, #headNav .nav li.selected a.icon-basecoord{background-position: -116px -2440px;} #headNav .nav li a.zfjl {background-position: 0 -1323px;} #headNav .nav li a.zfjl:hover {background-position: -58px -1323px;} #headNav .nav li a.zfjl:active, #headNav .nav li.selected a.zfjl {background-position: -116px -1323px;} /* Navigation************************************************************************* #Menu{display:block;float:left;width:15%; position:relative;background:#1b6775; } ***/ .menuSections li{ margin:5px 5px 5px 5px} .menuSections li h3{ padding:6px 0 6px 6px; color:#fff; font-size:12px; font-weight:bold;} .menuSections li h3 a:link, .menuSections li h3 a:visited{ color:#fff; font-weight:bold} .menuSections li h3 a:hover, .menuSections li h3 a:active, .menuSections li h3 a:focus{ color:#fff; text-decoration:underline;} .menuSections li h3 a, .menuSections li h3 span{ line-height:1.5em} .menuItems li{clear:both; border:0;margin:0} .menuSections ul a, .menuSections ul a:link, .menuSections ul a:visited{color:#ccc;clear:both; display:inline-block; padding:.4em 0 .4em 2em;width:98%;line-height:1.2em;text-decoration:none;} .menuSections ul a:link{padding-left:2em; color:#c3c3c3; width:88%;} .menuSections ul a:hover, .menuSections ul a:active, .menuSections ul a:focus{ color:#c3c3c3;} .menuSections ul a:hover{text-decoration:underline;background:#0093b2 url(../Content/easyui_themes/gray/images/menu_rightarrow.png) no-repeat 15px 9px;} .menuSections li h3 a img, .menuSections ul a img{float:right; border:0; margin:0; padding:0;} .menuSections li .selected, .menuSections li h3 .selected{background-image:url(../Content/images/bg-menu-item-green.png);} .menuSections ul .studyFormCss:link{color:Orange;text-decoration:none} .menuSections ul .studyFormCss:visited{color:Orange; text-decoration:none} .menuSections ul .studyFormCss:hover{color:Orange; text-decoration:underline} .menuSections ul .studyFormCss:active{color:Orange} .menuSections ul .studyVisitCss:link{color:Red;text-decoration:none} .menuSections ul .studyVisitCss:visited{color:Red; text-decoration:none} .menuSections ul .studyVisitCss:hover{color:Red; text-decoration:underline} .menuSections ul .studyVisitCss:active{color:Red} .tree a:link{color:#fff;} .tree a:visited{color:#fff;} .tree a:hover{color:#de6e1b;} .tree a:active{color:#0098b6} .tree li{white-space: nowrap;font-size: 13px; } /* Navigation************************************************************* #MenuStudy{display:block;float:left;width:220px; height:100%;position:relative;background:#1b6775; } #MenuStudy .menuSections li h3 a img, #MenuStudy .menuSections ul a img{float:left; width:100%;height:100%;border:0; margin:0; padding:0;}*****/ #Menu .menuSections{display:inline; width:210px; float:left; overflow:hidden;background-color:#3f6317; } #MenuStudy .menuSections{display:inline; width:210px; float:left; overflow:hidden;background:#3f6317;} #MenuStudy .menuSections li h3 a img, #MenuStudy .menuSections ul a img{float:left; border:0; margin:0; padding:0;} #MenuStudyFormNavigation{} #MenuStudyFormNavigation a, #MenuView a{color:#fff;} .menu-study{padding:6px;} #subjectListDiv img{margin-left:5px;} #paginationDiv{margin-top:1em;} #MenuView, #subjectDisplay{ } #CreateUnScheduledVisitDiv{ display:block; width:185px;height:20px; background-color:#ef8222; padding:5px 10px; margin:7px 0 0 0;cursor:pointer;} #CreateUnScheduledVisitA{color:#fff;display: inline-block;height: 16px;line-height: 16px;padding: 0px; cursor:pointer;} #CreateUnScheduledVisitA:hover{ text-decoration:none;} #CreateUnScheduledVisitDiv:hover{background-color:#fe9940;} /* todo:make generic so all toggles can use this and clean up jQuery */ .expando-glyph-container{ display:inline !important; line-height:.9em; padding:0 !important; position:relative; float:right; margin:4px 1.3em 0 0} .expando-glyph{ background:no-repeat center center; /*url("images/menuOpen.gif")*/ background-image:url(../Content/easyui_themes/gray/images/menu_downarrow.png); bottom:0; cursor:pointer; display:block; height:17px; padding:0 !important; position:absolute; width:17px; -webkit-transform:rotate(0deg)} .expando-glyph:hover{ /*url("images/menuOpenHover.gif"); */ background-image:url(../Content/easyui_themes/gray/images/menu_downarrow.png)} .expando-glyph-container.closed .expando-glyph{ /*url("images/menuClosed.gif"); */ background-image:url(../Content/easyui_themes/gray/images/menu_rightarrow.png)} .expando-glyph-container.closed .expando-glyph:hover{ /*url("images/menuClosedHover.gif"); */ background-image:url(../Content/easyui_themes/gray/images/menu_rightarrow.png)} .expando-glyph-container.closing .expando-glyph{ -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:rotate(-90deg); -moz-transform:rotate(-90deg); transform:rotate(-90deg)} .expando-glyph-container.opening .expando-glyph{ -webkit-transition:all .2s ease-in-out; -moz-transition:all .2s ease-in-out; transition:all .2s ease-in-out; -webkit-transform:rotate(90deg); -moz-transform:rotate(90deg); transform:rotate(90deg)} .tree-node:hover .expando-glyph{background-image:url(../Content/easyui_themes/gray/images/menu_downarrow_hover.png);} /* FORM LAYOUT ELEMENTS----------------------------------------------------------*/ .inline{ display:inline} /*fieldset{ border:1px solid #ddd; padding:1.4em 1.4em 1.4em 1.4em; margin:0 0 1.5em 0}*/ legend{ font-size:1.2em; font-weight:bold} textarea{ min-height:75px} input[type="checkbox"]:focus, input[type="radio"]:focus{ outline:1px dotted #666d51} select, textarea, input[type="text"], input.text, input.text-box,input[class!="searchbox-text"]{ border:1px solid #e0e0e0;padding:3px;} input[type="text"], input.text, input.text-box{ line-height:1.2em} input[type="text"], input[type="password"]{ width:26em} input.text-small, input#Header{ width:4em} input#Header{ height:auto} select{ padding:1px} select:hover, textarea:hover, input[type="text"]:hover, input.text:hover, input.text-box:hover{ border-color:#a9b5c0;background:#f5f6ee;} select:focus, textarea:focus, input[type="text"]:focus, input.text:focus, input.text-box:focus{ border-color:#a9b5c0;background:#faffbd;} input.check-box{ margin-left:0; vertical-align:-.1em} input[type="submit"], input[type="reset"], input[type="button"], button, submit, .button, .button:link, .button:visited{ color:#fff; background:#ff7f00; border:1px solid #c45d01; cursor:pointer; padding:3px 15px 5px 15px;margin-left: 5px; text-align:center; } input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover, button:hover, .button:hover, .button.primaryAction:hover{ text-decoration:none; background:#ffba00; color:#fff; border:1px solid #ff7f00; } input[type="submit"]:active, input[type="reset"]:active, input[type="button"]:active, button:active, .buton:active, .button.primaryAction:active{ text-decoration:none; background:#62a9e2; color:#fff; border:1px solid #bb772d; } input[type="submit"]:focus::-moz-focus-inner, button:focus::-moz-focus-inner, .button:focus::-moz-focus-inner{ border:1px dotted transparent} input.ui_state_highlight{text-shadow:none;} .ui_buttons input:focus{background: #ff7f00;} .ui_buttons input:hover{background: #ffba00;} .submit{width: 80px;height: 30px;line-height: 22px;font-size: 14px;font-weight: bold; } .submit:hover{background-position: 0 -33px; background-color:#fe920c;} /* (Items) Tables----------------------------------------------------------*/ table.items{ margin:0 0 1.4em 0; background:#fff; border:1px solid #eaeaea; border-bottom:none; border-collapse:separate; border-spacing:0; width:100%} table.items caption{ padding:8px 0; text-indent:0} table.items col{ border-spacing:0; display:table-column} table.items colgroup{ border-spacing:0; display:table-column-group} table.items tbody{ border-spacing:0; vertical-align:middle} table.items thead, table.items th{ background:#f5f5f5; font-weight:700; overflow:hidden; text-align:left; white-space:nowrap} /* todo:(heskew) hook back up */ table.items tr.hover{ background-color:#f0f3d6} table.items tr.critical{background:#e68585; border:inherit} table.items tr.warning{background:#fdf5bc; border:inherit} table.items th, table.items td{ border-bottom:1px solid #eaeaea; border-spacing:0px; display:table-cell; padding:8px 12px;} /* Styles for validation helpers -----------------------------------------------------------*/ .field-validation-error{ color:#f00} .field-validation-valid{ display:none} .input-validation-error{ border:1px solid #f00; background-color:#fee} .validation-summary-errors{ font-weight:bold; color:#f00} .validation-summary-valid{ display:none} /* Styles for editor and display helpers---------------------------------------*/ .editor-item{ display:table; position:relative; width:96.8%; margin:1.7em 0 0 0; clear:both;} .editor-label{ font-weight:100;padding: 0; word-wrap:break-word;overflow:hidden;} .editor-item .display-label, .editor-item .editor-label{display:block; float:left; height:100%; min-height:20px;width:180px; text-align:right; color:#000;} .display-field, .editor-field{display:block; margin-left:195px; } .message{ background:#e6f1c9; /* green */ border:1px solid #cfe493; color:#062232; margin:10px 0 4px; padding:4px} .editor-field h2{margin-top:0.5em \9;} .editor-field textarea{ width:347px;} .tri-state{ width:6em} .editor-item-hover{cursor:pointer;} .editor-field select{width: 356px;} .editor-actions {display:none;} #SignOrUnSignDialog .editor-field{padding:0; text-align:left;} #SignOrUnSignDialog .editor-field label{display:block;} .editor-item-group-item{clear:both} /* style for form-navigation ------------------------------*/ .form-navigation .editor-item{clear:both; display:inline-block; margin:0; padding:2px;} #FormLayout{width:100%;margin:0; padding:0;} /* .odd-alt{background:#d7e3f1;}*/ /* toolbar----------------------------------------------------------*/ div.toolbar{ margin-top:6px; margin-bottom:12px} .message{ background:#e6f1c9; border:1px solid #cfe493; color:#062232; margin:10px 0 4px; padding:4px} /* throbber ----------------------------------------------------------*/ #throbber{ display:none; z-index:999999} #throbber .curtain{ z-index:9999999; position:fixed; left:0; top:0; width:100%; height:100%; background-color:Gray; filter:alpha(opacity=30); opacity:0.3} #throbber .curtain-content{ z-index:9999999; position:absolute; left:0; top:0; width:100%; height:100%} #throbber .curtain-content div{ z-index:9999999; text-align:center; padding:250px; color:White} /* Statusbar */ /* ------------------------------*/ #Statusbar{padding:0; margin:0; position:fixed; top:0px; left:0px; right:0px; display:block; z-index:99999} .success, .warning, .validation, .info{border:1px solid #ccc; margin:0 0 20px; padding:10px 10px 10px 60px; background-repeat:no-repeat; background-position:25px 7px} .info{color:#555; background-color:#ddeaff; background-image:url(images/status-info.png); border:solid 1px #8bb9ff} .success{color:#555; background-color:#c6f7a5; background-image:url('images/status-success.png'); border:solid 1px #55b51d} .warning{color:#555; background-color:#fcff9e; background-image:url('images/status-warning.png'); border:solid 1px #c99900} .closeStatus{padding-left:20px; color:#444; cursor:pointer;float:right} .grid-add{background:url('../Content/easyui_themes/icons/grid_add.png') no-repeat 0 0; padding:0 0 0 1.6em; margin-right:0.5em;} .grid-edit{background:url('../Content/easyui_themes/icons/edit_edit.png') no-repeat 0 0; padding:0 0 0 1.6em; margin-right:0.5em;} .grid-delete{background:url('../Content/easyui_themes/icons/delete.png') no-repeat 0 0; padding:0 0 0 1.6em;margin-right:0.5em;} .grid-remove{background:url('../Content/easyui_themes/icons/removes.png') no-repeat 0 0; padding:0 0 0 1.6em;margin-right:0.5em;} .grid-pencil{background:url('../Content/easyui_themes/icons/pencil.png') no-repeat 0 0; padding:0 0 0 1.6em;margin:0 7px 0 0;margin-right:0.5em;} .grid-view{background:url('../Content/easyui_themes/icons/edit_view.png') no-repeat 0 0; padding:0 0 0 1.6em;margin:0 7px 0 0;margin-right:0.5em;} .grid-summary{background:url('../Content/easyui_themes/icons/summary.png') no-repeat 0 0; padding:0 0 0 1.6em;margin:0 7px 0 0;margin-right:0.5em;} .grid-profile{background:url('../Content/easyui_themes/icons/profile.png') no-repeat 0 0; padding:0 0 0 1.6em;margin:0 7px 0 0;margin-right:0.5em;} .grid-complete{background:url('../Content/easyui_themes/icons/ok.png') no-repeat 0 0; padding:0 0 0 1.6em;margin:0 7px 0 0;margin-right:0.5em;} .grid-import{background:url('../Content/easyui_themes/icons/imports.png') no-repeat 0 0; padding:0 0 0 1.6em;margin-right:0.5em;} .grid-down{background:url('../Content/easyui_themes/icons/grid-down.png') no-repeat 0 0; padding:0 0 0 1.6em;margin-right:0.5em;} input.pagination-num{ border:1px solid #CCC; margin:0 2px; width:32px} .hide{display:none;} .show{display:block;} .studyVisitCss:link{color:Red;text-decoration:none} .studyVisitCss:visited{color:Red; text-decoration:none} .studyVisitCss:hover{color:Red; text-decoration:underline} .studyVisitCss:active{color:Red} .studyFormCss:link{color:Orange;text-decoration:none} .studyFormCss:visited{color:Orange; text-decoration:none} .studyFormCss:hover{color:Orange; text-decoration:underline} .studyFormCss:active{color:Orange} /*Style For grid-detail grid */ .datagrid-view1, .datagrid-view2{background:#fff;} .datagrid-row-over{background:#fff;} .grid-detail, .datagrid-view1 .datagrid-row-detail{height:300px;overflow:auto;} .grid-detail .datagrid-header td, .grid-detail .datagrid-body td, .grid-detail .datagrid-footer td{background:#e0f4e3;border:0;border-bottom:1px solid #A4BED4;font-weight:100; vertical-align:top;} .grid-detail .datagrid-row-over{background:#e0f4e3;cursor:default;} .grid-detail .datagrid-view1 .datagrid-row-detail, .grid-detail .grid-detail-item{height:300px; overflow:auto;} .datagrid-row-detail .grid-detail .datagrid-view1, .datagrid-row-detail .grid-detail .datagrid-view2{background:#e0f4e3;} /*Style For grid-detail grid in product status */ .datagrid-row-detail .grid-detail .datagrid-view1 .datagrid-body-inner table tr:nth-child(2) td{background:#def0a6;} .datagrid-row-detail .grid-detail .datagrid-view2 .datagrid-body{overflow-x:hidden;height:300px;} .datagrid-sort-icon{display:none;} /*Style For grid-detail-item grid in product status */ .datagrid-row-detail .grid-detail-item .datagrid-view1, .datagrid-row-detail .grid-detail-item .datagrid-view2{background:#def0a6;} .datagrid-row-detail .grid-detail-item .datagrid-header td, .datagrid-row-detail .grid-detail-item table td{background:#def0a6;border:0;text-align:center;} .datagrid-row-detail .grid-detail-item .datagrid-view2 .datagrid-header td{border:0;} /* reset datagrid-view----------------------------------------------------------*/ .datagrid-view{margin:3px 0 0 5px;} .product-status-grid-container .datagrid-view{margin:3px 0 0 0;} #ContentBank .datagrid-view{margin:0;} /*.datagrid-row-detail .grid-detail .datagrid-header-inner table{width:100%;} */ /* For study designer -Calendar control */ .Wdate{border:#999 1px solid; height:20px; background:#fff url("../Content/images/calendar.gif") no-repeat right;} /*UploadImage Style-----------------------begin*/ .divPicFile{overflow: hidden;position: relative;} .divPicFile input{font-size: 20px;cursor: pointer;position: absolute;right: 0;bottom: 0;filter: alpha(opacity=0);opacity: 0;outline: none;hide-focus: expression(this.hideFocus=true);} .divImgPre label{color: Red;width: 70%;text-align: left;} .divImgPre-preImg{ width: 220px; height: 60px;} .button-select-noselectsites{ width:200px; height:400px;} .td-select{ width: 120px; text-align: center;} .button-select-addall{ width:100px;} .button-select-add{ width:100px;} .button-select-remove{ width:100px;} .button-select-removeall{ width:100px;} .button-select-selectsites{ width:200px; height:400px;} .button-back { margin-top:12px} .button-submit {} /*Style for Horizontal layout for checkbox list and rideobutton list and dropdown list-----------------------*/ ul{list-style-type:none;} ul.Horizontal li{float: left; margin:0 1em 0 0;padding:0; } ul.Horizontal li input{float: left;padding-left:0;vertical-align:middle;} ul.Horizontal li label{float: left; text-align:left;margin: 0;padding: 0;vertical-align:middle;} /*Style for Vertical layout for checkbox list and rideobutton list and dropdown list-----------------------*/ ul.Vertical{margin-top:-2px;padding:0;} ul.Vertical li{margin:0; padding:0;line-height:1.8em;} ul.Vertical li input{padding-left:0; vertical-align:middle;} ul.Vertical li label{ float:none; text-align:left; vertical-align:middle;} ul.Horizontal{margin-top:-12px;padding:0;} ul.Horizontal li.clear-layout input{float:none;} ul.Horizontal li.clear-layout label{float:none;} /*tab Container-----------------------**/ .tabContainer{height:450px;} .tabContainer .grid-container{position:absolute;display:inline-block;width:98%;height:80%;padding:0;padding-top:1em; } .tabContainer .panel{height:80%;width:98%;} .tabContainer .datagrid-view{height:450px;width:98%;} /*Style For product status layout-----------------------* */ #DoubleVisitList{display:inline-block; background-color:#e8fac5;width:100%; height:100%; margin:0; padding:0;} .product-action{width:100%; background-color:#f0f1f1;} .product-action ul li{float:left; display:block; width:75px; height:70px;border:2px solid #74a516; background-color:#fff; text-align:center; margin:15px 0 15px 20px;padding:8px 4px 0 4px;border-radius: 9px; -moz-border-radius: 9px;-webkit-border-radius: 9px;-webkit-box-shadow:1px 2px 2px #ddd; -moz-box-shadow:1px 2px 2px #ddd; box-shadow:1px 2px 2px #ddd;} .product-action ul li:hover{border:2px solid #0e62c1;background-color: #e0eefe; cursor:pointer;} .product-action input{height:42px;} .subject-status{} .subject-status ul{float:left; margin-right:2em;} .product-status{width:100%; height:40px; background-color:#fff; border-top: 2px solid #7ea92c;border-bottom: 2px solid #7ea92c; display:inline-block; } .product-status ul{ float:left;margin:8px 0 0 20px;} .product-status ul li{float:left;} .product-status-content li{margin:3px 3px 0 0;} .product-status-grid-container{position:absolute;display:inline-block;width:98%;height:80%;padding:0;} .form-navigation{ display:block; width:100%; background:#fcfcfc; margin-top:2em;font-size: 12px;} #SignOrUnSignDialog{} #divRFC{margin-bottom:1em} #divRFC .panel-header{padding:5px 0;} #divRFC .panel-body{border:0;} #divRFC .datagrid-view{margin:0;} #FormContent h2{font-size: 18px;font-weight: bold;} /* export style */ .export-title{text-align:center; line-height:50px; font-weight:bold;} .export-content{} .disable_input { font-size: 9pt; filter:alpha(opacity=0); /* IE */ -moz-opacity:0.3; /* Moz + FF */ opacity: 0.3; } /* patch style */ #PatchMessage{padding: 0;margin: 0;position: fixed;top: 0px;left: 0px;right: 0px;display: block;z-index: 99999;} #PatchMessageStatus{display: block;color: #555;background-color: #fff;background-image: url('images/status-info.png');border: solid 1px #55B51D;margin: 0 0 20px;padding: 10px 10px 10px 60px;background-repeat: no-repeat;background-position: 25px 7px;} /*Style for group control-----------*/ .flow-layout{display:block; height:100%;width:100%; } .flow-layout input[type="text"], .flow-layout input[type="password"] {width:120px;} .flow-layout .editor-item{display: block;position: relative;width: 100%;margin: 0;} .close-msg { background-image: url("images/idialog_s.png"); background-repeat: no-repeat; background-position: 0 -60px; font-size: 0; height: 34px; line-height: 0; overflow: hidden; position: absolute; right: -16px; top: -11px; width: 34px; } /*查询主界面-----------*/ #searchBody{width:100%; height:100%;background: url("../Content/images/search_index_bg.jpg") repeat;} #FormListTable{background: url("../Content/images/formList_bg.png") repeat;width: 100%; height: 100%;} #searchIndexBody{position:relative; margin:0 auto; padding:0;background:url("../Content/images/search_index.jpg") no-repeat right; width:1074px; height:742px;} #searchIndex ul li{float:left;} #searchIndex .text-box{position:absolute; top:380px; left:305px; border:0; width:438px;height:31px; } #searchIndex .submit{position:absolute; top:378px; left:760px; background:url("../Content/images/button_search.jpg") no-repeat right;width:138px;height:41px;} #searchIndex .submit:hover{background:url("../Content/images/search_button_hover.jpg") no-repeat right;} #searchIndex .field-validation-error{position:absolute; top:420px; left:650px; color:#fff;} .search-question{position:absolute; top:460px; left:150px;} .search-question ul li{ float:left; margin-right:2em;} .search-question ul li a{ text-decoration:none; color:#fff;} .search-question ul li a:hover{color:#fff600;} #banquan{position:absolute; top:560px; left:150px; color:#ccc;} /*查询结果界面-------- #searchResultBody{ background-color:#fff;height: 768px;} #searchResultMain{display:inline-block; width:250px; height:100%; overflow:auto;} ---*/ #searchResult01 h2{ color:#000; padding:150px 0 0 450px; font-size:30px;} .query-result{ text-align:center;width:120px;height:120px;float:left;} .query-result img{ width:60px;} .query-result a{ color:#000; font-size:12px;width:60px; height:60px; text-align:center;} #queryResultFormList{} #queryResultFormList ul li{ line-height:2em;padding-left:5px;} #queryResultFormList ul li a{ color:#fff;background:url("../Content/images/arrow_right_blue.png") no-repeat 0 6px;padding-left:16px; font-size:20px; } #queryResultFormList ul li:hover{ background-color:#6bb0e9;} #createOrganization{ padding:5px 0 5px 35px; border-bottom:1px solid #ccc;} #OrganizationTreeMenu{ display:block; position:relative; width:250px;} #OrganizationTreemenu .tree-node, #OrganizationTreeMenu .tree-node{margin:5px 0;display:flex;white-space:pre-wrap; } /* fieldset----------------------------------------------------------*/ fieldset{} fieldset legend {font-size:12px; color:#999;} .fieldset-container{border:1px dotted #ccc;padding: 1em; } .td-select{ width:150px; text-align:center;} .td-select input{ width:120px;} .button-select-noselectsites, .button-select-selectsites{ width:165px; height:300px; overflow:auto;} .assign-button{width:100px;} .taskContainer .datagrid-view{height:150px;} .js-scope,.css-scope{display:none;} .table-layout table { min-width: 500px; margin:auto; } .design-remark{ font-size: 12px; margin:-15px 250px 0 317px; color:#666;} .editor-item-group{margin:10px 0;} .add-btn{ background:#3A7113 url('../Scripts/easyui/themes/icons/edit_add.png') 5px 4px no-repeat; padding:4px 10px 6px 23px; } .add-btn:hover{ background:#537b06 url('../Scripts/easyui/themes/icons/edit_add.png') 5px 4px no-repeat;} a.add-btn, a.add-btn:link{color:#fff;} a:hover.add-btn{ text-decoration:none;} .group-action { padding-top: 20px; position: absolute; right: 20px; width: 220px; } .del-btn{background:#fd010b url('../Scripts/easyui/themes/icons/edit_delete.png') 5px 4px no-repeat; padding:4px 10px 6px 23px;} .del-btn:hover{ background:#db020a url('../Scripts/easyui/themes/icons/edit_delete.png') 5px 4px no-repeat;} a.del-btn, a.del-btn:link{color:#fff;} a:hover.del-btn{ text-decoration:none;} .message-tip{color:#666;} .right-icons{float:right;} .text-ellipsis {overflow: hidden;text-overflow: ellipsis;white-space: nowrap;color:#000;} #MenuStudy{} #MenuStudy .tree-indent { float: left; } #MenuStudy .tree-node .selected { } #MenuStudy .tree-biaoti{background-color:#6b9241; padding:10px 0; margin: 1px 0;} .tree li ul li div.tree-node{ padding:10px 0;} .tree-node .selected a{color: #000;background: #fff;padding: 7px 10px 9px 10px; display:block;}