#trafficWidgetContainer .container_12, #trafficWidgetContainer .container_16{ margin-left:auto; margin-right:auto; width:960px } #trafficWidgetContainer .grid_1, #trafficWidgetContainer .grid_2, #trafficWidgetContainer .grid_3, #trafficWidgetContainer .grid_4, #trafficWidgetContainer .grid_5, #trafficWidgetContainer .grid_6, #trafficWidgetContainer .grid_7, #trafficWidgetContainer .grid_8, #trafficWidgetContainer .grid_9, #trafficWidgetContainer .grid_10, #trafficWidgetContainer .grid_11, #trafficWidgetContainer .grid_12, #trafficWidgetContainer .grid_13, #trafficWidgetContainer .grid_14, #trafficWidgetContainer .grid_15, #trafficWidgetContainer .grid_16{ display:inline; float:left; margin-left:10px; margin-right:10px; } #trafficWidgetContainer .push_1, #trafficWidgetContainer .pull_1, #trafficWidgetContainer .push_2, #trafficWidgetContainer .pull_2, #trafficWidgetContainer .push_3, #trafficWidgetContainer .pull_3, #trafficWidgetContainer .push_4, #trafficWidgetContainer .pull_4, #trafficWidgetContainer .push_5, #trafficWidgetContainer .pull_5, #trafficWidgetContainer .push_6, #trafficWidgetContainer .pull_6, #trafficWidgetContainer .push_7, #trafficWidgetContainer .pull_7, #trafficWidgetContainer .push_8, #trafficWidgetContainer .pull_8, #trafficWidgetContainer .push_9, #trafficWidgetContainer .pull_9, #trafficWidgetContainer .push_10, #trafficWidgetContainer .pull_10, #trafficWidgetContainer .push_11, #trafficWidgetContainer .pull_11, #trafficWidgetContainer .push_12, #trafficWidgetContainer .pull_12, #trafficWidgetContainer .push_13, #trafficWidgetContainer .pull_13, #trafficWidgetContainer .push_14, #trafficWidgetContainer .pull_14, #trafficWidgetContainer .push_15, #trafficWidgetContainer .pull_15{ position:relative; } #trafficWidgetContainer .container_12, #trafficWidgetContainer .grid_3, #trafficWidgetContainer .container_16, #trafficWidgetContainer .grid_4{ width:220px } #trafficWidgetContainer .container_12, #trafficWidgetContainer .grid_6, #trafficWidgetContainer .container_16, #trafficWidgetContainer .grid_8{ width:460px } #trafficWidgetContainer .container_12, #trafficWidgetContainer .grid_9, #trafficWidgetContainer .container_16, #trafficWidgetContainer .grid_12{ width:700px } #trafficWidgetContainer .container_12 .grid_12, #trafficWidgetContainer .container_16 .grid_16{ width:940px } #trafficWidgetContainer .alpha{margin-left:0} #trafficWidgetContainer .omega{margin-right:0} #trafficWidgetContainer .container_12 .grid_1{width:60px} #trafficWidgetContainer .container_12 .grid_2{width:140px} #trafficWidgetContainer .container_12 .grid_4{width:300px} #trafficWidgetContainer .container_12 .grid_5{width:380px} #trafficWidgetContainer .container_12 .grid_7{width:540px} #trafficWidgetContainer .container_12 .grid_8{width:620px} #trafficWidgetContainer .container_12 .grid_10{width:780px} #trafficWidgetContainer .container_12 .grid_11{width:860px} #trafficWidgetContainer .container_16 .grid_1{width:40px} #trafficWidgetContainer .container_16 .grid_2{width:100px} #trafficWidgetContainer .container_16 .grid_3{width:160px} #trafficWidgetContainer .container_16 .grid_5{width:280px} #trafficWidgetContainer .container_16 .grid_6{width:340px} #trafficWidgetContainer .container_16 .grid_7{width:400px} #trafficWidgetContainer .container_16 .grid_9{width:520px} #trafficWidgetContainer .container_16 .grid_10{width:580px} #trafficWidgetContainer .container_16 .grid_11{width:640px} #trafficWidgetContainer .container_16 .grid_13{width:760px} #trafficWidgetContainer .container_16 .grid_14{width:820px} #trafficWidgetContainer .container_16 .grid_15{width:880px} #trafficWidgetContainer .container_12 .prefix_3, #trafficWidgetContainer .container_16 .prefix_4{padding-left:240px} #trafficWidgetContainer .container_12 .prefix_6, #trafficWidgetContainer .container_16 .prefix_8{padding-left:480px} #trafficWidgetContainer .container_12 .prefix_9, #trafficWidgetContainer .container_16 .prefix_12{padding-left:720px} #trafficWidgetContainer .container_12 .prefix_1{padding-left:80px} #trafficWidgetContainer .container_12 .prefix_2{padding-left:160px} #trafficWidgetContainer .container_12 .prefix_4{padding-left:320px} #trafficWidgetContainer .container_12 .prefix_5{padding-left:400px} #trafficWidgetContainer .container_12 .prefix_7{padding-left:560px} #trafficWidgetContainer .container_12 .prefix_8{padding-left:640px} #trafficWidgetContainer .container_12 .prefix_10{padding-left:800px} #trafficWidgetContainer .container_12 .prefix_11{padding-left:880px} #trafficWidgetContainer .container_16 .prefix_1{padding-left:60px} #trafficWidgetContainer .container_16 .prefix_2{padding-left:120px} #trafficWidgetContainer .container_16 .prefix_3{padding-left:180px} #trafficWidgetContainer .container_16 .prefix_5{padding-left:300px} #trafficWidgetContainer .container_16 .prefix_6{padding-left:360px} #trafficWidgetContainer .container_16 .prefix_7{padding-left:420px} #trafficWidgetContainer .container_16 .prefix_9{padding-left:540px} #trafficWidgetContainer .container_16 .prefix_10{padding-left:600px} #trafficWidgetContainer .container_16 .prefix_11{padding-left:660px} #trafficWidgetContainer .container_16 .prefix_13{padding-left:780px} #trafficWidgetContainer .container_16 .prefix_14{padding-left:840px} #trafficWidgetContainer .container_16 .prefix_15{padding-left:900px} #trafficWidgetContainer .container_12 .suffix_3, #trafficWidgetContainer .container_16 .suffix_4{padding-right:240px} #trafficWidgetContainer .container_12 .suffix_6, #trafficWidgetContainer .container_16 .suffix_8{padding-right:480px} #trafficWidgetContainer .container_12 .suffix_9, #trafficWidgetContainer .container_16 .suffix_12{padding-right:720px} #trafficWidgetContainer .container_12 .suffix_1{padding-right:80px} #trafficWidgetContainer .container_12 .suffix_2{padding-right:160px} #trafficWidgetContainer .container_12 .suffix_4{padding-right:320px} #trafficWidgetContainer .container_12 .suffix_5{padding-right:400px} #trafficWidgetContainer .container_12 .suffix_7{padding-right:560px} #trafficWidgetContainer .container_12 .suffix_8{padding-right:640px} #trafficWidgetContainer .container_12 .suffix_10{padding-right:800px} #trafficWidgetContainer .container_12 .suffix_11{padding-right:880px} #trafficWidgetContainer .container_16 .suffix_1{padding-right:60px} #trafficWidgetContainer .container_16 .suffix_2{padding-right:120px} #trafficWidgetContainer .container_16 .suffix_3{padding-right:180px} #trafficWidgetContainer .container_16 .suffix_5{padding-right:300px} #trafficWidgetContainer .container_16 .suffix_6{padding-right:360px} #trafficWidgetContainer .container_16 .suffix_7{padding-right:420px} #trafficWidgetContainer .container_16 .suffix_9{padding-right:540px} #trafficWidgetContainer .container_16 .suffix_10{padding-right:600px} #trafficWidgetContainer .container_16 .suffix_11{padding-right:660px} #trafficWidgetContainer .container_16 .suffix_13{padding-right:780px} #trafficWidgetContainer .container_16 .suffix_14{padding-right:840px} #trafficWidgetContainer .container_16 .suffix_15{padding-right:900px} #trafficWidgetContainer .container_12 .push_3, #trafficWidgetContainer .container_16 .push_4{left:240px} #trafficWidgetContainer .container_12 .push_6, #trafficWidgetContainer .container_16 .push_8{left:480px} #trafficWidgetContainer .container_12 .push_9, #trafficWidgetContainer .container_16 .push_12{left:720px} #trafficWidgetContainer .container_12 .push_1{left:80px} #trafficWidgetContainer .container_12 .push_2{left:160px} #trafficWidgetContainer .container_12 .push_4{left:320px} #trafficWidgetContainer .container_12 .push_5{left:400px} #trafficWidgetContainer .container_12 .push_7{left:560px} #trafficWidgetContainer .container_12 .push_8{left:640px} #trafficWidgetContainer .container_12 .push_10{left:800px} #trafficWidgetContainer .container_12 .push_11{left:880px} #trafficWidgetContainer .container_16 .push_1{left:60px} #trafficWidgetContainer .container_16 .push_2{left:120px} #trafficWidgetContainer .container_16 .push_3{left:180px} #trafficWidgetContainer .container_16 .push_5{left:300px} #trafficWidgetContainer .container_16 .push_6{left:360px} #trafficWidgetContainer .container_16 .push_7{left:420px} #trafficWidgetContainer .container_16 .push_9{left:540px} #trafficWidgetContainer .container_16 .push_10{left:600px} #trafficWidgetContainer .container_16 .push_11{left:660px} #trafficWidgetContainer .container_16 .push_13{left:780px} #trafficWidgetContainer .container_16 .push_14{left:840px} #trafficWidgetContainer .container_16 .push_15{left:900px} #trafficWidgetContainer .container_12 .pull_3, #trafficWidgetContainer .container_16 .pull_4{left:-240px} #trafficWidgetContainer .container_12 .pull_6, #trafficWidgetContainer .container_16 .pull_8{left:-480px} #trafficWidgetContainer .container_12 .pull_9, #trafficWidgetContainer .container_16 .pull_12{left:-720px} #trafficWidgetContainer .container_12 .pull_1{left:-80px} #trafficWidgetContainer .container_12 .pull_2{left:-160px} #trafficWidgetContainer .container_12 .pull_4{left:-320px} #trafficWidgetContainer .container_12 .pull_5{left:-400px} #trafficWidgetContainer .container_12 .pull_7{left:-560px} #trafficWidgetContainer .container_12 .pull_8{left:-640px} #trafficWidgetContainer .container_12 .pull_10{left:-800px} #trafficWidgetContainer .container_12 .pull_11{left:-880px} #trafficWidgetContainer .container_16 .pull_1{left:-60px} #trafficWidgetContainer .container_16 .pull_2{left:-120px} #trafficWidgetContainer .container_16 .pull_3{left:-180px} #trafficWidgetContainer .container_16 .pull_5{left:-300px} #trafficWidgetContainer .container_16 .pull_6{left:-360px} #trafficWidgetContainer .container_16 .pull_7{left:-420px} #trafficWidgetContainer .container_16 .pull_9{left:-540px} #trafficWidgetContainer .container_16 .pull_10{left:-600px} #trafficWidgetContainer .container_16 .pull_11{left:-660px} #trafficWidgetContainer .container_16 .pull_13{left:-780px} #trafficWidgetContainer .container_16 .pull_14{left:-840px} #trafficWidgetContainer .container_16 .pull_15{left:-900px} #trafficWidgetContainer .clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0} #trafficWidgetContainer .clearfix:after{clear:both;content:' ';display:block;font-size:0;line-height:0;visibility:hidden;width:0;height:0} * html #trafficWidgetContainer .clearfix, #trafficWidgetContainer *:first-child+html #trafficWidgetContainer .clearfix{zoom:1}/* Main Style Sheet */ html #trafficWidgetContainer {overflow: auto;} body #trafficWidgetContainer {background: -moz-linear-gradient(left,#fff,#fff,#eee);background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));} #master { overflow: auto;} #container {background-color: #fff;box-shadow: 3px -2px 3px #ccc;-moz-box-shadow: 3px -2px 3px #ccc;-webkit-box-shadow: 3px -2px 3px #ccc;} #container2 {position: relative;float:left; width: 300px;display: none;margin-left: 5px;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background:-moz-linear-gradient(top,#eee,#fff);-moz-box-shadow: 3px -2px 3px #ccc;height: 100%;-webkit-box-shadow: 3px -2px 3px #ccc;} #container3{float: left; width: 220px;display: none;margin-left: 5px;background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#eee));background:-moz-linear-gradient(top,#ddd,#eee,#fff);-moz-box-shadow: 3px -2px 3px #ccc;height: 100%;-webkit-box-shadow: 3px -2px 3px #ccc;} #headermain, #headermain2, #headermain3{position: relative;z-index: 100;} #headermain2, #headermain3{margin-left: -5px;} #headermain #top, #headermain2 #top2, #headermain3 #top3{background:url( /DubKnowledge/javax.faces.resource/headertop.png.xhtml?ln=images ) repeat-x;height: 16px;} #headermain #bottom, #headermain2 #bottom2, #headermain3 #bottom3{background:url( /DubKnowledge/javax.faces.resource/column-header.png.xhtml?ln=images ) repeat-x;height: 32px; padding-left: 10px;} #Htitle{background: transparent url( /DubKnowledge/javax.faces.resource/icons/nebu_logo.png.xhtml?ln=images ) no-repeat 0px 2px; width:90px; color: white;padding-left: 35px;border-right:2px groove #CCCCCC;} #Hdashboard{width:90px;padding-left: 10px;border-right:2px groove #CCCCCC;} #Hdashboard img{position: relative;top: 5px;left: 10px;} #Hprojects {width:90px;padding-left: 10px;border-right:2px groove #CCCCCC;} #Hprojects img{position: relative;top: 5px;left: 10px;} #Huser{padding: 0 10px;border-right:2px groove #CCCCCC;width:110px;} #Huser img{position: relative;top: 5px;float: right;margin-left: 10px} #Hsettings{width:83px;padding-left: 10px;border-right:2px groove #CCCCCC;margin-right: 235px;} #Hsettings img{position: relative;top: 5px;left: 10px;} #Hnewproject{padding: 0 10px;border-right:2px groove #CCCCCC;border-left:2px groove #CCCCCC;} #Hsearch{} #Hlogout{padding: 0 14px;float: right;border-right:2px groove #CCCCCC;} #trafficWidgetContainer .page_selected{color:#000 !important;background:transparent url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x; height: 32px !important;} #trafficWidgetContainer .page_selected a{color:#000 !important;} #trafficWidgetContainer a:hover{color:#000 !important} #userlistholder{width:220px;} #projectlistholder{width:360px;} #userlistholder, #projectlistholder{display: none;position: absolute;background-color: #f8f8f8;-moz-border-radius: 0px 12px 12px;border-right: 1px groove #aaa;border-bottom: 1px groove #aaa;border-left: 1px ridge #aaa;padding: 3px 0px 3px 5px;margin-left: -11px;-moz-box-shadow: 3px 4px 6px #aaa} #userlist, #projectlist, #eventgroupList{padding:0px;} #userlist li{width:95px;} #projectlist li{width:172px;} #userlist li, #projectlist li {float:left;list-style: none;padding: 0 0 0 6px;margin:0;} #eventgroupList {margin-bottom: 0px;padding-bottom: 0px} #eventgroupList li.egListItem,#eventgroupList li.egListItemHead {text-align: left;list-style: none;padding: 6px;margin:0;border-bottom: #ccc dashed 1px} #eventgroupList li.egListItemHead {color: #929792} #eventgroupList li.egListItem {color: #000} #eventgroupList li span {display: inline-block;} #eventgroupList li span.subtype{width: 80px;} #eventgroupList li span.batchsize{width: 80px;} #eventgroupList li span.datetime{width: 120px;} #trafficWidgetContainer .listselect{background-color: #ccc;padding: 3px} #treemap{padding: 3px 5px;} #treemapprojectname{padding-left: 20px;} #contentmain{} #trafficWidgetContainer .accDiv{margin: 0;padding:0;} #trafficWidgetContainer .accDiv p{margin: 0 0 0 -4px;padding:0 0 0 10px;} #trafficWidgetContainer .accDiv ul{padding-left:0;margin:0;list-style-type: none} #trafficWidgetContainer .accDiv ul li{padding: 10px 0 0 18px;border-bottom: 1px groove #e0e0e0;margin-left: 0px;line-height: 1em;} #trafficWidgetContainer .projectTable {background:url( /DubKnowledge/javax.faces.resource/projecttable-head.png.xhtml?ln=images )repeat-x;line-height: 1.7em;cursor: pointer} #trafficWidgetContainer .projectTable a{text-decoration: none;font-weight: bold} #trafficWidgetContainer p.accordion img{position: relative;top:-1px;} #trafficWidgetContainer thead.projectTable th{padding: 3px 5px;text-align: left;font-weight: bold;} #title,#trafficWidgetContainer thead{background:url( /DubKnowledge/javax.faces.resource/table-header.png.xhtml?ln=images )repeat-x;height: 32px;line-height: 2.5em;} #title {padding: 3px 5px; width: 97%;} #container2 li, #container3 li{background: url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images )repeat-x 0 0;height:20px;} #trafficWidgetContainer th{font-weight: normal;text-align: left;padding-left: 5px;} #trafficWidgetContainer tr.first{border-top: none;} #trafficWidgetContainer td{padding: 0 5px;line-height: 1.5em;vertical-align: middle;} #trafficWidgetContainer td.bartop{background:url( /DubKnowledge/javax.faces.resource/button-bar.jpg.xhtml?ln=images )no-repeat 100% 0; text-align:right;padding: 6px 8px 0 0;width: 105px;} #trafficWidgetContainer td.spark{width: 150px;padding-left: 0px;} #trafficWidgetContainer td.startdate,#trafficWidgetContainer td.enddate{width: 60px;padding-top:15px} #trafficWidgetContainer td.startdate{border-right: 0px none #fff;} #trafficWidgetContainer td.enddate #trafficWidgetContainer table{width: 100%;} #trafficWidgetContainer ul.horizontal{list-style: none;} #trafficWidgetContainer ul.horizontal li{float: left} #graph {width: 430px; height: 225px;} #trafficWidgetContainer button{height: auto; width: auto;margin: 7px 0px 7px 10px;padding: 5px;cursor: pointer;color: #515151;font-family: Arial;font-size: 10px;} #trafficWidgetContainer button.project{height: 36px;border-left: 2px solid #fff;border-right: 1px solid #aaa;border-bottom: 1px solid #ccc;margin: 0px;padding: 0 20px;font-weight: bold;} #trafficWidgetContainer button.background{background: transparent url( /DubKnowledge/javax.faces.resource/21h-button-back.png.xhtml?ln=images )repeat-x;height: 21px;padding: 0 10px 3px;} #quotaButton{background: transparent url( /DubKnowledge/javax.faces.resource/icons/quota_gray.png.xhtml?ln=images ) no-repeat 10px 7px;padding-left:35px} #surveyButton{background: transparent url( /DubKnowledge/javax.faces.resource/icons/survey_gray.png.xhtml?ln=images ) no-repeat 10px 7px;padding-left: 35px} #verifyButton{background: transparent url( /DubKnowledge/javax.faces.resource/icons/verify_gray.png.xhtml?ln=images ) no-repeat 10px 7px;padding-left: 40px} #trafficButton{background: transparent url( /DubKnowledge/javax.faces.resource/icons/traffic_gray.png.xhtml?ln=images ) no-repeat 10px 7px;padding-left: 35px} #exportButton{background: transparent url( /DubKnowledge/javax.faces.resource/icons/export_gray.png.xhtml?ln=images ) no-repeat 10px 5px;padding-left: 30px} #quotaButton.selected{background: transparent url( /DubKnowledge/javax.faces.resource/icons/quota_black.png.xhtml?ln=images ) no-repeat 10px 7px;color: #000;border-bottom-style: none} #surveyButton.selected{background: transparent url( /DubKnowledge/javax.faces.resource/icons/survey_black.png.xhtml?ln=images ) no-repeat 10px 7px;color: #000;border-bottom-style: none} #verifyButton.selected{background: transparent url( /DubKnowledge/javax.faces.resource/icons/verify_black.png.xhtml?ln=images ) no-repeat 10px 7px;color: #000;border-bottom-style: none} #trafficButton.selected{background: transparent url( /DubKnowledge/javax.faces.resource/icons/traffic_black.png.xhtml?ln=images ) no-repeat 10px 7px;color: #000;border-bottom-style: none} #exportButton.selected{background: transparent url( /DubKnowledge/javax.faces.resource/icons/export_black.png.xhtml?ln=images ) no-repeat 10px 5px;color: #000;border-bottom-style: none} /* dashboard style */ #trafficWidgetContainer .spark p{margin: 0} #trafficWidgetContainer .statusblok{margin-bottom: 0;float: left;} #trafficWidgetContainer .sampleNumber{font-size: 13px; color: #787878;vertical-align: inherit;} #trafficWidgetContainer .selected{background-color: #eee;} #trafficWidgetContainer .rounded{-moz-border-radius: 12px;-webkit-border-radius: 12px;border-radius:12px 12px 12px 12px;border: 1px groove #aaa;padding: 3px 10px;} #trafficWidgetContainer .date{font-size:10px;} #trafficWidgetContainer .headertext,#trafficWidgetContainer .headertext a{font-size: 10px;font-weight: bold;color:#515151;line-height: 3em;float: left;cursor: pointer;} #trafficWidgetContainer .arrow.display{float: right;margin-top: 3px;} #trafficWidgetContainer .traffic{float: right;margin-right: 15px;} #trafficWidgetContainer .datalabel{color:#999} #trafficWidgetContainer .traffic.percent{float: right;margin-right: 5px; } #trafficWidgetContainer .low{color:#c45d54} #trafficWidgetContainer .traffic.bi{margin-right: 0px;} #newprojectHeader{background:url( /DubKnowledge/javax.faces.resource/table-header.png.xhtml?ln=images ) repeat-x scroll 0 0 transparent; padding:5px 0px; width:100%;} #trafficWidgetContainer .newProjectRegion{float: right; margin-right: 10px;} #trafficWidgetContainer .newProjectRegion img{margin-left: 5px;} #newprojectHeader span{margin-left: 5px;} #trafficWidgetContainer .claimProject{float: right;margin: 5px 10px} #trafficWidgetContainer button.claimProject img{position: relative;top: 2px;} #trafficWidgetContainer tr.highlight {-moz-box-shadow: 4px 0px 15px #aaa;background-color:#eee;border-right: 5px solid #ccc;border-top:1px solid #bbb;border-bottom:1px solid #bbb;} #trafficWidgetContainer td.id_cell,#trafficWidgetContainer th.id_cell{padding: 0 15px;width: 25px;} #trafficWidgetContainer .projecttraffic{width: 125px;} #homeTable, #homeTable2, #homeTable3, #homeTable4{width:100%} #homeTable tbody td,#homeTable2 tbody td,#homeTable3 tbody td,#homeTable4 tbody td{padding-top: 5px;padding-bottom: 5px;} #homeTable3_wrapper, #homeTable4_wrapper{display: none} #newProjectHeader select{color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px;} #trafficWidgetContainer .sparkback{background: transparent url( /DubKnowledge/javax.faces.resource/sparkline_background.png.xhtml?ln=images ) repeat-x 0% 50%;} #trafficWidgetContainer a.projectname{font-weight: bold;} /* status icon styles */ #trafficWidgetContainer .active {background: url( /DubKnowledge/javax.faces.resource/status_icons/active.png.xhtml?ln=images ) no-repeat 10px 50%;padding-left: 30px;width: 65px} #trafficWidgetContainer .soft {background: url( /DubKnowledge/javax.faces.resource/status_icons/soft_launch.png.xhtml?ln=images ) no-repeat 10px 50%;padding-left: 30px;line-height: 12px;width: 65px} #trafficWidgetContainer .open {background: url( /DubKnowledge/javax.faces.resource/status_icons/open.png.xhtml?ln=images ) no-repeat 10px 50%;padding-left: 30px;width: 65px} #trafficWidgetContainer .suspended {background: url( /DubKnowledge/javax.faces.resource/status_icons/suspended.png.xhtml?ln=images ) no-repeat 10px 50%;padding-left: 30px;width: 65px} #trafficWidgetContainer .incomplete {background: url( /DubKnowledge/javax.faces.resource/red-circle.jpg.xhtml?ln=images ) no-repeat 10px 50%;padding: 0px;width: 65px} #trafficWidgetContainer .closed {padding-left: 30px;width: 65px} #trafficWidgetContainer .headertext.main{color: #fff} #trafficWidgetContainer .noborder{border:none;} /* Project page styles */ #projectData{background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x;height: 35px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;line-height: 2em;} #projectData div#projectInfo{float: right;height: 35px;line-height: 3em; margin-right: 10px;} #projectData div#projectSelector{margin-left: 10px;font-size: 16px;line-height: 23px; color: #666;margin-top: 8px; border: none; background-color: transparent;} #projectData div#projectSelector input{font-size: 16px;} #projectData span{margin-right: 10px;} #projectData strong{margin-left: 10px;}#projectControls{background: url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x;height: 38px;border-top: 1px solid #aaa;border-bottom: 1px solid #aaa;padding-right: 10px;} #trafficWidgetContainer .quotagroup{border-top: 1px solid #aaa;padding-top: 10px;} #trafficWidgetContainer .quotagroup select{color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px;} #trafficWidgetContainer .demogrs{color:#515151;border-top: 1px solid #ccc;padding-right: 10px; height: 36px;background: url( /DubKnowledge/javax.faces.resource/quota_header_bg.png.xhtml?ln=images ) repeat-x;border-bottom: 1px solid #ccc;} #trafficWidgetContainer .demogrsTab {border-right: 1px solid #ccc;width: 130px;height: 36px;text-align: center;font-size: 12px;float:left;} #trafficWidgetContainer .demogrsTab span {display: block;padding-top: 12px;} #trafficWidgetContainer .demogrs .activeTab {border-bottom: 1px solid #fff;background: url( /DubKnowledge/javax.faces.resource/quota_header_active_bg.png.xhtml?ln=images ) repeat-x;} #trafficWidgetContainer .demogrs .demogrsbuttons {margin-left: 804px;padding-top: 3px;} #trafficWidgetContainer .demogrs .demogrsbuttons img {padding-left: 4px;} /* old, removed styles .demogrs.heading{margin-bottom: 10px;border-top: none;} .demogrs div{margin-bottom: 20px;} .demogrs ul{padding-left: 0px;} .demogrs ul li.labels{font-size: 12px;background: #fff url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images) repeat-x;width: 110px;padding: 15px 0 0 20px;} .demogrs ul li{margin:0 0 15px 0;height:35px;padding: 15px 0 0 15px;} .demogrs ul li.picked{-moz-border-radius: 12px;-webkit-border-radius: 12px;background-color: #e1ecf2; height: auto;padding: 3px 5px 3px 10px;margin: 13px 0px 13px 10px;} .demogrs ul li button.picked{border: none; color: #797979; background-color: #e1ecf2; margin: 0 0 0 15px;padding: 0px;cursor: pointer;} .demogrs li button{margin-top: 0px;} */ #dgraphic0,#dgraphic1,#dgraphic2,#dgraphic3,#dgraphic4,#dgraphic5,#dgraphic6,#dgraphic7,#dgraphic8{display: none;margin-bottom: 20px} #trafficWidgetContainer .demoInfo{float: left;padding-left: 20px; width: 885px;padding-right: 10px;} #qgraphic0,#qgraphic1,#qgraphic2,#qgraphic3,#qgraphic4,#qgraphic5{display: none;margin-bottom: 20px} #targetTable{border:none;padding:0;width: 945px;margin: 10px 0 30px 15px;} #conditionTable{border:none;padding:0 0 0 5px;width: 945px;margin: 10px 0 30px 15px;display: none;} #conditionTable td{text-align: left} #targetTable tbody{border: none} #targetTable td{height: 40px;border-top:1px dashed #ccc;border-bottom:none;border-left:none;line-height: 1em} #trafficWidgetContainer ul.dedupeList{list-style: none;border-top: 1px dashed #ddd;margin-bottom: 0px;} #trafficWidgetContainer ul.dedupeList li{float: left;margin-bottom: 0px;} #dedupeCategoryList{list-style: none;border-top: 1px dashed #ccc;margin-bottom: 0px;margin-left: 140px;} #dedupeCategoryList li {border-left: 1px dashed #ccc;} #trafficWidgetContainer button.pickled{border: none;cursor: pointer;font-weight: bold;background-color: transparent;margin:7px 0px} #dedupeStatus,#dedupeProject,#dedupeCategory{display:none;margin-left: 5px} #onoffbtn{} #tags,#qdet,#catlookup{width: 400px} #addCondition{float: right;margin-top: 0px;} #trafficWidgetContainer .condition{display: none} #trafficWidgetContainer .add{float: right;margin-right: 10px} #trafficWidgetContainer button img{position: relative; top: 2px;} #trafficWidgetContainer .selectoption{margin: 0 10px;} #trafficWidgetContainer .closeButtonDiv{height: 6em;border-left: 1.5px solid #ddd;float:left;padding-top: 5px;text-align: center;width: 25px} #trafficWidgetContainer .dedupecat{width: 125px;} #trafficWidgetContainer .dedupecontent{border-left: 1px dashed #ccc} #trafficWidgetContainer .dedupeclose{float: right !important;} #qGroupName1{margin-left: 18px;height: 30px;width: 200px;} #trafficWidgetContainer .data{font-weight: bold;} #trafficWidgetContainer .agevalue{width: 25px} #trafficWidgetContainer .incomevalue{width: 100px} #trafficWidgetContainer .quotaselect{float: left;width: 894px;padding-left: 20px;padding-right: 10px} #quotatable,#agerow,#regionrow,#ethnicityrow,#genderrow,#incomerow,#lastrow{display: none} #quotatable{width: 937px; margin-left: 20px;} #quotatable tr#lastrow img{position: relative;top: 7px} #quotatable tr#lastrow input[type=radio]{margin: 0px 5px;line-height: 1em} #quotatable tr#lastrow input[type=text]{margin: 0px 5px;line-height: 1em;width: 50px} #quotatable tr#lastrow label{margin:0 10px 10px 0px;width: auto} #quotatable tr#lastrow button{float: right} #quotatable td{padding: 0px 5px;line-height: 1em} #quotatable td.pickeddata{border-left: 1px dashed #ccc;width: 780px;} #quotadetailstableheader{display: none;} #quotadetailstable{display: none; width: 100%;padding-left: 10px;} #quotadetailstable td{padding-left: 20px;line-height: 2.5em;} /* Traffic page styles */ #fig{margin-left: 30px;width:900px;height:200px;} #trafficstats{float: right;} #figcontrols {height:70px;border-bottom: 1px dashed #ccc;padding: 3px 5px;line-height: 3em;margin-bottom: 30px;} #quotagroups {width: 154px;height: 50px; margin-left: 5px;} #responsetype {width: 104px;height: 50px;position: relative;top: -50px;left: 140px;} #event {width: 104px;height: 50px;position: relative;top: -100px;left: 276px;} #daterange {width: 300px;height: 50px;position: relative;top: -142px;left: 422px;} #daterange label {line-height: 12px;} #applybtn {width: 60px;height: 50px;position: relative;top:-180px;left:695px;} #resetbtn {width: 60px;height: 50px;position: relative;top:-230px;left:755px;} #figcontrols label {margin: 0;padding: 0;} #trafficWidgetContainer select{color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px;width: 125px;} #figcontrols input{width:100px;height: 20px;border: 1px ridge #ccc; margin-right: 5px;} #figcontrols img{position: relative;top: 6px; margin-right: 5px;} .sendEmailField{width:75px;position: relative; top: 0px;left: -60px;} #start{margin-left: 30px} #now{margin-left: 660px} #end{float: right;margin-right: 30px} #trafficWidgetContainer .demogrs select{color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px;width: 125px;} #trafficWidgetContainer .demogrs ul li.picked img {position: relative;top: 0px;left:0px;} .trafficlabel {list-style: none outside none;} .trafficlabel li{float: left;margin-bottom: 0px !important;padding-left: 10px !important;} .trafficlabel li.labels{float: left;padding-left: 20px !important;} #fig span svg{border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;} #trafficStatsContainer{padding: 20px 0;border-bottom: 1px dashed #ccc;margin-top: 30px;margin-bottom: 50px;} #trafficWidgetContainer .trafficStats{margin-left: 30px;color: #989898;} #quotaprojectname{margin-left: 20px} #traffictable{width: 100%;margin-top: 36px;} #traffictable select{color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px;width: 80px;} #traffictable thead{background-image: none;} #traffictable thead tr{border: 0;} #traffictable thead td{vertical-align: bottom;padding-bottom: 8px;} #traffictable thead td.tdQty{padding-left: 14px;} #traffictable tbody td{padding: 5px;} #traffictable tbody td input{vertical-align: middle} #traffictable td.incomplete{width: 20px} #traffictable td.incomplete img{position: relative; top: 0px; left: 5px;} #traffictable tr.last tr {border:0;} #traffictable thead td.cell {padding-left:14px;} #traffictable td.cell img {padding-right:6px;} #traffictable td.status img {padding-right:6px;} #traffictable thead td.invites_sent, #traffictable thead td.invites_avail {text-align: left;padding-right: 12px;} #traffictable td.completes, #traffictable td.invites_sent, #traffictable td.invites_avail {text-align: right;padding-right: 12px;} #traffictable td.completes .red {color:#c45d54;font-weight: bold;} .tdQty {border-left: 1px dashed #ccc;} thead td.completes_reqData {text-align: left;padding-right:12px;} td.completes_reqData {text-align: right;padding-right:12px;} .completes_reqField {width:28px;height: 20px;border: 1px ridge #ccc;text-align: right;padding-right: 2px;margin-right: 12px;} .qtyField {width:30px;height: 20px;border: 1px ridge #ccc;margin-left:10px;} .clickOpen{position: relative; top: 2px; left: 0px;} .openMe{display:none;} .openMe td{padding-top:5px;} .bluelink{color: #4282d4;} .totals {font-weight: bold;} .internalSampleTotal span {display: block;padding-left: 50px;padding-top: 16px;padding-bottom: 16px;} .bottomBorder {border-bottom: 1px solid #ccc;} .popuptext{font-size: 10px;font-weight: bold;line-height: 22px;text-transform:capitalize;} .popupdate{font-size: 10px;font-weight: normal;line-height: 14px} .popupgraytitle {color: #888;} .popuptabletwo {} .popuptabletwo tr {border-top: 0;} .popuptabletwo td{padding: 0 5px;line-height: 1.5em;vertical-align: middle;} .snapshot {border-bottom: 1px solid #ccc;width:100%;} .snapshot table {margin: 20px 0 20px 50px;} .snapshot tr {border: 0;} .snapshot td {padding-right: 28px;font-size: 11px;} .snapshot td span {color:#999;} .popupRedAlert {color: white; background-color: red;} .popupBlueAlert {color: white; background-color: blue;} #externaltraffictable .snapshotrow, #traffictable .snapshotrow {border-top:0;} #externaltraffictable .snapshotrow .snapshotcell, #traffictable .snapshotrow .snapshotcell {padding-left: 50px;padding-right:0;} #externaltraffictable .snapshotrow .snapshot, #traffictable .snapshotrow .snapshot{border-top: 1px dashed #ccc;border-bottom: 0;width:100%;} #externaltraffictable .snapshotrow .snapshot table, #traffictable .snapshotrow .snapshot table {margin: 20px 0 20px 6px;} #externaltraffictable .snapshotrow .spacerblock, #traffictable .snapshotrow .spacerblock {border-left: 1px dashed #ccc;} #externaltraffictable .snapshotrow .snapshot tbody td, #traffictable .snapshotrow .snapshot tbody td {padding: 0 28px 0 0;font-size: 11px;} #dblclickmsg{display: none;position: absolute;top: 40%;left: 10%;background: #fff;border: 1px solid #bbb;border-radius: 7px;-moz-border-radius: 7px;-webkit-border-radius: 7px;font-size: 10px; padding: 5px 10px;z-index: 100001} #dblclickmsg p{margin-bottom: 5px} #dblclickmsg p.data{font-size: 14px} #emailev,#pickerev{display: none;text-align: center;} #trafficWidgetContainer .eventedit{width: 50px;} #trafficWidgetContainer hr.eventrule{border: 1px dashed #ccc;margin: 0px;} #trafficWidgetContainer .eventbut{float: right;margin: 0px !important; padding: 0px;} #trafficWidgetContainer h3.external {font-size: 12px;font-weight: normal;margin: 40px 0 20px 30px;} #externaltraffictable {width: 100%;} #externaltraffictable thead{background-image: none;} #externaltraffictable thead tr{border: 0;} #externaltraffictable thead td{vertical-align: bottom;padding-bottom: 10px;} #externaltraffictable tbody td{padding: 10px 5px;} #externaltraffictable tr.last tr {border:0;} #externaltraffictable thead td.sample {padding-left: 50px;} #externaltraffictable td.sample {padding-left: 40px;} #externaltraffictable td.sample img {padding-right: 6px;} #externaltraffictable td.completes {text-align:right;} #externaltraffictable td.status {padding-right: 60px;} #externaltraffictable td.status img {padding-right: 6px;} /* plugin css */ #trafficWidgetContainer .tooltip { display:none; background:transparent url( /DubKnowledge/javax.faces.resource/rollover_background.png.xhtml?ln=images) no-repeat; font-size:11px; height:27px; padding: 8px 10px 5px 10px; color:#fff; -moz-border-radius: 7px; -webkit-border-radius: 7px; } /* New Project styles */ #trafficWidgetContainer .formsection{background:url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images) no-repeat scroll 0 0 #FFFFFF;padding: 10px 0 0 20px;width: 940px} #trafficWidgetContainer .demogrs label{width: 125px;display: inline-block;margin-bottom: 20px} #trafficWidgetContainer .calendarwidget{position: relative;top:7px;left:5px;} #trafficWidgetContainer .ui-datepicker-trigger{position: relative;top:7px;left:5px;} #projectname{color: #000; font-size:16px;line-height: 18px;width: 400px;margin: 10px 0 20px 10px;} #client{width: 200px;} #clientbutton{margin: 0 0 0 20px;} #accountmanager{width: 200px;} #description{width: 500px} #category{width:400px} #quota{width:500px} #timeframe{width: 30px} #bid{width: 200px} #surveylength{width: 30px} #workgroup{width:200px} #addProject{margin: 10px 0 0;} /* treemap styles */ .treelabel{padding: 5px} #root .treelabel{padding: 0px;color: #fff} .tip-title{padding: 5px 5px 10px;;color: #c85e58;font-size: 16px;font-weight: bold} .tip-text{padding:0 5px;} .treedata{border-bottom: 1px inset #aaa;font-weight: bold} .tip-text hr{margin-bottom: 0px} /* Settings page */ #settingsheader span,#settingsheader1 span{margin: 5px 10px;color: #666;font-size: 16px;line-height: 18px} #settingsheader,#settingsheader1{margin:0px 0 10px 0px;padding: 10px 0;} #settingsheader1{border-top: 1px solid #ccc} #settingsheader img,#settingsheader1 img{position: relative;top:-5px;left: 10px} select#projectsettings,select#systemsettings {color: #515151;background: transparent url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x; border: 1px solid #d5d6d5; height: 19px; width: 200px;margin: 0 10px} /* Survey page */ #surveyheader{margin: 13px 10px;line-height: 2em;font-weight: normal} #surveyheader input{font-size: 16px; width: 400px;} #trafficWidgetContainer .demogrs textarea{margin-left: 15px;margin-bottom: 20px;} #patternlookup{width: 390px} /* Verify Page */ #verifyheader{margin: 15px 20px;line-height: 2em;font-weight: normal} #verifyheader h3{font-weight: normal;color: #515151} .verifycontent{color: #515151;border-top: 1px dashed #ccc;margin: 15px 20px 0;padding-top: 15px;line-height: 2em;} .verifycontent label{width: 200px;color: #888;float: left;} .verifycontent input{margin: 0 0 0 10px} #launchTools{color: #bbb;margin-right: 10px} /* Export Page */ #dataTable{width: 100%;margin-bottom: 20px;color: #666;display:none;} #dataTable tr{border-top: 1px dashed #ccc;display: none} #dataTable td.leftCell{width: 135px;padding-left:20px;} #dataTable td.middleCell{border-left: 1px dashed #ccc;border-right: 1px dashed #ccc;} #dataTable td.rightCell{width: 20px} #sourceTable{width: 100%;padding-left: 20px;margin-bottom: 20px;color: #666;display:none;} #sourceTable tr{display: none;padding-left: 20px;} #sourceTable td.leftCell{padding-left: 20px} #sourceTable td.rightCell{border-left: 1px dashed #ccc;width: 20px} #sourceTable td span.data{margin-left: 5px;margin-right: 10px;} #export{display: none;margin-right: 10px;} .tipsy { pointer-events: none; padding: 5px; font-size: 10px; position: absolute; z-index: 100000;} .tipsy-inner { padding: 5px 8px 5px 8px; background-color: #fff; color: #000; border: 1px solid #bbb; text-align: left; } .tipsy-inner { box-shadow: 3px 2px 3px #ccc;-moz-box-shadow: 3px 2px 3px #ccc;-webkit-box-shadow: 3px 2px 3px #ccc;border-radius: 7px; -moz-border-radius:7px; -webkit-border-radius:7px; } .tipsy-arrow { position: absolute; width: 9px; height: 5px; background: url( /DubKnowledge/javax.faces.resource/tipsy.gif.xhtml?ln=images ) no-repeat top left;} .tipsy-n .tipsy-arrow { top: 0; left: 50%; margin-left: -4px; } .tipsy-nw .tipsy-arrow { top: 0; left: 10px; } .tipsy-ne .tipsy-arrow { top: 0; right: 10px; } .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -4px; background-position: bottom left; } .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; background-position: bottom left; } .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; background-position: bottom left; } .tipsy-e .tipsy-arrow { top: 50%; margin-top: -4px; right: 0; width: 5px; height: 9px; background-position: top right; } .tipsy-w .tipsy-arrow { top: 50%; margin-top: -4px; left: 0; width: 5px; height: 9px; } /* #container { width: 1000px; height: 600px; margin:0 auto; position:relative; } */ #left-container, #right-container, #center-container { height:600px; position:absolute; top:0; } #left-container, #right-container { width:200px; color:#686c70; text-align: left; overflow: auto; background-color:#fff; background-repeat:no-repeat; border-bottom:1px solid #ddd; } #left-container { left:0; background-image:url('col2.png'); background-position:center right; border-left:1px solid #ddd; } #right-container { right:0; background-image:url('col1.png'); background-position:center left; border-right:1px solid #ddd; } #right-container h4{ text-indent:8px; } #center-container { width:600px; left:200px; background-color:#1a1a1a; color:#ccc; } #trafficWidgetContainer .text { margin: 7px; } #inner-details { font-size:0.8em; list-style:none; margin:7px; } #log { position:absolute; top:10px; font-size:1.0em; font-weight:bold; color:#23A4FF; } #infovis { position:relative; width:300px; height:600px; margin:auto; overflow:hidden; } /*TOOLTIPS*/ .tip { color: #111; width: 139px; background-color: white; border:1px solid #ccc; -moz-box-shadow:#555 2px 2px 8px; -webkit-box-shadow:#555 2px 2px 8px; -o-box-shadow:#555 2px 2px 8px; box-shadow:#555 2px 2px 8px; opacity:0.9; filter:alpha(opacity=90); font-size:10px; font-family: Arial, sans-serif; padding:7px; }body { /*font-family:Arial;*/ font-size:10px; line-height: 1.5em } hr { border:0 #ccc solid; border-top-width:1px; clear:both; height:0 } h1 { font-size:25px } h2 { font-size:23px } h3{ font-size:21px } h4 { font-size:19px; color:#222; font-weight:normal } h5 { font-size:17px } h6 { font-size:16px; font-weight: normal } ol { list-style:decimal } ul { list-style:disc } li { } p,dl,hr,h1,h2,h3,h4,h5,h6,ol,ul,pre,address,fieldset { } select,input,textarea { font-family: Arial; font-size: 10px; }span.xwatermark { color: #999; padding-left: 2px; } .loadmask { z-index: 100; position: absolute; top:0; left:0; -moz-opacity: 0.1; opacity: .10; filter: alpha(opacity=10); background-color: #ccc; zoom: 1; } .loadmask-msg { z-index: 20001; position: absolute; top: 0; left: 0; border:1px solid #6593cf; background: #c3daf9; padding:2px; } .loadmask-msg div { padding:5px 10px 5px 25px; background: #fbfbfb url('../images/loading.gif') no-repeat 5px 5px; line-height: 16px; border:1px solid #a3bad9; color:#222; cursor:wait; } .masked { overflow: hidden !important; } .masked-relative { position: relative !important; } .masked-hidden { visibility: hidden !important; } .ui-multiselect { padding:2px 0 2px 4px; text-align:left } .ui-multiselect span.ui-icon { float:right } .ui-multiselect-single .ui-multiselect-checkboxes input { position:absolute !important; top: auto !important; left:-9999px; } .ui-multiselect-single .ui-multiselect-checkboxes label { /*padding:5px !important*/ } .ui-multiselect-header { margin-bottom:3px; padding:3px 0 3px 4px } .ui-multiselect-header ul { font-size:0.9em } .ui-multiselect-header ul li { float:left; padding:0 10px 0 0 } .ui-multiselect-header a { text-decoration:none } .ui-multiselect-header a:hover { text-decoration:underline } .ui-multiselect-header span.ui-icon { float:left } .ui-multiselect-header li.ui-multiselect-close { float:right; text-align:right; padding-right:0 } .ui-multiselect-menu { display:none; padding:3px; position:absolute; z-index:10000; text-align: left } .ui-multiselect-checkboxes { position:relative /* fixes bug in IE6/7 */; overflow-y:scroll } .ui-multiselect-checkboxes label { cursor:default; display:block; border:1px solid transparent; padding:3px 1px } .ui-multiselect-checkboxes label input { position:relative; top:1px } .ui-multiselect-checkboxes li { clear:both; font-size:0.9em; padding-right:3px } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label { text-align:center; font-weight:bold; border-bottom:1px solid } .ui-multiselect-checkboxes li.ui-multiselect-optgroup-label a { display:block; padding:3px; margin:1px 0; text-decoration:none } /* remove label borders in IE6 because IE6 does not support transparency */ * html .ui-multiselect-checkboxes label { border:none } .ui-multiselect-hasfilter ul { position:relative; top:2px } .ui-multiselect-filter { float:left; margin-right:10px; font-size:11px } .ui-multiselect-filter input { width:100px; font-size:10px; margin-left:5px; height:15px; padding:2px; border:1px solid #292929; -webkit-appearance:textfield; -webkit-box-sizing:content-box; } .dtree-ul{ padding-left: 40px; } .dtree-ul > li:first-child{ border-top: 1px dashed #ddd; } .dtree-ul .dtree-ul > li:first-child{ border: none; } .dtree-draggable, .dtree-droppable{ margin: 1px 0; } /*----- draggable -----*/ .dtree-draggable{ margin: 0px 0px; list-style-type: none; } /*----- droppable -----*/ .dtree-draggable > div{ list-style-type: none; padding: 0 0 6px 5px; border-bottom: 1px dashed #ddd; vertical-align: middle; } /* .dtree-droppable{ list-style-type: none; padding: 0 0 6px 5px; border-bottom: 1px dashed #ddd; } */ .dtree-draggable > div.dtree-droppable-line{ min-height: 6px; font-size: 0px; line-height: 0px; padding: 0; margin: 0; border: none; } /*----- possible enabled drop zones -----*/ .dtree-droppable-active{ background-color: #e1ecf2; } .dtree-droppable-over{ background-color: #90a7b8; } /*----- dragged item ----*/ .dtree-ul .ui-draggable-dragging{ background-color: #000; color: #fff; cursor: s-resize; opacity:0.50; -moz-opacity:0.50; -khtml-opacity:0.50; filter:alpha(opacity:50); width: 100%; } /***************** *** reset.css *** *****************/ html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:12px;vertical-align:baseline;background:transparent}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}a{text-decoration: none;font-weight: normal;color: #515151} /* Additional code to reset JQ UI css */ .ui-widget-content, .ui-widget{ background: none; border: none; color: inherit; font-size: 10px; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial; font-size: 10px; } .ui-widget-header { background: none; border: none; color: auto; } .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default{ background: #FFFFFF repeat scroll 0 0; border: none; border: inherit; } .ui-corner-all{ -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{ color:inherit; } .ui-datatable .ui-datatable-header, .ui-datatable .ui-datatable-footer{ padding:0 !important; margin:0 !important; } .ui-panel .ui-panel-content{ padding:0 !important; margin:0 !important; } .ui-button-text-only .ui-button-text { padding: 0 9px; line-height: 1 !important; } .ui-button .ui-button-text { display: block; } .ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td { border: none; } .ui-datatable .ui-datatable-data td, .ui-datatable .ui-datatable-data-empty td, .ui-datatable th, .ui-datatable tfoot td{ padding: 3px 8px; border-bottom: none !important; border-left: none !important; border-right: none !important; border-top-style: solid !important; border-width: 1px !important; /* border-color: #CCCCCC !important; */ } .ui-message-error, .ui-messages-error, .ui-message-error-detail, .ui-messages-error-detail{ background: none !important; border: none !important; } @CHARSET "UTF-8"; .component-accordion h3 { background: #FFFFFF repeat-x top center; padding: 0px; border: 0px; } .component-accordion h3 label { color: #000000; } .component-accordion h3.ui-accordion-header { background: #FFFFFF repeat-x top center; } .component-accordion h3.ui-helper-reset { } .component-accordion h3.ui-state-default { } .component-accordion h3.ui-state-active { background: #FFFFFF repeat-x top center; border: 0px; } .component-accordion h3.ui-corner-top { } .component-accordion h3.ui-corner-all { } .component-accordion h3.ui-corner-all { } .component-accordion h3.ui-state-focus { background: #FFFFFF repeat-x top center; } .component-accordion h3.ui-state-hover { background: #FFFFFF repeat-x top center; } @CHARSET "UTF-8"; .component-approval { } .approval_area { position: relative; font-family: "Arial", "Helvetica", "sans-serif"; font-size: 11px; } .approval_radio { float: right; background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x scroll center top #C5C5C5; height: 36px; } .approval_radio td { vertical-align: middle; padding-right: 10px; border-left: 1px solid #AAAAAA; } .approval_radio input { margin: 0 0 0 10px; vertical-align: middle; } .checked_by { float: right; background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x scroll center top #C5C5C5; height: 12px; padding: 12px; width: 270px; text-align: right; } .approval_comment { position: absolute; right: 2px; width: 181px; top: 40px; height: 80px; z-index: 1000; } #checkMainPanel .ui-watermark { font-style: normal; font-size: 10px; } @CHARSET "UTF-8"; /************************************************************************************** *** check.xhtml *** **************************************************************************************/ #checkMainPanel { margin : 0px; padding: 0px; border: 0px; } button.checkButtons{ float:right; top:-30px; } a.checkButtons{ float:right; top:-30px; background: url( /DubKnowledge/javax.faces.resource/21h-button-back.png.xhtml?ln=images ) repeat-x scroll left top #FFFFFF; border: 1px groove #AAAAAA; border-radius: 12px 12px 12px 12px; font-size: 12px; height: 20px; line-height: 21px; margin: 0; padding: 0 10px; vertical-align: middle; white-space: nowrap; position: relative; } a.checkButtons:hover{ float:right; top:-30px; background: url( /DubKnowledge/javax.faces.resource/21h-button-back_hover.png.xhtml?ln=images ) repeat-x scroll left top #FFFFFF; border: 1px groove #AAAAAA; border-radius: 12px 12px 12px 12px; font-size: 12px; height: 20px; line-height: 21px; margin: 0; padding: 0 10px; vertical-align: middle; white-space: nowrap; position: relative; } /* * Accordion */ #checkMainPanel > div.component-accordion { } /* * Accordion header */ #checkMainPanel > div.component-accordion > h3 { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 14px; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x top center; border: 0px !important; height: 36px; } #checkMainPanel > div.component-accordion > h3 > label { position: absolute; padding-top: 10px; font-size: 14px; } #checkMainPanel > div.component-accordion > h3.check_bos_specs_header { width: 1000px; } #checkMainPanel > div.component-accordion > h3 > span.ui-icon { display: block; float: left; margin: 10px 0px 0px 10px; position: static; cursor: pointer; left: auto; top: auto; } /* * Accordion content */ .check_bos_specs_value { padding-top: 10px; padding-bottom: 10px; } #checkMainPanel > div.component-accordion > div.ui-widget-content { width: 1000px; /*margin-left: 27px;*/ } #checkMainPanel > div.component-accordion > div.ui-widget-content > span.projectSettingsOutputPanel > form > fieldset > dl > dt { background: none; } #checkMainPanel > div.component-accordion > div.ui-widget-content > span.projectSettingsOutputPanel > form > fieldset > dl > dd { padding: 5px; } #checkMainPanel > div.component-accordion > div.ui-widget-content > span > form > fieldset > dl > dt.projectSettingsHeader { background: transparent url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images) no-repeat left top; } #checkMainPanel > div.component-accordion > div.ui-widget-content > span > form > fieldset > dl > dt.projectDetailsHeader { background: transparent url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images) no-repeat left top; } /* * #checkMainPanel .fields * Sets the styles for displaying a set of fields. * The set of fields is styled as a table, with * each field being styled as a row. Within the row, * the field name is the first column and the field * value is the second column. */ #checkMainPanel .fields { display: table; } #checkMainPanel .fields .field { display: table-row; } #checkMainPanel .fields .field .fieldname { display: table-cell; padding: 0 15px 3px 0; } #checkMainPanel .fields .field .fieldvalue { display: table-cell; font-weight: bold; /* Show field values in bold. */ } #checkMainPanel .fieldname label.mandatory { font-weight: bold; /* Show mandatory attribute names in bold. */ font-size: 12px; } label.fieldvalue{ font-weight: bold; /* Show field values in bold. */ } /* * #checkMainPanel table.checkQuotaDetails * These styles set up the table of cells in the quota details area. */ /* column and row spacing */ #checkMainPanel table.checkQuotaDetails th, #checkMainPanel table.checkQuotaDetails td { padding: 4px 30px 4px 0; font-weight: bold; } /* header alignment */ #checkMainPanel table.checkQuotaDetails > thead > tr > th { text-align: left; vertical-align: bottom; font-weight: normal; } /* lines between rows */ #checkMainPanel table.checkQuotaDetails > thead > tr, #checkMainPanel table.checkQuotaDetails > tbody > tr { border-bottom: 1px dashed #AAAAAA; } .approvalBox { width: 230px; } /* Test Links table */ html body div.surveyUrlTableHeader table tbody tr td a.testLinkText label { cursor: pointer; } @CHARSET "UTF-8"; div.component-confirm-dialog { background-color: #000000; /* url(/DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images) repeat-x scroll center center transparent; */ color: #FFFFFF; background-size: 100% 100%; border:1px solid #cdcdcd; position: absolute; padding: 5px; z-index: 1000; -khtml-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } div.component-confirm-dialog > div.ui-confirm-dialog-pointer { position:absolute; width:15px; height:9px; } div.component-confirm-dialog > div.ui-confirm-dialog-pointer-down { background: url(/DubKnowledge/javax.faces.resource/icons/comfirm_pointer_bg_down.png.xhtml?ln=images) no-repeat center center transparent; } div.component-confirm-dialog > div.ui-confirm-dialog-pointer-up { background: url(/DubKnowledge/javax.faces.resource/icons/comfirm_pointer_bg_up.png.xhtml?ln=images) no-repeat center center transparent; } @CHARSET "UTF-8"; .customcheckbox_off { background: #fff url( /DubKnowledge/javax.faces.resource/components/check_off.png.xhtml?ln=images ) no-repeat 0px 0px; width : 14px; height : 13px; } .customcheckbox_on { background: #fff url( /DubKnowledge/javax.faces.resource/components/check_on.png.xhtml?ln=images ) no-repeat 0px 0px; width : 14px; height : 13px; } @CHARSET "UTF-8"; /*--- multiselect ---*/ /*.component.component-customselect*/ button.ui-multiselect.ui-widget.ui-corner-all { background: #fff url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x 0px 0px; min-width: 100px; max-width: 250px; overflow: hidden; height:21px; border:1px solid #d5d6d5; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; } button.ui-multiselect.ui-widget.ui-corner-all span { max-width: 200px; overflow: hidden; white-space: nowrap; } .component-customselect.autocomplete > button.ui-multiselect { display: none; } /*.component-customselect*/ button.ui-state-active.ui-widget.ui-corner-all { background: #fff url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x 0px 0px; color: #000; } /*.component-customselect >*/ button.ui-multiselect.ui-widget.ui-corner-all .ui-icon { position:relative; top:0px; background: url( /DubKnowledge/javax.faces.resource/icons/arrow.png.xhtml?ln=images ) no-repeat center center; } /* .menu-proxy, .component-customselect > div.ui-multiselect-menu */ div.ui-multiselect-menu.ui-widget.ui-widget-content { border: 1px #d6d6d6 solid; padding-top: 6px; __padding: 6px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #fff; color: #000; } /* .menu-proxy > ul, .component-customselect div.ui-multiselect-menu > ul */ div.ui-multiselect-menu.ui-widget.ui-widget-content > ul { overflow: auto; __background-color: #fff; overflow: visible; height: auto !important; } /* .menu-proxy > ul > li, .component-customselect div.ui-multiselect-menu > ul > li */ div.ui-multiselect-menu.ui-widget.ui-widget-content > ul > li { border: none; background-image: none; background-color: transparent; padding: 0; overflow: visible; list-style: none; } /* .menu-proxy > ul > li > label, .component-customselect div.ui-multiselect-menu > ul > li > label */ div.ui-multiselect-menu.ui-widget.ui-widget-content > ul > li > label { border: none; background-image: none; background-color: transparent; margin-right: -3px; margin-left: -3px; padding: 0 28px 0 5px; line-height: 21px; height: 21px; display: block; min-width: 94px; color: #000; white-space: nowrap; } /* .menu-proxy > ul > li.selected > label, .component-customselect div.ui-multiselect-menu > ul > li.selected > label */ div.ui-multiselect-menu.ui-widget.ui-widget-content > ul > li.selected > label { xbackground-color: #ebebeb; xbackground-image: none; background: #ebebeb url( /DubKnowledge/javax.faces.resource/jquery/ok-16x16.png.xhtml?ln=images ) no-repeat 100% 5px; } /* .component-customselect ul.ui-multiselect-checkboxes label.ui-state-hover */ div.ui-multiselect-menu ul.ui-multiselect-checkboxes > li > label.ui-state-hover { background-color: #ebebeb; background-image: none; } /* .component-customselect div.ui-multiselect-menu > ul > li > label > input */ div.ui-multiselect-menu > ul > li > label > input { position:absolute; visibility: hidden; } /* quick filter */ div.ui-multiselect-menu > .ui-multiselect-header > ul { display: none; } /* paginator subcase */ button.ui-multiselect.ui-widget.ui-corner-all.paginatorCombo { min-width: 1px; padding: 0 2px; } button.ui-multiselect.ui-widget.ui-corner-all.paginatorCombo .ui-icon { background-position: 5px center; } div.ui-multiselect-menu.ui-widget.ui-widget-content.paginatorCombo > ul > li > label { min-width: 20px; } /* customizing PrimeFaces autocomplete */ ul.ui-autocomplete.ui-menu.ui-widget { border: 1px #d6d6d6 solid; padding-top: 7px; padding-bottom: 7px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #fff; color: #000; z-index: 120002 !important; } ul.ui-autocomplete.ui-menu.ui-widget > li { border: none; background-image: none; background-color: transparent; padding: 0; overflow: visible; list-style: none; } ul.ui-autocomplete.ui-menu.ui-widget > li > label { border: none; background-image: none; background-color: transparent; margin-right: -3px; margin-left: -3px; padding: 0 28px 0 5px; line-height: 21px; height: 21px; display: block; min-width: 94px; } ul.ui-autocomplete.ui-menu.ui-widget > li > a.ui-state-hover { background-color: #ebebeb; background-image: none; } /******** proxies *******/ .component-customselect .proxy-container{ display: inline-block; position: relative; } .component-customselect .proxy-container .proxy{ position: relative; display: inline; background-color:#E1ECF2; margin-left: 10px; padding: 3px 5px 3px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #000; } .component-customselect .proxy-container .proxy span.numberOfSubPanel { font-weight: bold; width: 9px; height: 9px; padding: 0; margin: 0 0 0 10px; display: inline-block; } .component-customselect .proxy-container .proxy .subPanelsArrow { background: url( /DubKnowledge/javax.faces.resource/icons/arrow.png.xhtml?ln=images ) no-repeat center center; width: 9px; height: 9px; padding: 0; margin: 0 10px 0 0px; display: inline-block; } .component-customselect .proxy-container .proxy a { background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat center center; width: 9px; height: 9px; padding: 0; margin: 0px 10px 0 10px; display: inline-block; } .menu-proxy { width: auto !important; } div.disabled-menu-proxy { } div.disabled-menu-proxy > div.body { width: 100px; display: table; display: table-row; } div.disabled-menu-proxy > div.body > div.ui-tooltip-pointer { background: url( /DubKnowledge/javax.faces.resource/icons/white_arrow_left.png.xhtml?ln=images) no-repeat center center; width: 14px; height: 20px; position: absolute; left: -14px; } div.disabled-menu-proxy > div.body > div.field { display: table-row; } div.disabled-menu-proxy > div.body > div.field > div.header { text-align: left; font-weight: bold; font-size: 12px; display: table-cell; } div.disabled-menu-proxy > div.body > div.field > div.content { text-align: left; font-size: 11px; display: table-cell; } /*----- Sub-versions -----*/ /*----- noborder ----- .component.component-customselect button.ui-multiselect { background: none; background-image: none; border-width:0; } */ /* in dialog commented to confirm with ui guidelines */ /* div.ui-dialog .component.component-customselect button.ui-multiselect { background: none; border: none; background-position: right center; background-repeat: no-repeat; min-width: 110px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; } div.ui-dialog .component.component-customselect button.ui-multiselect span{ color:#fff; } div.ui-dialog .component.component-customselect button.ui-multiselect > .ui-icon{ float: left; left: 0; margin-right: 5px; } .ui-dialog .component-customselect > button.ui-state-active { color: #fff; } */ /* ----- constraint on width----- */ span.cut_selected_item { overflow:hidden; display:block; } #dashboardTable{ } /*reset jq styles*/ #dashboardTable table tr, #dashboardTable table tr th, #dashboardTable table tr td{ background: none; border: none; border-color: #CCCCCC !important; } #dashboardTable .ui-icon, #claimTable .ui-icon{ text-indent:0px; } #dashboardTable .ui-paginator-page, #claimTable .ui-paginator-page{ background-image: none !important; background-color: transparent !important; border-style: none !important; color: #4C86D2 !important; } #dashboardTable .ui-paginator-current-page, #claimTable .ui-paginator-current-page{ color: #000000 !important; } #dashboardTable .ui-paginator-next, #dashboardTable .ui-paginator-previous, #dashboardTable .ui-paginator-first, #dashboardTable .ui-paginator-last, #claimTable .ui-paginator-next, #claimTable .ui-paginator-previous, #claimTable .ui-paginator-first, #claimTable .ui-paginator-last{ background-image: none !important; background-color: transparent !important; border-style: none !important; vertical-align: middle !important; } #dashboardTable .ui-paginator .ui-state-disabled{ color: #BDBDBD !important; } #dashboardTable .ui-icon-seek-first, #dashboardTable .ui-icon-seek-end, #dashboardTable .ui-icon-seek-prev, #dashboardTable .ui-icon-seek-next, #claimTable .ui-icon-seek-first, #claimTable .ui-icon-seek-end, #claimTable .ui-icon-seek-prev, #claimTable .ui-icon-seek-next{ background: none; color: #4C86D2 !important; } #dashboardTable .paginatorCombo,#claimTable .paginatorCombo{ color: #4C86D2 !important; } #dashboardTable .paginatorCombo label,#claimTable .paginatorCombo label{ color: #4C86D2 !important; } #dashboardTable .ui-paginator-rpp-options{ border-color: #bbbbbb; border-style: solid; border-width: 1px; padding: 1px; } input.searchProjMan { border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; border: 1px groove #CCCCCC; } #dashboardTable\:selectProjectManager { padding-left: 2px; } #dashboardTable, #dashboardTable div{ /*background: none;*/ /*nlac: removed because it harmed the customselect bg*/ /*padding: 0px;*/ } #dashboardTable table tr th, #dashboardTable table tr td { text-align:left; border-width:0; border-right: 1px #ccc solid; padding: 5px 5px; vertical-align: top; } #dashboardTable table.header tr th, #dashboardTable table.header tr td{ border-right: none; } #sidePaneUserProjectsContainer .header, #dashboardTable table tr th { background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x left top; border-bottom: 1px #ccc solid; vertical-align: middle; color: #000; } #dashboardTable > table tr{ border-bottom: 1px #ccc dashed; cursor: default !important; } #dashboardTable > table tr.closed { background-color: #EEE5EE; } #dashboardTable th span{ float: left; font-weight: normal; } #dashboardTable table td.dashboard_col_pm { width:auto; min-width:60px; max-width:120px; } #dashboardTable table td.dashboard_col_pm span{ width:auto; } #dashboardTable table td.dashboard_col_pm span div.projectManager{ font-weight:bold; width:auto; max-height:30px; overflow-x: hidden; } #dashboardTable table td.dashboard_col_pm span div.accountManager{ width:auto; max-height:15px; overflow-x: hidden; } #dashboardTable input.dashboardGlobalFilter[type="text"] { float: right; width: -moz-available; } #dashboardTable input[type=text].PMWG { float: left; } #dashboardTable > .ui-datatable-header th:first-child { width: 500px; } /*----- dl in columns -----*/ #dashboardTable dl{ display: table-row; } #dashboardTable dl span{ display: block; width: 100%; height:100%; } #dashboardTable dt{ display: table-cell; color:#999; } #dashboardTable dd{ display: table-cell; } /*----- columns -----*/ #dashboardTable td > span{ display: block; overflow-x: hidden; padding:0; min-height: 41px; } #dashboardTable td > span > div.quotaGroup { max-height: 15px; min-height: 1px; min-width: 85px; overflow-x: hidden; width: auto; } #dashboardTable td.dashboard_col_id > span { width: 95%; } #dashboardTable td.dashboard_col_id > span > div{ width: 95px; } #dashboardTable td.dashboard_col_pm > span { width: auto; min-width:60px; overflow-x: hidden; max-height:45px; } #dashboardTable td.dashboard_col_status > span { width: 90px; } #dashboardTable th.dashboard_col_name, #dashboardTable td.dashboard_col_name { border-right-width:0; } #dashboardTable td.dashboard_col_name > span { width: auto; min-width: 110px; border-right-width:0; } #dashboardTable td.dashboard_col_name { width: auto; min-width: 110px; border-right-width:0; } #dashboardTable th.dashboard_col_qgroups, #dashboardTable td.dashboard_col_qgroups { border-right-width:0; } #dashboardTable td.dashboard_col_qgroups > span { width:auto; } #dashboardTable td.dashboard_col_navigation { background: transparent url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images) no-repeat right 1px; } #dashboardTable td.dashboard_col_navigation > span { width: 70px; } #dashboardTable .quotaCommandButton { background: transparent url( /DubKnowledge/javax.faces.resource/buttons/quota_btn_up.png.xhtml?ln=images ) no-repeat center center; top: 8px; width:30px; height:30px; padding:0; line-height:30px; border-width:0; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #dashboardTable .settingsCommandButton { background: transparent url( /DubKnowledge/javax.faces.resource/icons/settings_gray.png.xhtml?ln=images ) no-repeat center center; top: 8px; width:30px; height:30px; padding:0; line-height:30px; border-width:0; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #dashboardTable .quotaCommandButton:hover { background: transparent url( /DubKnowledge/javax.faces.resource/buttons/quota_btn_hover.png.xhtml?ln=images ) no-repeat center center; } #dashboardTable .trafficCommandButton { background: transparent url( /DubKnowledge/javax.faces.resource/buttons/traffic_btn_up.png.xhtml?ln=images ) no-repeat center center; top: 8px; width:30px; height:30px; padding:0; line-height:30px; border-width:0; border:none; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; } #dashboardTable .trafficCommandButton:hover { background: transparent url( /DubKnowledge/javax.faces.resource/buttons/traffic_btn_hover.png.xhtml?ln=images ) no-repeat center center; } #dashboardTable .dashboard_col_bps{ padding-right: 0px; } #dashboardTable .dashboard_col_bps dt{ width: 45px; } #dashboardTable .dashboard_col_bps dd{ width: 43px; } #dashboardTable .dashboard_col_bps_noclientSSI{ padding-right: 0px; } #dashboardTable .dashboard_col_bps_noclientSSI dt{ width: 45px; } #dashboardTable .dashboard_col_bps_noclientSSI dd{ width: 43px; } #dashboardTable th.dashboard_col_sat, #dashboardTable td.dashboard_col_sat{ min-width: 53px; } #dashboardTable td.dashboard_col_sat dt{ padding-right: 2px; } #dashboardTable td.dashboard_col_sat dd{ } #dashboardTable th.dashboard_col_start, #dashboardTable td.dashboard_col_start{ border-right-width:0; } #dashboardTable th.dashboard_col_spark, #dashboardTable td.dashboard_col_spark{ border-right-width:0; } #dashboardTable td.dashboard_col_spark > span { overflow : visible; line-height: 11px; } #dashboardTable th.dashboard_col_end, #dashboardTable td.dashboard_col_end{ border-right-width:0; padding-right: 10px; } #dashboardTable td.dashboard_col_start span, #dashboardTable td.dashboard_col_end span{ position: relative; top: 5px; left:10px; width:30px; margin-left: 0px; } #dashboardTable th.dashboard_col_filled, #dashboardTable td.dashboard_col_filled{ width: 36px; } #dashboardTable td.dashboard_col_filled span { margin-top: 14px; text-align: center; min-height: 0px; } #dashboardTable td.dashboard_col_sat img { padding-bottom: 3px; vertical-align: middle; padding-left: 3px; cursor: pointer; } .pointer { cursor: pointer; } #dashboardTable td.dashboard_col_sat span.counterValue { line-height: 15px; padding-bottom: 1px; } #dashboardTable span.counterContainer { text-align: center; width: 21px; } #dashboardTable div.dashboard_col_client_project_client { max-height: 30px; font-weight: bold; overflow-x:hidden; } #dashboardTable div.dashboard_col_client { max-height: 15px; overflow-x:hidden; } /*----- highlighted rows -----*/ #dashboardTable tr.ui-state-highlight{ background: url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x left top; background-image: url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images); border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } #dashboardTable tr.ui-selected{ background: url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x left top; background-image: url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images ); border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } #dashboardTable tr.ui-selected td:last-child, #dashboardTable tr.ui-selected td:last-child, #dashboardTable tr.ui-state-highlight td:last-child, #dashboardTable tr.ui-state-highlight td:last-child{ border-right-width: 0; } #dashboardTable\:createProdproject{ margin-right: 10px; } #dashboardTable\:copyproject{ margin-right: 10px; } #dashboardTable\:newproject{ margin-right: 10px; margin-left: 10px; } /*----- select status -----*/ .component.component-customselect.project-status{ display: block; } .component.component-customselect.project-status button.ui-multiselect { background: none; border: none; background-position: right center; background-repeat: no-repeat; min-width: 110px; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; padding: 0; } .component.component-customselect.project-status button.ui-multiselect > .ui-icon{ float: left; left: 0; margin-right: 5px; } .component.component-customselect.project-status-1 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/open.png.xhtml?ln=images ); } .component.component-customselect.project-status-2 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/active.png.xhtml?ln=images ); } .component.component-customselect.project-status-3 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/soft_launch.png.xhtml?ln=images ); } .component.component-customselect.project-status-4 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/suspended.png.xhtml?ln=images ); } .component.component-customselect.project-status-5 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/active.png.xhtml?ln=images ); } .component.component-customselect.project-status-6 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/active.png.xhtml?ln=images ); } .component.component-customselect.project-status-7 button.ui-multiselect{ background-image: url( /DubKnowledge/javax.faces.resource/status_icons/active.png.xhtml?ln=images ); } /*----- claim project -----*/ #claimTable table tr th{ background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x left top; border-bottom: 1px #ccc solid; color: #000; } #claimTable th{ position: relative; vertical-align: middle; border-color: #CCCCCC !important; } #claimTable td { border-width: 0 0 1px; border-color: #DDDDDD; border-style: solid; /*border-bottom: 1px solid #DDDDDD;*/ } #claimTable input[type=text] { float: right; } #claimTable input.claimproject{ __float: right; } #claimTable td.dashboard_col_claim { text-align: right; white-space: nowrap; } #claimTable div.dashboard_col_client_project_client { font-weight: bold; } #claimTable table th.dashboard_col_workgroup { text-align: right; } #claimTable table th.dashboard_col_workgroup > span > span { position:relative; text-align: left; font-weight: normal; } #claimTable table th.dashboard_col_workgroup > span > span > button{ min-width: 120px; border: none; background: none repeat scroll 0 0 transparent; cursor: pointer; padding: 0 0; } #claimTable tbody.ui-datatable-data tr:first-child { background: url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images ) repeat-x left top; border-bottom:none; } #claimTable tbody.ui-datatable-data tr:first-child td:last-child { padding-top: 10px; } #claimTable th.dashboard_col_id, #claimTable td.dashboard_col_id{ width: 50px; white-space: nowrap; } #claimTable_data span.ui-icon-triangle-2-n-s { display: none; } #claimTable button.ui-state-disabled { opacity: 1.0; } #claimTable_paginatorbottom { /*margin-bottom: 20px;*/ } #select-project-dialog\:outputPanel button { background-image: url( /DubKnowledge/javax.faces.resource/buttons/dialogbuttonbg.png.xhtml?ln=images ); border-color:#000; color: #fff; margin-right: 5px; float:right; } .sparkline-completes { color:#999; font-size: 9px; /* text-align: center;*/ /*margin-top: 3px;*/ } .sparkline-completes-left { float: left; } /*.sparkline-completes-right { float: right; }*/ .value_in_red { color: red; } .value_in_green { color: green; } /* --- Copy Project CSS -- */ .disabledItem { color: #808080; } .enabledItem { color: #FFFFFF; } .searchProjectForCopy { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 225px; } #dashboardForm .ui-messages { float: left !important; } #dashboardForm .ui-messages-error-icon { display:none; } #dashboardForm .ui-messages .ui-messages-error{ background-color: #FFFFFF; border-color: #FFFFFF; margin-top: 0; margin-bottom: 0; padding: 0; } #copyProjectDataDialog\:srchProdProjErr .ui-message-error-detail { color: red !important; } .incident_tooltip { color: #000000; outline: medium none; position: relative; text-decoration: none; } .incident_tooltip span { margin-left: -999em; position: absolute; } .incident_tooltip:hover span { background-color: #FFFFFF; border: 1px solid #CCCCCC; border-radius: 5px 5px 5px 5px; box-shadow: 2px 2px 8px #555555; color: #111111; opacity: 0.9; left: 2em; margin-left: 0; position: absolute; top: 2em; width: 250px; z-index: 99; } .incident_tooltip_value { padding-left: 5px; }@CHARSET "UTF-8"; /************************************************************************************** *** export.xhtml *** **************************************************************************************/ body div.exportPresetDiv { right: 5px; position:relative; } #exportDefineDataAutoComplete .ui-autocomplete-input{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 300px; } #exportProjectAutoComplete .ui-autocomplete-input{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 300px; } .exportDataGrid { border-top: 1px dashed #CCCCCC !important; border-left: 1px dashed #CCCCCC !important; border-right: 1px dashed #CCCCCC !important; vertical-align: middle; width: 100%; height: 30px; } .exportDataGroup { border-left: 1px dashed #CCCCCC !important; vertical-align: middle; } .exportDataTableHeader > div { text-align: right !important; } .exportDataTableHeader > table > thead > tr > th { text-align: center; background-image: none !important; background-color: transparent !important; border-width: 1px !important; border-top: 1px dashed #CCCCCC !important; border-left: 1px dashed #CCCCCC !important; border-right: 1px dashed #CCCCCC !important; border-bottom: 1px dashed #CCCCCC !important; padding: 10px; } .exportDataTableHeader > table > tbody > tr > td { border-top: 1px dashed #CCCCCC !important; border-left: 1px dashed #CCCCCC !important; border-right: 1px dashed #CCCCCC !important; padding: 10px; vertical-align: middle; } .removeExportDataButton span.ui-icon{ background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 15px !important; left: 10px !important; background-color: transparent !important; border-style: none !important; } .removeExportDataButton { background-color: transparent !important; border-style: none !important; background-image: none !important; } .exportPresetForm { display:table-cell; vertical-align:middle; width: 1%; } .boldLabel { font-weight:bold !important; } #exportPresetForm .ui-message-info { font-size: 11px; font-weight: bold; color: #283A90; } #exportPresetForm .ui-message-error-detail { color: red !important; font-weight: bold !important; } #exportForm .ui-dialog { background: url(/DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images) repeat-x scroll center center transparent; color: #FFFFFF; background-size: 100% 100%; border:1px solid #cdcdcd; position: absolute; padding: 5px; z-index: 1000; -khtml-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } #exportForm .ui-dialog-content { font-weight: bold; font-size: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } #exportForm .ui-dialog-buttonpane { background-color: transparent !important; text-align: right; } #exportForm .ui-icon-alert { background-color: #FFFFFF; } .moddate { vertical-align: top; padding-top: 5px; } .astext { vertical-align: top; padding-top: 5px; } body div#exportBtnDiv { text-align: right; padding: 0px 0px 5px 0px; } /**** * Quota Group filtering section */ tr.row_selected > td { background-color: #EEEEEE; } body form.exportPresetOverWriteForm .ui-dialog { background: url(/DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images) repeat-x scroll center center transparent; color: #FFFFFF; background-size: 100% 100%; border:1px solid #cdcdcd; position: absolute; padding: 5px; z-index: 1000; -khtml-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } body form.exportPresetOverWriteForm .ui-dialog-content { font-weight: bold; font-size: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } body form.exportPresetOverWriteForm .ui-dialog-buttonpane { background-color: transparent !important; text-align: right; } body form.exportPresetOverWriteForm .ui-icon-alert { background-color: #FFFFFF; } tr.scheduledExportRow:hover > td { background-color: #CCCCCC; } #scheduledExportForm tr.downloadable td { background-color: #EEE5EE; } table.export_tooltip td { padding: 5px !important; } table.export_tooltip_header_row td { padding: 5px !important; font-weight: bold; } .component-fcond .ui-button-icon-only .ui-icon { margin-left: -7px; margin-top: -10px; left:auto; } .component-fcond .opnode{ display: inline-block; width: 170px; font-weight: bold; } .component-fcond .component-input_selectone > ul{ float: right; } .component-fcond .opnode button{ width: 107px; margin-left: 7px !important; } .component-fcond .fcond-read{ white-space: nowrap; } .component-fcond .fcond-read-last{ display: inline-block !important; max-width: 200px; } .component-fcond .fcond-write .component-input_selectone ul{ display: -moz-inline-box; margin: 0px 5px; } .component-fcond .ui-inplace-save, .component-fcond .ui-inplace-cancel{ display: none; } .component-fcond .fcond-read-lastupdated{ margin-left: 30px; } .component-fcond .fcond-name { font-weight: normal; width: 150px; display: inline-block; margin-left: 10px; } .component-fcond .fcond-op { font-weight: normal; } .component-fcond .fcond-param { font-weight: bold; display: inline !important; } .component-fcond .multiselect_parameter > button > span { _max-width: 150px; _overflow: hidden; display: inline-block; } /* */ .component-fcond .fcond_editor_param input[type=text] { height: 15px; position: relative; top: 1px; } .component-fcond .findDynamicFilter { width: 220px; position: relative; top: 2px; } /* .component-fcond span.fcond_op ul > li:first-child > label{ background-image: none; } */ /******** dyn. filter tooltp *******/ .tooltip ul, #tooltip ul { list-style-type: none; padding-left: 25px; margin: 0px; font-size: 11px; } .tooltip ul.dynfilter, #tooltip ul.dynfilter { margin: 3px; padding-left: 0px; } .tooltip ul.dynfilter span.logical, #tooltip ul.dynfilter span.logical { } .tooltip ul.dynfilter span.logical span, #tooltip ul.dynfilter span.logical span{ font-style: italic; } ul.dynfilter .fcond-param { font-weight: bold; max-width : 200px; overflow: hidden; } .component-fcond .hidden { display: none !important; } .component-fcond .facet-container { margin-right: 35px; position: absolute; top: 4px; right: 0px; z-index: 120002; } .component-fcond .facet-container span { float: right; } .component-ftree .add-button { width: 30px; height: 15px; font-size: 11px; color: white; background-color: #BFBFBF; padding-left: 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; margin-left: 20px; display: block; padding-top: 1px; position: relative; top: 3px; } .component-ftree .refine { border-width: 0; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity: 100); display: inline-block; width: 30px; height: 27px; cursor: pointer; border-left: 1px solid #ddd; background: url( /DubKnowledge/javax.faces.resource/icons/star_icon_empty.png.xhtml?ln=images ) no-repeat center center; } .component-ftree .refineNotEditable { cursor: default !important; } .component-fcond_editor { vertical-align: top; } .setop_delimiter_op { margin-top: 19px; display: inline-block; } .component-fcond .save-button { width: 33px; height: 16px; font-size: 11px; color: #ffffff; background-color: #bfbfbf; padding-left: 7px; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; cursor: pointer; position: relative; top: 7px; } .component-fcond .cancel-button { width: 16px; height: 16px; cursor: pointer; position: relative; top: 7px; margin: 0px 5px; background: transparent no-repeat url( /DubKnowledge/javax.faces.resource/icons/circle_icon.png.xhtml?ln=images ) ; } .component-fcond .saving-container { width: 60px; height: 16px; font-style: italic; position: relative; top: 7px; } .component-fcond .lastUpdateToggler { margin-left: 10px; position: relative; top: 2px; } .component-fcond .fc_lastupdated .fcond-name{ margin-left: 0px; } .component-fcond .relative_days { width: 60px; height: 15px; position: relative; top: 2px; } .component-fcond .fcond_editor_container { float: left; background: transparent; } .component-fcond .fcond_editor { margin-left: 10px; } .component-fcond .fcond_editor_op { vertical-align: top; display: inline-block; } .component-fcond .fcond_editor_op > div{ display: inline-block; } .component-fcond .fcond_editor_op_lastupdate { margin-left: 8px; } .component-fcond .right { float: right; } .mainTitle { vertical-align: middle; padding-left: 5px; font-size: 18px; color: #606060; } .feasibylityResultPanel { background-color: #dae8ee; height: 600px; border-left: 1px; border-color: #b4cada; border-left-style: solid; vertical-align: top !important; } .feasibylityResultTitle { color: #2f68b1; padding: 8px; font-size: 14px; font-weight: bold; background: #bbd0e0; border-top: 1px; border-top-style: solid; border-top-color: #a5bed2; } .feasTotalCostBox { background-color: white; width: 94%; margin-left:auto; margin-right:auto; border: 1px solid #DEDEDE; } .feasNaBox { opacity: 0.2; padding: 20px; font-weight: bold; font-size: 18px; text-align: center; } .feasSmallText { color: #333333 !important; } .feasSmallHighlightedText { font-weight: bold; color: #000000; } .feasMediumText { font-size: 14px; color: #333333; } .feasMediumHighlightedText { font-size: 14px; font-weight: bold; } .feasReferencePriceGrid { width: 95%; margin-left:auto; margin-right:auto; } .feasReferencePriceGrid tr th { text-align: left; font-size: 12px; color: #333333; font-weight: bold; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border-bottom: 1px solid #b4cada; } .feasReferencePriceGrid tr td { font-size: 12px; color: #333333; padding-left: 10px; padding-top: 2px; padding-bottom: 2px; border-top: 1px solid #b4cada; } .feasResultDetailGrid { background-color: #EAF2F5; width: 95%; margin-left:auto; margin-right:auto; } .feasResultDetailGrid table thead tr th { border-top: none !important; text-align: left !important; padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 10px !important; padding-top: 20px !important; font-size: 12px !important; background-color: #EAF2F5 !important; border-color: #DEDEDE !important; font-weight: bold !important; } .feasResultDetailGrid table tbody tr td { border-top: 1px solid #DEDEDE !important; border-bottom: none !important; padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 5px !important; padding-top: 5px !important; font-size: 12px !important; color: #717171 !important; background-color: #EAF2F5 !important; } .feasResultDetailGrid table tfoot tr td { border-top: 1px solid #DEDEDE !important; border-bottom: none !important; padding-left: 15px !important; padding-right: 15px !important; padding-bottom: 5px !important; padding-top: 5px !important; font-size: 12px !important; color: #717171 !important; background-color: #EAF2F5 !important; text-align: left; font-weight: bold !important; } .component-fexportlist { } .component-fexportlist .ui-autocomplete-input{ width: 300px; } .component-fexportlist .rows-holder { margin-left: -157px; margin-top: 50px; margin-bottom: 30px; } .component-fexportlist .rows_header { position: relative; padding-bottom:5px; } .component-fexportlist .rows_header .header_moddate { position: relative; left: 710px; } .component-fexportlist .rows_header .header_astext { position: relative; left: 775px; } .component-fexportlist ul.rows { list-style: none; margin:0; padding:0; } .component-fexportlist ul.rows > li { border-top: 1px dashed #ccc; padding-left: 15px; background-color: #fff; } .component-fexportlist ul.rows > li.ui-sortable-helper { opacity:0.50; -moz-opacity:0.50; -khtml-opacity:0.50; filter:alpha(opacity:50); } .component-fexportlist ul.rows > li.placeholder { background-color: #eee; line-height: 30px; height: 30px; } .component-fexportlist ul.rows > li > div { position: relative; } .component-fexportlist ul.rows > li > .ui-widget-content, .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content { margin:0; padding:0; position: relative; background: transparent; background-image: none; } .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content > span { display: inline-block; /*height: 30px;*/ line-height: 30px; position: relative; } .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content > span.fname { width: 110px; border-right: 1px dashed #ccc; } .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content > span.moddate { top: 2px; left: 600px; } .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content > span.astext { top: 2px; left: 700px; } .component-fexportlist ul.rows > li > .ui-widget-content > .ui-widget-content > span.remove { background: url(/DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images) no-repeat scroll center center transparent; border-left: 1px solid #ccc; cursor: pointer; display: inline-block; height: 23px; position: absolute; right: 0; top: 4px; width: 30px; } .component-fexportlist .hidden{ display: none; } /* * depends on dtree.js * */ .component-ftree { } .component-ftree .dtree-draggable { position: relative; } .component-ftree .fcond-read-main .fcond-name { display: inline-block; min-width: 130px; border-right: 1px dashed #ddd; margin-right: 10px; font-weight: normal; } .component-ftree ul.dtree-ul { padding-left: 165px; } .component-ftree ul.dtree-ul:first-child { padding-left: 0px; } .component-ftree .close, .component-ftree .cloneButton_Refine_Close, .component-ftree .cloneButton_Close { display: inline-block; width: 30px; height: 27px; cursor: pointer; border-left: 1px solid #ddd; position: absolute; right: 0; top: 4px; background: transparent url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat center center; } .component-ftree .cloneButton_Close { border-width: 0; right: 30px; background-image: url( /DubKnowledge/javax.faces.resource/icons/plus_icon.png.xhtml?ln=images ); } .component-ftree .cloneButton_Refine_Close { border-width: 0; right: 50px; background-image: url( /DubKnowledge/javax.faces.resource/icons/plus_icon.png.xhtml?ln=images ); } .component-ftree .refine.selected { right: 30px; opacity: 1; -moz-opacity: 1; -khtml-opacity: 1; filter: alpha(opacity: 100); background-image: url( /DubKnowledge/javax.faces.resource/icons/star_icon.png.xhtml?ln=images ); } .component-ftree .component-fcond { display: inline-block; vertical-align: middle; min-height: 22px; } .component-ftree .component-fcond .ui-inplace-display { } .component-ftree .component-fcond .fcond-read-main { display: inline-block !important; padding: 4px 0px; } .component-ftree > .commands { padding-bottom: 15px; position: relative; } .component-ftree > .commands > button { float: right; margin-left: 10px; /* position: relative; left: 5px; top: -1px; margin-left: 20px; */ } .component-ftree > .commands > span { margin-left: 10px; position: relative; } .component-ftree > .commands > span > input[type = text] { width: 300px; display: inline; margin-bottom: 10px; } .component-ftree > .commands.recentlyUsedFeatures { padding-bottom: 5px; } .component-ftree > .commands.recentlyUsedFeatures > span > input[type = text] { width: 300px; display: inline; margin: 0px 10px 10px -10px; vertical-align: top; } .component-ftree > .recentlyUsedFeatures > button { display: inline; float: none; margin: 0px 10px 10px 0px !important; } .component-ftree > .recentlyUsedFeatures > button.anyall { position: absolute; left: 213px; top: -32px; } .component-ftree > .recentlyUsedFeatures > button.dynfilter { position: absolute; left: 316px; top: -32px; } div.feature-tree { padding: 0px 0px 0px 10px; } button.feature-tree { float:left; right:10px; z-index:1; } button.addFeature { float:right; } div.featureTreeDialog .ygtvcontent { cursor: pointer; font-size: 12px; } #quotaGroupTargetDiv table.ygtv-highlight1{ background-color:#A4A4A4; border-radius: 10px 10px 10px 10px; } #quotaGroupConditionDiv table.ygtv-highlight1{ background-color:#A4A4A4; border-radius: 10px 10px 10px 10px; } #cTreeDiv table.ygtv-highlight1{ background-color:#A4A4A4; border-radius: 10px 10px 10px 10px; } .component-ftree > .recentlyUsedFeatures > button.recentlyused { position: absolute; left: 316px; top: -32px; }html,body{ padding: 0; margin: 0; height: 100%; } * { outline: 0; } table{ border-collapse: collapse; } .ui-widget-overlay{ background: #000; background-image: none; opacity:0.50; -moz-opacity:0.50; -khtml-opacity:0.50; filter:alpha(opacity:50); } /*----- form layout -----*/ form{ margin:0; padding:0; } form.ui-form{ padding: 12px 0 10px 0; margin: 0; } fieldset{/* fieldset as table*/ padding:0; margin:0; border:none; display: table; border-collapse:collapse; } legend{/* fieldset as caption*/ margin: 0; margin-bottom: 10px; font-size: 12px; font-weight: bold; display: table-caption; } fieldset > dl{/* dl as row*/ padding: 0; margin: 0; text-align: left; font-size: 11px; display: table-row; border-top: 1px solid #DDD; } fieldset > dl > dt{/* dt as cell on the left*/ background: transparent url( /DubKnowledge/javax.faces.resource/striped-top-border.png.xhtml?ln=images) no-repeat left top; display: table-cell; _width: 1%; padding: 10px 0 10px 20px; white-space: nowrap; vertical-align: top; } fieldset > dl > dd{/* dd as cell on the right*/ display: table-cell; padding: 10px; width: 99%; } fieldset > dl > dt > label{/* label in dt*/ text-align: left; display: inline-block; min-width: 130px; } div.formbuttons{ text-align: right; padding: 10px 10px 0 0; } div.formbuttons > button { text-align: right; margin-right: 10px; } /*----- button (gray,rounded) -----*/ button, button.ui-state-default, .ui-widget-content button.ui-state-default, .ui-widget-header button.ui-state-default,/*jq theme override*/ input[type=button], input[type=reset], input[type=submit]{ background: #fff url( /DubKnowledge/javax.faces.resource/21h-button-back.png.xhtml?ln=images) repeat-x left top; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border:1px groove #aaa; height:21px; line-height:21px; white-space: nowrap; behavior: url( ); font-size: 12px; padding:0px 10px 0px 10px; margin:0; vertical-align:middle; } body button:hover, body button.ui-button:hover, body input[type=button]:hover, body input[type=reset]:hover, body input[type=submit]:hover{ background-image: url( /DubKnowledge/javax.faces.resource/21h-button-back_hover.png.xhtml?ln=images); } body button.ui-check{ padding:1px !important; } body button.ui-check span.ui-button-text{ background-image: url("/DubKnowledge/javax.faces.resource/images/ui-icons_888888_256x240.png.xhtml?ln=primefaces-dktheme"); background-position: -64px -144px; margin:0; padding:0; display: inline-block; width:16px; height: 15px; } body button.disabled, body button.disabled * { color : #999; } /*----- text field -----*/ body textarea, body input[type=text], body input[type=password] { border:1px groove #ccc; padding: 2px; } /*----- search text field -----*/ body input[type=search], body .search input[type=search], body input[type=text].search, body .search input[type=text] { -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border:1px groove #ccc; behavior: url( ); } body button.add span.ui-button-text{ display: inline-block; background: transparent url( /DubKnowledge/javax.faces.resource/icons/plus_icon.png.xhtml?ln=images) no-repeat left center; padding-left: 18px; } /*----- dialog styles -----*/ body .ui-dialog { background: #000 url( /DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images ) repeat-x left top; border: 1px groove #000; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; behavior: url( ); color: #fff; overflow: visible; } body .ui-dialog .ui-dialog-title{ color: #fff; font-size: 12px; font-weight: bold; } .ui-dialog .ui-dialog-content{ overflow: visible; } .ui-dialog .ui-widget-content{ color: #fff; border: 0px; overflow: visible !important; } .ui-dialog .ui-widget-content a{ color: #fff; } .ui-dialog form{ } .ui-dialog fieldset{ } .ui-dialog legend{ color: #fff; padding: 0 10px 10px 10px; __margin-bottom:10px; } .ui-dialog fieldset > dl{ border-top: 1px solid #737373; border-bottom: 1px solid #737373; background:none; } .ui-dialog fieldset > dl > dt{ border:none; background: none; /* vertical-align: middle; */ } .ui-dialog fieldset > dl > dt > label{ font-weight: bold; padding:0; margin:0; min-width: 40px; } .ui-dialog button, body .ui-dialog button.ui-button, .ui-dialog input[type=button], .ui-dialog input[type=reset], .ui-dialog input[type=submit]{ background-image: url( /DubKnowledge/javax.faces.resource/buttons/dialogbuttonbg.png.xhtml?ln=images ); border-color:#000; color: #fff; margin-right: 5px; } .ui-dialog button:hover, body .ui-dialog button.ui-button:hover, .ui-dialog input[type=button]:hover, .ui-dialog input[type=reset]:hover, .ui-dialog input[type=submit]:hover{ background-image: url( /DubKnowledge/javax.faces.resource/buttons/dialogbuttonbg_hover.png.xhtml?ln=images ); } /*------ The title of dialogs ------*/ body .ui-dialog .ui-dialog-title{ float:none; display:inline-block; width:95%; } .ui-draggable .ui-dialog-titlebar { display:inline-block; line-height:30px; width: 97%; } .ui-dialog .ui-dialog-titlebar-close{ vertical-align: middle; display:inline-block; margin: 0px !important; top: 0px !important; right: 1em !important; } /*------ paginator -------*/ .ui-paginator a, .ui-paginator span.ui-paginator-page { -khtml-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .ui-paginator .ui-paginator-page{ background: #fff url( /DubKnowledge/javax.faces.resource/21h-button-back.png.xhtml?ln=images ) repeat-x left top; -khtml-border-radius:6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; border:1px groove #aaa; height:21px; line-height:21px; white-space: nowrap; behavior: url( ); font-size: 10px; padding:0px 10px 0px 10px; margin:0; vertical-align:middle; } .ui-paginator .ui-paginator-pages *{ margin-right: 4px; } .ui-paginator .ui-paginator-pages span{ background-image: none; background-color: #666; color: #fff; } /*----- datepicker -------*/ .ui-datepicker{ background:#fff; border:1px solid #999; -khtml-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } .ui-datepicker .ui-datepicker-current-day .ui-state-highlight, .ui-datepicker .ui-datepicker-current-day .ui-state-default{ background-color: #ddd; border: 1px solid #ccc; } .ui-datepicker .ui-datepicker-today .ui-state-highlight { border: 1px solid #ccc; } .component.component-input_date button.ui-datepicker-trigger { background: transparent url( /DubKnowledge/javax.faces.resource/icons/calendar_icon.png.xhtml?ln=images ) no-repeat left top; color: transparent; width: 22px; height: 22px; border: none; cursor: pointer; padding: 0; margin: -2px 0 0 1px; -khtml-border-radius:0px; -webkit-border-radius:0px; -moz-border-radius:0px; border-radius:0px; left:0px; top:0px; } .component.component-input_date button.ui-datepicker-trigger img { display: none; } /*----- loginform -----*/ .loginform-dialog{ display: inline-block; width: 290px; } .loginform-dialog dd > input{ display: inline-block; width: 96%; } div.logo{ text-align: center; font-size: 16px; font-weight: normal; padding:80px 0px 17px 0px; } /*----- loadmask -----*/ /*like .ui-widget-overlay */ body .loadmask{ background-color: #ddd; -moz-opacity: 0.3; opacity: .3; filter: alpha(opacity=30); } /*like .ui-dialog */ body .loadmask-msg{ -khtml-border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; background: url( /DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images ) repeat-x scroll left top #000000; border: 1px groove #000000; color: #fff; } body .loadmask-msg div{ background: transparent url( /DubKnowledge/javax.faces.resource/jquery/ajaxloading.gif.xhtml?ln=images ) no-repeat scroll 5px 5px; border: none; color: #fff; min-width: 100px; text-align: center; } /*--------------- tooltip ----------------*/ #tooltip, #_tooltip { position: absolute; z-index: 3000; border: 1px solid #ccc; background-color: #fff; padding: 7px; opacity:0.90; -moz-opacity:0.90; -khtml-opacity:0.90; filter:alpha(opacity:90); -khtml-border-radius:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -khtml-box-shadow: 2px 2px 8px #555555; -moz-box-shadow: 2px 2px 8px #555555; -webkit-box-shadow:2px 2px 8px #555555; box-shadow:2px 2px 8px #555555; color: #111111; max-width: 300px; } #tooltip h3, #tooltip div { margin: 0; } /*---------------------- error labels ------------------------*/ .ui-message-error-detail, label.error { font-size: 12px; font-weight: bolder; } /*------------------ jquery validator plugin --------------------*/ label.error { float: right; padding: 5px; color: red; } .validable.error { border-color: red !important; border-width: 1px; border-style: solid; } /*--------- component -----------*/ .xxxxcomponent{ display:inline-block; } /* Primafaces input styling screws up watermark :S */ .ui-dialog .ui-watermark { color: #999999 !important; font-size: 14px !important; /*font-style: italic;*/ } .ui-watermark { color: #999999 !important; font-size: 11px !important; /*font-style: italic;*/ } .watermarked{ position:relative; padding:0; margin:0; } /* autocomplete highlighting */ .ui-autocomplete span.ac-highlighted { font-weight: bold; margin: 0; padding: 0; } ul.ui-autocomplete.ui-menu { max-height: 500px; overflow-y: auto; } /*----------- gradient to white-------------*/ .gradient-to-white { background-image: linear-gradient(top, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) ) !important; background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.45) ), to(rgba(255, 255, 255, 0) ) ) !important; background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.45), rgba(255, 255, 255, 0) ) !important; } #projectdetails-traffic-email-def-dialog[style*="block"] .ui-dialog-content { display: table !important; } #projectdetails-traffic-email-def-dialog[style*="block"] { display: table !important; } .emailDefDialogSpan{ display: block; } .emailSchedDialogSpan{ display: inline-block; } .projectdetails-traffic-email-sch-dialog-form fieldset{ display: block; } #projectdetails-traffic-email-flt-dialog-form fieldset{ display: block; } #projectdetails-traffic-email-prv-dialog-form fieldset{ display: block; } #projectdetails-traffic-email-tst-dialog-form fieldset{ display: block; }/*--- input_date ---*/ .component-input_date{ }/*--- input_selectone ---*/ .component-input_selectone{ } .component-input_selectone > ul{ list-style: none; } .component-input_selectone > ul > li{ float: left; height: 19px; line-height: 19px; padding: 0 20px; text-align: center; user-select: none; -moz-user-select: none; -khtml-user-select: none; cursor: pointer; border: 1px #ccc solid; margin-right: -1px; background: transparent url( /DubKnowledge/javax.faces.resource/buttons/nebu_button_off.png.xhtml?ln=images ) repeat-x left top; color: #999; } .component-input_selectone > ul > li.disabled{ cursor: default; } /* ON */ .component-input_selectone > ul > li.selected { background: transparent url( /DubKnowledge/javax.faces.resource/buttons/nebu_button_on.png.xhtml?ln=images) repeat-x left top; color: #000; } /*--- input_selectone ---*/ .component-input_setop { display: inline-block; position: relative; vertical-align: bottom; } .component-input_setop textarea { width: 220px; height: 70px; } .component-input_setop textarea.disabled{ background-color: #ddd !important; } .component-input_setop .setop_counter{ /*position: absolute; top: 0px; right: -20px; */ position: relative; bottom: 3px; background-color: #ccc; color: #000; padding: 3px 7px; opacity:0.70; -moz-opacity:0.70; -khtml-opacity:0.70; filter:alpha(opacity:70); } /*--- input_date ---*/ .component-input_date{ } .ui-datepicker{ background:#fff; border:1px solid #999; -khtml-border-radius:5px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; } html{ } body{ background: url( /DubKnowledge/javax.faces.resource/headertop.png.xhtml?ln=images ) repeat-x left top; } html,body{ padding: 0; margin: 0; height: auto; } #mainlayout-outer { position: relative; top: 16px; display: table; width: 100%; } #mainlayout{ background: transparent url( /DubKnowledge/javax.faces.resource/column-header.png.xhtml?ln=images ) repeat-x top center; padding:0; margin:0; position: relative; display: table-row; overflow: visible; } /* all closeable panes */ #mainlayout > div { display: table-cell; vertical-align: top; /*width: 1%;*/ float: none; padding: 0; margin: 0; position: relative; border-right: 2px groove #CCCCCC; } #mainlayout > div#content { min-width: 1160px; } #mainlayout div.sidepanel, #mainlayout div.sidepanel > div { width: 300px; } #mainlayout div.sidepanel { overflow-y: hidden; } #mainlayout div.sidepanel .ui-panel-content-text { min-height: 300px; } #mainlayout div.sidepanel ui-helper-reset ui-widget ui-panel { display: none; } .ui-panel {text-align:left;z-index:1;} .ui-panel-header {margin:0;padding:0;width:100%;position: relative;} .ui-panel-header .ui-icon {border:0;float:left;margin:0} .ui-panel-title {margin:0;font-weight: normal;} .ui-panel-title-text {margin:0;white-space:nowrap;display:inline-block;} .ui-panel-title-text,.ui-panel .ui-icon {cursor:pointer;} .ui-panel-rightbox {float:right;} .ui-panel-rightbox .ui-icon {margin-right:0.1em;} .ui-panel-controls {float:left;margin:0.2em 0.7em 0 0;} .ui-panel-content {padding:0;border-top:0;}/* nlac: REMOVED width:100% */ .ui-panel-clps-pnl {float:left;padding:0;position:relative;top:0;} #mainlayout .ui-panel-header { padding-top: 6px; padding-bottom: 8px; } #mainlayout .ui-panel-content { } #mainlayout .ui-panel-content.ui-widget-content { background-color: transparent; background-image: none; border: none; } #mainlayout .ui-panel-header > .ui-panel-title { margin: 0; padding-top: 3px; width: 13px; position: relative; } #mainlayout .ui-panel-header > .ui-panel-title > .ui-panel-title-text { padding-left: 10px; padding-right: 15px; line-height: 12px; color: #fff; font-weight: bold; position: relative; top: 0px; } #mainlayout .ui-panel-header > .ui-panel-clps-pnl { float:right; padding:0; position:relative; top:0;right:0; } #mainlayout .ui-panel-header > .ui-panel-clps-pnl > .ui-icon { background-position: -80px -128px; background-color: transparent !important; } /* ----- closed-state mods ----- */ #mainlayout .ui-vpanel { background: #bbb url( /DubKnowledge/javax.faces.resource/column-header.png.xhtml?ln=images ) repeat-x top center; } #mainlayout .ui-vpanel .ui-icon { display: none; } #mainlayout .ui-vpanel .ui-panel-header { margin-top: 0px; padding-top: 25px; } #mainlayout .ui-vpanel > .ui-panel-header > .ui-panel-title { /*padding-top: 15px;*/ } #mainlayout .ui-vpanel .ui-panel-header > .ui-panel-title > .ui-panel-title-text { position: absolute !important; } #mainlayout div.sidepanel.ui-vpanel .ui-panel-content { display:none; } #mainlayout #globalFilter{ position: absolute; left: 844px; top: 7px; } /* reset */ .ui-widget-header { background: none; border: none; color: auto; } #main-tab-view-div{ padding: 0; border-width: 0; background: transparent; } #main-tab-view-div > ul{ display: table; height: 32px; width: 100%; border-width: 0; position: relative; padding:0; margin: 0; background:#c5c5c5 url( /DubKnowledge/javax.faces.resource/column-header.png.xhtml?ln=images ) repeat-x top center; } #main-tab-view-div > ul > li{ margin:0; background-color: transparent; background-image: none; top:0; border-top-width: 0; list-style: none outside none; display: table-cell; padding-right: 3px; border-right: 2px groove #ccc; } #main-tab-view-div > ul > li.left { float: left; } #main-tab-view-div > ul > li.right { float: right; border-right: 0px; } #main-tab-view-div > ul > li a { font-size: 12px; font-weight: bold; color: #000; padding-left: 10px; padding-right: 34px; display: table-cell; height: 31px; vertical-align: middle; } #main-tab-view-div > ul > li a em{ font-style: normal; font-weight: bold; } #main-tab-view-div > ul > li.selected{ height: 31px; background: #fff url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x left 1px; } #main-tab-view-div > ul > li > #main-tab-dubknowledge-legacy { color: #fff; text-align: right; padding-right: 7px; padding-left: 35px; background: transparent url( /DubKnowledge/javax.faces.resource/icons/nebu_logo.png.xhtml?ln=images ) no-repeat 5px center; } #main-tab-view-div > ul > li #main-tab-dubknowledge-dashboard { background: transparent url( /DubKnowledge/javax.faces.resource/icons/dashboard.png.xhtml?ln=images ) no-repeat right center; } #main-tab-view-div > ul > li #main-tab-project-details { background: transparent url( /DubKnowledge/javax.faces.resource/icons/projects.png.xhtml?ln=images ) no-repeat right center; } #main-tab-view-div > ul > li #main-tab-dubknowledge-partnercontact { background: transparent url( /DubKnowledge/javax.faces.resource/icons/partner_contact.png.xhtml?ln=images ) no-repeat right center; } #main-tab-view-div > ul > li #main-tab-logout { background: none; padding-left: 10px; } #main-tab-view-div > div{ padding: 0; } /* ------ fake map ------ #mainlayout #side-left-content { background: transparent url(images/fakemap.png) repeat-y left top; height: 100%; } */ .component-confirm-dialog { display: none; } body #settingsHeaderDiv { display: block; line-height: 35px; width: auto; } .component-accordion > *{ width: auto !important; } body div.traffic_filter_div { width: auto; } /* ------ Dashboard ------ */ body #dashboardTable td.dashboard_col_name > span { width: auto; } #dashboardTable .dashboard_col_status { width: 90px; } #dashboardTable .dashboard_col_navigation { width: 64px; } #dashboardTable .dashboard_col_bps { width: 190px; } #dashboardTable .dashboard_col_bps_noclientSSI { width: 100px; } #dashboardTable .dashboard_col_sat { width: 70px; } #dashboardTable td.dashboard_col_spark { width: 120px; } #dashboardTable .dashboard_col_start, #dashboardTable .dashboard_col_end { width: 60px; } #claimTable .dashboard_col_navigation { } body #claimTable .dashboard_col_startdate, body #claimTable .dashboard_col_enddate, body #claimTable .dashboard_col_service_type, body #claimTable .dashboard_col_project_completes, body #claimTable .dashboard_col_bid_incidence { width: 80px; } body #claimTable .dashboard_col_claim { width: 160px; } /* ------ Quota screen ------ */ body dd.quotaCondition > div > span { width: auto; } body #newQuotaGroupForm { left: auto; right: 5px; } /* ------ Survey screen ------ */ body dd.quotaCondition > div > span { width: auto; } body #newSurveyForm { left: auto; right: 5px; } /* ------ Traffic screen ------ */ #updateForDatabaseIDs { position: relative; display: block; } body table.traffic_quota_group tr.row_selectable td:nth-child(3) { width: 1px; padding-right: 20px; }dd > span#startDate, dd > span#endDate { position: relative; top: -3px; } .partnerContactTable table tr, .partnerContactTable table tr th, .partnerContactTable table tr td{ background: none; border: none; } .partnerContactTable table tr th, .partnerContactTable table tr td { text-align:left; border-width:0; border-left: 1px #ccc solid; border-right: 1px #ccc solid; padding: 5px 5px; vertical-align: top; } .partnerContactTable table.header tr th, .partnerContactTable table.header tr td{ border-right: none; } .partnerContactTable table tr th { background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x left top; border-bottom: 1px #ccc solid; vertical-align: middle; color: #000; } .partnerContactTable > table tr{ border-bottom: 1px #ccc dashed; cursor: default !important; } /*----- highlighted rows -----*/ .partnerContactTable tr.ui-state-highlight{ background: url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x left top; background-image: url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images); border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } .partnerContactTable tr.ui-selected{ background: url( /DubKnowledge/javax.faces.resource/selected_background.png.xhtml?ln=images ) repeat-x left top; background-image: url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images ); border-top: 1px #ccc solid; border-bottom: 1px #ccc solid; } span.ui-message-error-detail { color: red !important; } #partnerContactMethodsForm .button_remove { background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat scroll center center transparent; border-width:0; border-radius:0; width: 22px; height: 20px; cursor: pointer; } #partnerContactMethodsForm .button_edit { background: url( /DubKnowledge/javax.faces.resource/icons/settings_gray.png.xhtml?ln=images ) no-repeat scroll center center transparent; border-width:0; border-radius:0; width: 27px; height: 30px; cursor: pointer; } #partnerContactMethodsForm .button_add { background: url( /DubKnowledge/javax.faces.resource/icons/plus_icon.png.xhtml?ln=images ) no-repeat scroll center center transparent; border-width:0; border-radius:0; width: 13px; height: 19px; cursor: pointer; } #partnerContactMethodsForm .button_edit_value { background: url( /DubKnowledge/javax.faces.resource/icons/link_icon.png.xhtml?ln=images ) no-repeat scroll center center transparent; border-width:0; border-radius:0; width: 16px; height: 17px; cursor: pointer; } #partnerContactMethodsForm th.actions { width:60px; } @CHARSET "UTF-8"; body form.presetForm { } body form.presetForm button.saveButton { font-size: 10px; } body form.presetForm input.loadPresetAutoComplete[type="text"] { margin: 0px 0px 0px 5px; position: relative; top: 2px; border-radius: 12px 12px 12px 12px; -moz-border-radius: 12px 12px 12px 12px; font-size: 12px; border: 1px groove #CCCCCC; } body div.savePresetConfirmDialog { width: 300px; } body div.savePresetConfirmDialog form.savePresetForm { } body div.savePresetConfirmDialog form.savePresetForm label { color: #FFFFFF; } body div.savePresetConfirmDialog form.savePresetForm span.savePresetOutputPanel { } body div.savePresetConfirmDialog form.savePresetForm span.savePresetOutputPanel table.accessLevelTable { float: left; font-size: 100%; font-family: Arial,'Liberation Sans',FreeSans,sans-serif; text-decoration: none; } body div.savePresetConfirmDialog form.savePresetForm span.savePresetOutputPanel table.savePresetPanelGrid { margin: 5px 0 0 5px; width: 100%; float: left; } body div.savePresetConfirmDialog form.savePresetForm span.savePresetOutputPanel table.savePresetPanelGrid tr td input.presetName[type="text"] { text-align: left; } body div.savePresetConfirmDialog form.savePresetForm span.savePresetOutputPanel table.savePresetPanelGrid tr td:nth-child(even) { text-align: left; } body span.emptyTextOutputPanel label.warningOutputLabel { } body div.emptyTextConfirmDialog label { color: #FFFFFF; } body div#loadQuotaPresetDialogDiv button.float_right { float: right; } body div#loadQuotaPresetDialogDiv button.float_left { float: left; } @CHARSET "UTF-8"; #projectdetails-projectdata{ padding: 0; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; border-right-width: 0px; border-left-width: 0px; background-origin: padding-box; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x top center; height: 32px; } #projectdetails-projectdata-projectSelector { margin-left: 10px; margin-top: 10px; width: 50%; } #projectdetails-projectdata-projectSelector > span > label{ font-family: Arial; font-size: 16px !important; color: #666; } .projectQuotaTotal { font-family: Arial; font-size: 16px !important; color: #666; margin-top: -21px !important; } .projectQuotaTotal tr { border-top: none !important } .projectQuotaTotal form > table > tbody > tr > td { vertical-align: middle; padding-right: 5px; font-size:16px; } .projectQuotaTotal form > table > tbody > tr > td span{ font-size:16px; } .totalInput { width: 50px; font-size: 1em; } #projectdetails-projectdata-projectInfo { display: block; float: right; margin-right: 10px; margin-top: -14px; vertical-align: baseline; } #projectdetails-projectdata-projectInfo > label{ font-family: Arial; font-size: 12px; } #project-tab-view-div{ padding:0; margin: 0; border-width: 0; line-height: 15px; background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x top center; } /* #project-tab-view-div dt label{ min-width: 80px; } */ #project-tab-view-div > ul{ padding: 1px; margin: 0; background-origin: padding-box; height: 38px; width: 680px; border: 0px; -moz-border-radius: 0px; border-radius: 0px; background: none; display: table; } #project-tab-view-div > ul > li{ margin:0; background-color: transparent; background-image: none; top:1px; line-height: 25px; border-right: 2px groove #ccc; list-style: none outside none; white-space: nowrap; float: left; display: table-cell; } #project-tab-view-div > ul > li a { font-size: 10px; font-weight: bold; color: #797979; padding-left: 40px; padding-right: 20px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; display: table-cell; height: 38px; vertical-align: middle; } #project-tab-view-div > ul > li a em{ font-style: normal; font-weight: bold; } #project-tab-view-div > ul > li.ui-tabs-selected{ height: 36px; background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x left 1px; } #project-tab-view-div > ul > li.ui-tabs-selected a, #project-tab-view-div > ul > li.ui-state-active a{ border-bottom-width: 0px; } #project-tab-view-div > ul > li > a:focus{ border-top: 1px groove #aaa; } #project-tab-view-div > ul > li > a:hover{ color: #000; } #project-tab-view-div > ul > li > #project-tab-quota{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/quota_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-quota { background: transparent url( /DubKnowledge/javax.faces.resource/icons/quota_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > ul > li > #project-tab-settings{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/settings_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-settings{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/settings_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > ul > li > #project-tab-survey{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/survey_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-survey{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/survey_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > ul > li > #project-tab-check{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/verify_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-check{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/verify_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > ul > li > #project-tab-traffic{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/traffic_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-traffic{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/traffic_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > ul > li > #project-tab-export{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/export_gray.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; } #project-tab-view-div > ul > li.selected > #project-tab-export{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/export_black.png.xhtml?ln=images ) no-repeat left center; background-position: 10px 10px; color: #000; } #project-tab-view-div > div{ padding: 0; border-top: 1px solid #aaa; } #projectdetailstabview-pane-quota{ position:relative; } .restrictCondition .treecont{ margin-left: -20px; } .restrictCondition .search input{ margin-left: 10px; float:left; } .restrictCondition .commands{ margin-left:170px; } .restrictCondition .component-fcond_editor input{ width:100px; } .restrictCondition button.ui-datepicker-trigger{ position:relative; top:0px; } div#restrictConditionDialog label{ font-size: 12px; } /************************************************************************************** *** quota.xhtml *** **************************************************************************************/ #quotaGroupMainPanel { padding: 0px; border: 0px; } #quotaGroupMainPanel h3 { /* quotaGroupNameForm */ font-family: Arial; font-size: 16px; height: 35px; width: 1000px } #quotaGroupMainPanel h3 > span.ui-icon { position: absolute; left: 8px; top: 18px; } .quotaHeaderDiv { font-family: Arial; font-size: 11px; margin: none; display:table; vertical-align:middle; /* background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x top center;*/ height: 36px; width: 100%; } #quotaGroupMainPanel form { } #quotaGroupMainPanel form.quotaGroupNameForm { position: relative; float: middle; font-size: 16px; font-weight: bold; display:table-cell; vertical-align:middle; padding-left: 30px; } #quotaGroupMainPanel form.quotaGroupNameForm label { font-size: 16px; } #projectManagementQuotaAccordionPanel\:accordion div.ui-messages { float: left !important; } #projectManagementQuotaAccordionPanel\:accordion .ui-messages-error-icon{ display:none; } #projectManagementQuotaAccordionPanel\:accordion div.ui-messages div.ui-messages-error { background-color: #FFFFFF; border-color: #FFFFFF; margin-bottom: 0; margin-top: 0; padding: 0; } #projectManagementQuotaAccordionPanel\:accordion div.ui-messages ul { margin-left: 0; } #quotaGroupMainPanel form.quotaGroupPresetForm { display:table-cell; vertical-align:middle; width: 1%; } #quotaGroupMainPanel form.removeQuotaGroupForm { padding: 0px; border: 0px; display: table-cell; width: 1%; } #quotaGroupMainPanel form.removeQuotaGroupForm button { border: 0px; background: none; top: 8px; } #quotaGroupMainPanel form.removeQuotaGroupForm button > span.ui-icon { background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 13px; left: 7px; } #quotaContentDiv{ padding: 0px; border: 0px; position: relative; left: 0px; top: 2px; width: 1000px; } #quotaGroupTargetDiv { } #quotaGroupDetailsDiv { } #quotaPresetDialog { } #newQuotaGroupForm { padding: 0; border: 0px; position: absolute; left: 870px; top: -30px; } #newQuotaGroupForm > button{ /* newQuotaGroupButton */ } #loadQuotaPresetForm > button{ /* loadQuotaPresetButton */ } .loadPresetBox > input{ border-radius: 12px 12px 12px 12px; } #projectManagementQuotaAccordionPanel\:accordion .ui-message-error-detail { color: red !important; font-weight: bold !important; } #projectManagementQuotaAccordionPanel\:accordion .ui-message-info { font-size: 11px; font-weight: bold; color: #283A90; } body form.quotaPresetOverWriteForm .ui-dialog { background: url(/DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images) repeat-x scroll center center transparent; color: #FFFFFF; background-size: 100% 100%; border:1px solid #cdcdcd; position: absolute; padding: 5px; z-index: 1000; -khtml-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } body form.quotaPresetOverWriteForm .ui-dialog-content { font-weight: bold; font-size: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } body form.quotaPresetOverWriteForm .ui-dialog-buttonpane { background-color: transparent !important; text-align: right; } body form.quotaPresetOverWriteForm .ui-icon-alert { background-color: #FFFFFF; } /************************************************************************************** *** sources.xhtml *** **************************************************************************************/ #quotaGroupSourcesDiv { padding: 0px; border: 0px; margin: 0px; } .sourcesForm { } .quotaSourceDiv { padding-bottom: 10px; border: 0px; margin: 0px; } .respondentsFromDiv { border-collapse: separate; border-top: 1px dashed #DDDDDD; padding-top: 10px; margin: 0px; } .project-quota-sources { } .project-quota-sources > button.main-menu-proxy { float: left; } .project-quota-sources > div.proxy-container { width: 706px; } .project-quota-sources > div.proxy-container > div.proxy { margin: 2px; float: left; } .qoutaRestingRulesOutputPanel { padding: 0px; border: 0px; } #restingRulesRadioGroupDiv { padding: 0px; border: 0px; margin: 0px; position: relative; left: 65px; top: -18px; } .qoutaPreviousProjectOutputPanel { padding: 0px; border: 0px; margin: 0px; position: relative; left: 0px; top: -15px; } div.surveyPresetDiv { padding: 5px 0px 0px 0px; } /************************************************************************************** *** target.xhtml *** **************************************************************************************/ /************************************************************************************** *** deduping.xhtml *** **************************************************************************************/ td.projectDedupesContent { border-right: 1px solid #CCCCCC; padding: 10px; max-width: 590px; height: 40px; } td.projectDedupesContentReadOnly{ border: 1px dashed #CCCCCC; padding: 10px; max-width: 590px; height: 40px; } td.projectDedupesContent div.proxy-container{ width: 660px; } td.projectDedupesContent > form.qStatusSelector button.ui-multiselect { background: #fff url(/DubKnowledge/javax.faces.resource/images/select-back.png.xhtml) repeat-x 0px 0px; min-width: 100px; height:21px; border:1px solid #d5d6d5; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } td.projectDedupesContent > form > table.qStatusSelector span.component-customselect > button.ui-multiselect { background: #fff url(/DubKnowledge/javax.faces.resource/images/select-back.png.xhtml) repeat-x 0px 0px; min-width: 100px; height:21px; border:1px solid #d5d6d5; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; float:left; } td.projectDedupesContent div.proxy-container > div.proxy{ float:left; padding:4px; margin: 5px; top:-5px; } td.projectDedupesContentReadOnly div.proxy-container > div.proxy{ float:left; padding:4px; margin: 5px; } td.projectDedupeDelete { height: 40px; width: 1%; } td.searchContent{ border-right: 1px solid #CCCCCC; width: 780px; height: 34px; padding:10px } td.searchContent input{ width: 350px; margin-right: 10px; margin-left: 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border:1px groove #ccc; position: relative; } td.searchDelete{ height: 34px; width: 1%; } td.searchDelete button span.ui-icon{ background-image: url( icons/delete_icon.png.xhtml?ln=images ); } td.searchDelete button { background-color: transparent !important; border-style: none !important; background-image: none !important; } .categoryDedupesForm { border-top: 1px dashed #CCCCCC; border-left: 1px dashed #CCCCCC; border-right: 1px dashed #CCCCCC; padding: 10px; width: 746px; height: 65px; } dl.search { border-top: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; } dl.search > dt { border-right: 1px dashed #CCCCCC; } dl.content{ border-top: none; } dl.content dt{ position:relative; left:-140px; } dl.clipboard > dt { border-right: 1px dashed #CCCCCC; border-bottom: 1px dashed #CCCCCC; } dl.clipboard > dd { border-bottom: 1px dashed #CCCCCC; } fieldset.dedupe dl > dt{ background: none; } fieldset.dedupe dl{ height: 55px; } .removeDedupeButton span.ui-icon{ background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 23px !important; left: 10px !important; background-color: transparent !important; border-style: none !important; } .removeDedupeButton { background-color: transparent !important; border-style: none !important; background-image: none !important; } .removeCategoryDedupesButton span.ui-icon{ background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 20px !important; background-color: transparent !important; border-style: none !important; } .removeCategoryDedupesButton { background-color: transparent !important; border-style: none !important; background-image: none !important; left: 460px !important; } .removeProjectDedupesButton span.ui-icon{ background-image: url( /DubKnowledge/javax.faces.resource/images/icons/delete_icon.png.xhtml ); top: 20px !important; background-color: transparent !important; border-style: none !important; } .removeProjectDedupesButton { background-color: transparent !important; border-style: none !important; background-image: none !important; left: 325px !important; } .removeClipboard span.ui-icon{ background-image: url( icons/delete_icon.png.xhtml?ln=images ); top: 14px !important; background-color: transparent !important; border-style: none !important; } .removeClipboard { background-color: transparent !important; border-style: none !important; background-image: none !important; left: 65px !important; } dl.clipboard textarea{ width: 535px; height: 100px; } .clipboardText { width: 635px; height: 100px; } fieldset.dedupe button.add{ position:relative; top:-2px; } #quotaGroupDedupingDiv form > span > input[type=text] { width: 350px; margin-right: 10px; margin-left: 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; border:1px groove #ccc; position: relative; top: 8px; } td.projectDedupesContent img.ui-datepicker-trigger{ position: relative; top: 7px; padding-right: 10px; } td.projectDedupesContent input.hasDatepicker{ margin-left: 10px; margin-right: 2px; } table.timeFrame span.fcond-fname{ margin-right:15px; } table.timeFrame { float:right; } table.timeFrame div.ui-message-error{ float:right; border:none; } div.clipboardEditor{ min-width: 710px; } .clipboardButtons { position: relative; float: right; text-align: right; } .clipboardButtons > div.close { background: url(/DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images) no-repeat scroll center center transparent; border-left: 1px solid #DDDDDD; cursor: pointer; float: right; height: 27px; margin-top: 4px; vertical-align: middle; } .clipboardButtons > button.right { margin-right: 10px; margin-top: 8px; } /************************************************************************************** *** quotaCondition.xhtml *** **************************************************************************************/ /************************************************************************************** *** survey.xhtml *** **************************************************************************************/ .projectdetails-survey-dialog-title-caption { margin-left: 10px; } #newSurveyForm { border: 0 none; float: right; left: 890px; padding: 0; position: absolute; top: -30px; } #newSurveyForm > input{ width: 300px; } #surveyMainPanel h3 { font-family: Arial; font-size: 16px; height: 35px; width: 1000px; } #surveyMainPanel h3 div.surveyNameDiv label { font-family: Arial; font-size: 16px; } #surveyMainPanel h3 > span.ui-icon { position: absolute; left: 8px; top: 18px; } .urlParameterButton { margin-left: 5px !important; } .urlParameterInput { -moz-border-radius: 12px 12px 12px 12px !important; border-radius: 12px 12px 12px 12px !important; width: 200px; } #surveyPresetAutoComplete_input{ -moz-border-radius: 12px 12px 12px 12px !important; border-radius: 12px 12px 12px 12px !important; } .urlParameterExampleInput { width: 90%; margin-top: 5px; margin-bottom: 5px; } .urlParameterExampleInput.error { border-color: red; border-width: 1px; border-style: solid; /*background: #FFABAB;*/ } .survey_accordion_content { padding: 0px !important; } div.quotaGroupPresetDiv{ padding: 5px 0 0 0; position: absolute; right: 40px; top: 0px; } .ui-accordion .ui-accordion-content { border-top: 0 none; display: none; margin-bottom: 2px; margin-top: -2px; overflow: visible !important; padding: 1em 2.2em; position: relative; top: 1px; } .surveyHeaderDiv{ font-family: Arial; font-size: 11px; margin: none; display:table; vertical-align:middle; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x top center; height: 36px; width: 100%; } .surveyNameDiv{ position: relative; float: middle; font-size: 16px; font-weight: bold; display:table-cell; vertical-align:middle; padding-left: 30px !important; width: 200px; } .surveyCounterValue, .surveyCounterData{ position: relative; float: middle; display:table-cell; vertical-align:middle; width: 30px; } .surveyCounterData{ padding-left: 10px; text-align: right; color: grey; white-space: nowrap; } .surveyCounterValue{ padding-left: 2px; font-weight: bold; } #surveyMainPanel form.quotaGroupNameForm { padding: 2px; border: 0px; position: inherit; left: 30px; width: 925px; } #surveyMainPanel form.removeSurveyForm { padding: 0px; border: 0px; position: inherit; top: -23px; left: 920px; width: 25px; } #surveyMainPanel button.removeSurveyButton { border: 0px; background: none; left: -7px; top: 8px; } .surveyRemoveDiv{ text-align: right; } .confirmSurveyDeleteDialog{ color: #fff !important; white-space: nowrap; padding: 5px; } body button.ui-cancel span.ui-button-text{ background-position: -81px -129px !important; } #surveyMainPanel button.removeSurveyButton span.ui-icon { background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 13px; left: 8px; } .surveyLength{ width: 30px; text-align: center; float: left; } .surveyURLButtonCell { padding-right: 10px; } .recentUrlTags > button{ margin: 0 0 10px !important; } .surveyUrlFilename { vertical-align: middle; } .ui-panel-titlebar-icon { float: left !important; } .surveyUrlFilename > input{ vertical-align: sub; } .testLinkHeaderLabel{ text-align: left; color: #736F6E; } .testLinkText > label{ color: #222222 !important; } .urlDialog { position: fixed !important; } .surveyUrlTableHeader > div { text-align: right !important; } .surveyUrlTableHeader > table > thead > tr > th { text-align: left; background-image: none !important; background-color: transparent !important; border-width: 2px !important; border-bottom-style: solid !important; border-color: #DDDDDD !important; border-top: none !important; border-left: none !important; border-right: none !important; } .surveyUrlTableHeader > table > tbody > tr > td { border-width: 1px !important; border-bottom-style: solid !important; border-color: #DDDDDD !important; color: #000000 !important; } html body span.testLinkPanel div.surveyUrlTableHeader table thead tr th.removeUrlColumn a.urlValueLink { color: #000000; } html body span.testLinkPanel div.surveyUrlTableHeader table tbody tr td a.urlValueLink { cursor: pointer; } html body span.testLinkPanel div.surveyUrlTableHeader table tbody tr td a.urlValueLink label { cursor: pointer; } .surveyUrlTableHeader .ui-column-filter{ display: none !important; } .surveyUrlTableHeader .ui-paginator-page{ background-image: none !important; background-color: transparent !important; border-style: none !important; color: #D3D3D3 !important; } .surveyUrlTableHeader .ui-paginator-current-page{ color: #FFFFFF !important; } .surveyUrlTableHeader .ui-paginator-next, .surveyUrlTableHeader .ui-paginator-previous, .ui-paginator-first, .ui-paginator-last{ background-image: none !important; background-color: transparent !important; border-style: none !important; vertical-align: middle !important; } .ui-paginator .ui-state-disabled{ color: #FFFFFF !important; } .surveyUrlTableHeader .ui-icon-seek-first, .surveyUrlTableHeader .ui-icon-seek-end, .surveyUrlTableHeader .ui-icon-seek-prev, .surveyUrlTableHeader .ui-icon-seek-next{ background-position: -160px -160px !important; } .surveyUrlTableHeader .ui-paginator-rpp-options{ border-color: #bbbbbb; border-style: solid; border-width: 1px; padding: 1px; } #testLinkTable .ui-icon{ text-indent:0px; } #testLinkTable .ui-paginator-page{ background-image: none !important; background-color: transparent !important; border-style: none !important; color: #4C86D2 !important; } #testLinkTable .ui-paginator-current-page{ color: #000000 !important; } #testLinkTable .ui-paginator-next, #testLinkTable .ui-paginator-previous, #testLinkTable .ui-paginator-first, #testLinkTable .ui-paginator-last{ background-image: none !important; background-color: transparent !important; border-style: none !important; vertical-align: middle !important; } #testLinkTable .ui-paginator .ui-state-disabled{ color: #BDBDBD !important; } #testLinkTable .ui-icon-seek-first, #testLinkTable .ui-icon-seek-end, #testLinkTable .ui-icon-seek-prev, #testLinkTable .ui-icon-seek-next{ background: none; color: #4C86D2 !important; } #testLinkTable .paginatorCombo{ color: #4C86D2 !important; } #testLinkTable .ui-paginator-rpp-options{ border-color: #bbbbbb; border-style: solid; border-width: 1px; padding: 1px; } .ui-widget-header{ border: none !important; } .removeUrlButton span.ui-icon{ background-image: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ); top: 13px !important; left: 8px !important; background-color: transparent !important; border-style: none !important; } .removeUrlButton { background-color: transparent !important; border-style: none !important; background-image: none !important; border: 0px; background: none !important; top: 10% !important; height: 15px; } .ui-sortable-column-icon { background-image: url(/DubKnowledge/javax.faces.resource/images/ui-icons_888888_256x240.png.xhtml?ln=primefaces-dktheme) !important; } .removeUrlColumn { text-align: right !important; height: 21px; } .deleteUrlValueInput { width: 30px; } .deleteUrlValueCell { padding: 5px; } .minutesLabel { padding: 0 0 0 5px; } #surveyLengthForm label { float: left !important; } #survey_accordion\:accordion div.ui-messages { float: left !important; } #survey_accordion\:accordion .ui-messages-error-icon{ display:none; } #survey_accordion\:accordion div.ui-messages div.ui-messages-error{ background-color: #FFFFFF; border-color: #FFFFFF; margin-top: 0; margin-bottom: 0; padding: 0; } #survey_accordion\:accordion div.ui-messages ul { margin-left: 0; } #survey_accordion\:accordion div.ui-messages div.ui-messages-info{ background-color: #FFFFFF; border-color: #FFFFFF; margin-top: 0; margin-bottom: 0; padding: 0; } #survey_accordion\:accordion .ui-messages-info-icon{ display:none; } .urlResetConfirm { width: 100%; } .urlResetConfirm > tbody > tr > td { text-align: center; } body form.questUrlPresetOverWriteForm .ui-dialog { background: url(/DubKnowledge/javax.faces.resource/dialogbg.png.xhtml?ln=images) repeat-x scroll center center transparent; color: #FFFFFF; background-size: 100% 100%; border:1px solid #cdcdcd; position: absolute; padding: 5px; z-index: 1000; -khtml-border-radius:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; -moz-background-size: 100% 100%; -o-background-size: 100% 100%; -webkit-background-size: 100% 100%; } body form.questUrlPresetOverWriteForm .ui-dialog-content { font-weight: bold; font-size: 10px; border-top: 1px solid #CCCCCC; border-bottom: 1px solid #CCCCCC; } body form.questUrlPresetOverWriteForm .ui-dialog-buttonpane { background-color: transparent !important; text-align: right; } body form.questUrlPresetOverWriteForm .ui-icon-alert { background-color: #FFFFFF; } textarea.surveyUrlAlert { border : 1px groove blue; } label.surveyUrlError { color : blue; } /************************************************************************************** *** traffic.xhtml *** **************************************************************************************/ .projectdetails-traffic-dialog-title { padding-right: 20px; width: 100%; } .projectdetails-traffic-dialog-title-info{ display: block; float: right; vertical-align: baseline; } .projectdetails-traffic-dialog-title-info > label{ font-family: Arial; font-size: 12px; margin-right: 10px; } .projectdetails-traffic-dialog-title-caption { margin-left: 20px; } .ui-control-rtl { margin-left: 10px; margin-right: 0px; } .ui-control-rtl td { padding-left: 10px; } .ui-control { margin-right: 10px; margin-left: 0px; } .ui-control td { padding-right: 10px; } label.ui-control, span.ui-control { white-space: nowrap; } .numeric { text-align: right; } .narrow { width: 50px; } #timeOptionCombo button { vertical-align: top; } .emailTypeOptionSeparator { border-bottom: 1px dashed #ddd; margin: 10px 0; } .emailTypeOptionsDiv { margin-top: 10px; } .controlGroupRightDiv { float: right; vertical-align: baseline; } #email-define-surveytext-dd { padding-right: 20px; /* firefox padding bug workaround */ } #email-define-surveytext-dd > textarea { width: 100%; height: 100px; } .projectdetails-emailtestpanel-input { margin-right: 10px; /* firefox input text width bug workaround */ padding: 10px 6px 10px 10px; position: relative; } .projectdetails-emailtestpanel-input > input { width: 100%; } .emailPasteInputAreaContainer { margin-right: 10px; /* firefox input text width bug workaround */ padding: 10px 10px 10px 10px; } .emailPasteInputAreaContainer > textarea { width: 100%; } .emailDefinitionSenderAddressRestrictedInput { display: table; } .emailDefinitionSenderAddressRestrictedInput > div { margin-right: 6px; /* firefox input text width bug workaround */ padding-right: 14px; width: 100%; display: table-cell; } .emailDefinitionSenderAddressRestrictedInput > div > input { width: 100%; } .fullLineFreeTextContainer .ui-control > button { margin-top: -3px; } .emailSchSendRateUnitFixVertAlign button { margin-top: -4px !important; /*firefox bug*/ } .fullLineFreeTextContainerDiv { margin-right: 6px; } .fullLineFreeTextContainerDiv input[type="text"] { width: 100%; } .fullLineFreeTextContainer { width: 100%; } .fullLineFreeTextContainer input[type="text"] { width: 100%; margin-right: 6px; } #emailDefinitionSubjectInput { background: transparent; padding: 0px; } #emailDefinitionSenderAddressInput\:button, #emailDefinitionSubjectInput\:button, #emailDefinitionSenderNameInput\:button { margin-right: -4px; margin-top: -4px; } .fullLineFreeTextContainer #domainRestrictContainer { width: 0px; white-space: nowrap; padding-left: 11px; } .fullLineFreeTextContainer #domainRestrictContainer > span { margin-right: -16px; } #emailScheduleDailyRestriction button, .fullLineFreeTextContainer #domainRestrictContainer > span button { margin-top: -2px; } #emailScheduleDailyRestriction input.invalid, .fullLineFreeTextContainer input[type="text"].invalid, #emailScheduleStartTime.invalid, .ui-control.invalid > input, input.ui-control-rtl.invalid, .projectdetails-emailtestpanel-input > input.invalid, #pickerTimeWindowDailyRestriction input.invalid { border: 1px groove red; background: #FFABAB; } #emailTypeOptions > label.disabled { color : #999; } #projectdetails-traffic-email-def-dialog input[type="checkbox"] { vertical-align: middle; } .fullLineFreeTextContainer .notifyEmail{ margin-left: -6px; margin-right: 0px; } /** email preview dialog */ .projectdetails-emailprv-previewbuttons { display: block; float: left; margin-left: 10px; } .projectdetails-emailprv-generalbuttons { float: right; vertical-align: baseline; } #projectdetails-traffic-email-prv-dialog > div > form { height: 100%; } #projectdetails-traffic-email-prv-dialog > div > form > fieldset { height: 100%; } #projectdetails-emailpreviewpanel-dl { border-bottom: 0px; } #projectdetails-emailpreviewpanel { -moz-border-radius: 5px; border-radius: 5px; background: none repeat scroll 0 0 #FFFFFF; color: #000000; margin: 0 10px 10px; padding: 0px; height: 82%; } #projectdetails-emailpreviewpanel.nosources { height: 90%; } #projectdetails-emailpreviewpanel > div { -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background: none repeat scroll 0 0 #D0D0D0; font-size: 11px; font-weight: bold; padding: 10px; } #projectdetails-emailpreviewpanel > iframe { width: 100%; height: 87%; } #projectdetails-emailprv-editpanel { background: none repeat scroll 0 0 #FFFFFF; color: #000000; margin: 10px; padding: 0px; height: 69%; } #projectdetails-emailprv-editpanel.nosources { height: 87%; } #projectdetails-emailprv-editpanel > iframe { width: 100%; height: 100%; } .projectdetails-emailpreviewpanel-spacer { padding: 10px 0px 0px 0px; } #emailContentModeCombo { margin-left: 10px; } #projectdetails-emaildef-surveytext-rolabel { -moz-border-radius: 5px; border-radius: 5px; background: none repeat scroll 0 0 #FFFFFF; color: #000000; padding: 10px; } .projectdetails-dialogpanel-line { border-bottom: 1px solid #737373; padding: 0px 10px 0px 10px; } #projectdetails-traffic-picketsetup-dialog-form .ui-datepicker-trigger { margin-left: 5px; position: relative; top: 5px; } #projectdetails-traffic-picketsetup-dialog-form input[disabled] { background: none repeat scroll 0 0 lightgrey; border-color: grey; color: grey; } #checkingLevel { display: inline; padding: 0 0 0 10px; } #projectdetails-traffic-externalsamplesetup-dialog-form input[type=text] { width:100%; } #projectdetails-traffic-externalsamplesetup-dialog-form dt.topAlign { vertical-align: top; } #projectdetails-traffic-externalsamplesetup-dialog-form textarea { width:100%; resize:none; } #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_provider > span > button { min-width: 200px; } #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_status > span > button { min-width: 200px; } #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_netn, #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_startquota{ width: 40px; text-align: right; } #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_startquota { } #projectdetails-traffic-externalsamplesetup-dialog-form #define_external_startquota_label { font-weight: bold; margin: 0; min-width: 40px; padding-left: 35px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_autoclose { float: right; font-weight: bold; min-width: 40px; padding-right: 40px; position: relative; top: -21px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_autoclose_label { float: right; padding-top: 3px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_autoclose > input { margin-top: 4px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_send_notification_email { float:right; font-weight: bold; min-width: 40px; padding-right: 140px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_send_notification_email_label { float: right; padding-top: 3px; } #projectdetails-traffic-externalsamplesetup-dialog-form div.define_external_send_notification_email > input { margin-top: 4px; } #projectdetails-traffic-externalsamplesetup-dialog-form dt { max-width:60px; white-space: normal; } #projectdetails-traffic-externalsamplesetup-dialog-form dd { vertical-align: middle; } .emailFilterConditionEditorContainer { border-top: 1px solid #737373; border-bottom: 1px solid #737373; padding-top: 10px; } .emailFilterConditionEditorContainer .includeexclude { display: block; height: 32px; } .emailFilterConditionEditor > .commands { padding-bottom: 0px !important; } .emailFilterConditionEditor > .treecont{ margin-left: 0px; } .emailFilterConditionEditor ul.dtree-ul > li:last-child > div { border-bottom: 0px; } .confirmDialogPopupForm > label { margin-right: 5px; } .confirmDialogPopupForm { padding: 10px; width: 400px; } .ui-control img.ui-datepicker-trigger { position: relative; top : 6px; margin-top: -8px; } .emailFormButtonsSimple { padding: 10px 0 0 0; text-align: right; } .emailFormButtonsTwoside { padding: 10px 0 0 0; text-align: left; } .emailFormButtonsTwoside > .left { } .emailFormButtonsTwoside > .right { float: right; vertical-align: baseline; } /************************************************************************************** *** export.xhtml *** **************************************************************************************/ /************************************************************************************** *** settings.xhtml *** **************************************************************************************/ #settingsMainPanel { border: 0 none; padding: 0; } #settingsHeaderDiv { display: table-cell; font-size: 16px; font-weight: bold; padding-left: 30px; position: relative; vertical-align: middle; width: 1000px; height: 35px; color: #000000; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x top center; } #settingsMainDiv { overflow: visible; border: 0 none; left: 0; padding: 0; position: relative; top: 2px; } #extendedAttributesMainDiv { border: 0 none; left: 0; padding: 0; position: relative; top: 2px; } #extendedAttributesMainDiv > form { /* settings_accordion:extendedAttributesForm */ border: 0 none; padding: 0; margin: 0; } #archivingMainDiv { border: 0 none; left: 0; padding: 0; position: relative; top: 2px; } #archivingMainDiv > form { /* settings_accordion:archiving */ border: 0 none; padding: 0; margin: 0; } #settings_accordion\:accordion input { float:left; } #settings_accordion\:accordion div.ui-messages { float:left; } #settings_accordion\:accordion div.ui-messages div.ui-messages-error { margin: 2px 10px; } #settings_accordion\:accordion dt { vertical-align: top; } #settings_accordion\:accordion .ui-inputfield { border: 1px groove #CCCCCC; /* background: none;*/ } #settings_accordion\:accordion .ui-datepicker-trigger { margin-left: 5px; margin-top: -2px; } #settings_accordion\:accordion .ui-messages-error-icon { display:none; } #settings_accordion\:accordion div.ui-messages div.ui-messages-error { background-color: #FFFFFF; border-color: #FFFFFF; margin-top: 0; margin-bottom: 0; padding: 0; } #settings_accordion\:accordion div.ui-messages ul { margin-left: 0; } #settings_accordion\:accordion h3 > span { z-index: 999; } #settings_accordion\:archivingHistoryTable td { border: 1px solid lightgrey; height: 28px; vertical-align: middle; } #settings_accordion\:archivingStatusTable td { border: 1px solid lightgrey; height: 28px; vertical-align: middle; } #settings_accordion\:categoryForProjectAutoComplete .ui-autocomplete-input{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 300px; } #settings_accordion\:newProjectForm .ui-message-info { font-size: 11px; font-weight: bold; color: #283A90; margin-bottom: 10px; margin-top: 10px; } #settings_accordion\:newProjectForm .ui-message-error-detail { font-size: 11px !important; font-weight: bold !important; color: red !important; } #settings_accordion\:startDate img.ui-datepicker-trigger { position: relative; top : 0px; } #settings_accordion\:endDate img.ui-datepicker-trigger { position: relative; top : 1px; left: 4px; } td.historyStatusAction { text-align: center; } td.historyStatusAction button { min-width: 150px; } th.historyStatusAction { width: 20%; } th.archivingProjectData { width: 200px; } th.archivingStatus { width: 40%; } /************************************************************************************** *** newproject.xhtml *** **************************************************************************************/ .categoryColumn { border-top: 1px dashed #CCCCCC; border-left: 1px dashed #CCCCCC; border-right: 1px dashed #CCCCCC; padding: 10px; vertical-align: middle; width: 470px; } #categoryForProjectAutoComplete .ui-autocomplete-input{ -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 300px; } .calendarDateCell img.ui-datepicker-trigger { position: relative; top : 5px; left: 5px; } #newProjectForm .ui-message-info { font-size: 12px; font-weight: bold; color: #283A90; } #newProjectForm .ui-message-error-detail { font-size: 12px !important; font-weight: bold !important; color: red !important; border: none !important; } form.ui-form .ui-message-info { font-size: 11px; font-weight: bold; color: #283A90; } form.ui-form .ui-message-error-detail { font-size: 11px !important; font-weight: bold !important; color: red !important; } .searchSalesOrder { -moz-border-radius: 12px; -webkit-border-radius: 12px; border-radius:12px 12px 12px 12px; border: 1px groove #aaa; padding: 3px 10px; width: 300px; } fieldset.extendedFields > dl > dt { background: none repeat scroll 0 0 transparent; width: 150px; } fieldset.extendedFields > dl > dd { width: 650px; } fieldset.extendedFields .ui-message-error { display: inline; } form.ui-form > fieldset > dl > dt > span.mandatory { font-weight: bold; font-size: 12px; } form.ui-form fieldset .ui-message-error { display: inline; } div.categoryTreeButtons{ width:100px; float:right; } div.categoryTreeButtons button.ui-button{ width:90px; margin-bottom: 10px; } button.addCategoryButton{ float: left; } .sortable { list-style-type: none; display: table-cell; margin: 0; padding: 5px 10px; vertical-align: middle; } .sortable li { float: left; cursor: e-resize; background-color: #e1ecf2; margin: 3px; padding: 0px 10px; -khtml-border-radius:12px; -webkit-border-radius:12px; -moz-border-radius:12px; border-radius:12px; border: 1px #c1d7e3 solid; font-size: 12px; min-width: 40px; /* max-width: 100px; */ /* height: 20px; */ line-height: 20px; text-align: left; color: #000000; } .sortable li > a { background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat scroll center center transparent; display: inline-block; height: 9px; margin: 0 10px 0; padding: 0; width: 9px; } .sortable li.placeholder{ height:20px; width: 100px; background-color: transparent; } .row-sortable{ list-style-type: none; display: table; width: 100%; } .row-sortable > li{ /* background-color: #ccc; */ /* height: 30px; */ /*margin: 5px; */ } .conditionRow { display: table-row; border-top: 1px dashed #DDDDDD; padding: 5px 0; border-collapse: separate; } .row-sortable .conditionRow:last-of-type { /*padding-bottom: 10px;*/ border-bottom: 1px dashed #DDDDDD; } .featurename { vertical-align: middle; border-right: 1px dashed #DDDDDD; margin-right: 10px; margin-left: 10px; display: table-cell; width:115px; padding: 10px; font-family: Arial,'Liberation Sans',FreeSans,sans-serif; font-size: 12px; font-weight : 400; font-style: normal; } .close{ display: table-cell; width: 30px; vertical-align: middle; } .close > div { height: 27px; width: 30px; border-left: 1px solid #DDDDDD; vertical-align: middle; cursor: pointer; background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat scroll center transparent; } .closeDisabled{ display: table-cell; width: 30px; vertical-align: middle; } .closeDisabled > div { height: 27px; width: 30px; border-left: 1px solid #DDDDDD; vertical-align: middle; cursor: auto; } dl.disableTopBorder > dt { border-top: medium none; background: none; } dd.quotaCondition { padding-bottom: 0px; } dd.quotaCondition > div { margin-left: -145px; } dd.quotaCondition > div > span { display: block; width: 975px; } /************************************ | quota condition parameter editor | ************************************/ .quotaConditionParameterEditor > .commands { max-width: 830px; } .quotaConditionParameterEditor ul.dtree-ul > li:last-child > div { border-bottom: 0px; } .quotaConditionParameterEditorExt { border-top: 1px solid #DDDDDD; margin-left: -150px; height: 34px; text-align: right; } .quotaConditionParameterEditorExt > div.close{ float: right; height: 27px; margin-top: 4px; border-left: 1px solid #DDDDDD; vertical-align: middle; cursor: pointer; background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat scroll center transparent; } .quotaConditionParameterEditorExt > button.right{ margin-top: 8px; margin-right: 10px; } .ui-panel .ui-panel-content{ padding: 0px; } .quotaConditionParameterEditor .treecont { margin-left: -145px; margin-bottom: 28px; }.ui-multiselect-menu { z-index: 999999 !important; } dl.disableTopBorder { border-top: medium none; } dd.quotaCheckingBehaviour { padding-left: 129px; } table.quotaCheckingBehaviour { border-left: 1px dashed #DDDDDD; } div.quota_details_div table { width: 100%; } .input_text_percentages { width: 50px; } .input_text_completes { width: 43px; } .input_text_completes_total { width: 43px; } .quota_row > td { background-image: none; background-color: white; } .row_selected { text-decoration: none; border: 0; } .selected { text-decoration: none; border: 0; } .cellNumCol { text-align: center; width: 40px; } .feat_paging_back { width: 13px; } .feat_paging_next { width: 13px; } .autoCloseCol { text-align: center; width: 49px; } .oncustomcheckbox{ float: right; margin-right: 10px; } #mainlayout .ui-panel-content { margin-top: 3px; } .offcustomcheckbox{ float: right; margin-right: 10px; } .complReqCol { white-space: normal; text-align: right; width: 50px; } .percentCol { text-align: right; width: 50px; } .noborder { border: 0px; white-space: normal; } .noborder-right { border: 0px; white-space: normal; } .footerPanel { text-align: right; } div.cQuotaRimTable > table > tbody > tr > td> div > table > tfoot > tr > td { border-style: none !important; } div.quota_details_div table thead > tr > th{ background-image: none !important; border-top: none !important; /* background-color: white !important;*/ } div.quota_details_div table tfoot { border-top-style: solid !important; border-width: 1px !important; border-color: #CCCCCC !important; background-image: none; /* background-color: white;*/ } div.quota_details_div table tfoot td { padding-top: 4px; } td.rcenter { text-align: right; vertical-align: middle; } .quota_end_row > td { border-bottom-style: solid; } .alert { color: red; } .leftsidecell { width: 40px; } .rightsidecell { width: 50px; } .red_value { color: red; } .blue_value { color: blue; } .hiddenObject { display: none; } .quota_button { width: 70px; } .quota_bottom_cell { display: table-cell; padding-right: 10px; } .quota_bottom_button_container { float: right; } @charset "utf-8"; .selectLightContainer { border: 0 none; overflow: hidden; position: relative; overflow: -moz-hidden-unscrollable; vertical-align: middle; white-space: nowrap; display: inline-block; border: 1px groove #CCCCCC; } .selectLightControl { background: none repeat scroll 0 0 #FFFFFF; color: black; left: -2px; position: absolute; top: -2px; padding: 0 0 0 5px; vertical-align: middle; } .selectLightControl option { vertical-align: middle; padding: 3px 0 3px 7px; } @CHARSET "UTF-8"; .hidden { display: none; } button span{ z-index: auto; } .visible { display: block; } lh input { padding-left: 2px; margin-bottom: 2px; } .watermark input{ color: #AAA; } .disabled { opacity: 0.5; }@CHARSET "UTF-8"; /*--- multiselect ---*/ /*.component.component-customselect*/ button.ui-multiselect.ui-widget.ui-corner-all { background: #fff url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x 0px 0px; min-width: 100px; max-width: 250px; overflow: hidden; height:21px; border:1px solid #d5d6d5; white-space: nowrap; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; cursor: pointer; } button.ui-multiselect.ui-widget.ui-corner-all span { max-width: 200px; overflow: hidden; white-space: nowrap; } .component-customselect.autocomplete > button.ui-multiselect { display: none; } /*.component-customselect*/ button.ui-state-active.ui-widget.ui-corner-all { background: #fff url( /DubKnowledge/javax.faces.resource/select-back.png.xhtml?ln=images ) repeat-x 0px 0px; color: #000; } /*.component-customselect >*/ button.ui-multiselect.ui-widget.ui-corner-all .ui-icon { position:relative; top:0px; background: url( /DubKnowledge/javax.faces.resource/icons/arrow.png.xhtml?ln=images ) no-repeat center center; } /* .menu-proxy, .component-customselect > div.ui-multiselect-menu */ div.ui-multiselect-menu.ui-widget.ui-widget-content { border: 1px #d6d6d6 solid; padding-top: 6px; __padding: 6px 2px; -webkit-border-radius: 9px; -moz-border-radius: 9px; border-radius: 9px; background-color: #fff; color: #000; } /* .menu-proxy > ul, .component-customselect div.ui-multiselect-menu > ul */ div.ui-multiselect-menu.ui-widget.ui-widget-content ul { overflow: auto; __background-color: #fff; overflow: visible; height: auto !important; } div.ui-multiselect-menu.ui-widget.ui-widget-content ul.scrollable { overflow-x: hidden; overflow-y: scroll; max-height: 210px !important; } /* .menu-proxy > ul > li, .component-customselect div.ui-multiselect-menu > ul > li */ div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li { border: none; background-image: none; background-color: transparent; padding: 0; overflow: visible; list-style: none; } div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li.force-hidden { display: none !important; } /* .menu-proxy > ul > li > label, .component-customselect div.ui-multiselect-menu > ul > li > label */ div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li > label { border: none; background-image: none; background-color: transparent; margin-right: -3px; margin-left: -3px; padding: 0 28px 0 5px; line-height: 21px; height: 21px; display: block; min-width: 94px; color: #000; white-space: nowrap; } /* .menu-proxy > ul > li.selected > label, .component-customselect div.ui-multiselect-menu > ul > li.selected > label */ div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li.selected > label { xbackground-color: #ebebeb; xbackground-image: none; background: #ebebeb url( /DubKnowledge/javax.faces.resource/jquery/ok-16x16.png.xhtml?ln=images ) no-repeat 95% 1px; } /* .component-customselect ul.ui-multiselect-checkboxes label.ui-state-hover */ div.ui-multiselect-menu ul.ui-multiselect-checkboxes > li > label.ui-state-hover { background-color: #ebebeb; background-image: none; } /* .component-customselect div.ui-multiselect-menu > ul > li > label > input */ div.ui-multiselect-menu ul > li > label > input { position:absolute; visibility: hidden; } div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li > label.subPanelGroup { } div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li > label.subPanel { } div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li > label.subPanelGroup > span.subPanelGroup{ background: transparent url( /DubKnowledge/javax.faces.resource/icons/sub-panel-group.png.xhtml?ln=images ) no-repeat 95% 1px; display: inline-block; margin: 0 5px 0 0; height: 16px; width: 16px; } div.ui-multiselect-menu.ui-widget.ui-widget-content ul > li > label.subPanel > span.subPanel { background: transparent url( /DubKnowledge/javax.faces.resource/icons/sub-panel.png.xhtml?ln=images ) no-repeat 95% 1px; display: inline-block; margin: 0 5px 0 0; height: 16px; width: 16px; } /* paginator subcase */ button.ui-multiselect.ui-widget.ui-corner-all.paginatorCombo { min-width: 1px; padding: 0 2px; } button.ui-multiselect.ui-widget.ui-corner-all.paginatorCombo .ui-icon { background-position: 5px center; } div.ui-multiselect-menu.ui-widget.ui-widget-content.paginatorCombo ul > li > label { min-width: 20px; } /******** proxies *******/ .component-customselect .proxy-container{ display: inline-block; position: relative; } .component-customselect .proxy-container .proxy{ position: relative; display: inline; background-color:#E1ECF2; border: 1px solid #C1D7E3; margin-left: 10px; padding: 3px 5px 3px 10px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; color: #000; } .component-customselect .proxy-container .proxy span.numberOfSubPanel { font-weight: bold; width: 9px; height: 9px; padding: 0; margin: 0 0 0 10px; display: inline-block; } .component-customselect .proxy-container .proxy .subPanelsArrow { background: url( /DubKnowledge/javax.faces.resource/icons/arrow.png.xhtml?ln=images ) no-repeat center center; width: 9px; height: 9px; padding: 0; margin: 0 10px 0 0px; display: inline-block; } .component-customselect .proxy-container .proxy a { background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat center center; width: 9px; height: 9px; padding: 0; margin: 0px 10px 0 10px; display: inline-block; } .menu-proxy { width: auto !important; } div.disabled-menu-proxy { } div.disabled-menu-proxy > div.body { width: 100px; display: table; display: table-row; } div.disabled-menu-proxy > div.body > div.ui-tooltip-pointer { background: url( /DubKnowledge/javax.faces.resource/icons/white_arrow_left.png.xhtml?ln=images) no-repeat center center; width: 14px; height: 20px; position: absolute; left: -14px; } div.disabled-menu-proxy > div.body > div.field { display: table-row; } div.disabled-menu-proxy > div.body > div.field > div.header { text-align: left; font-weight: bold; font-size: 12px; display: table-cell; } div.disabled-menu-proxy > div.body > div.field > div.content { text-align: left; font-size: 11px; display: table-cell; } div.disabled-menu-proxy > div.body > div.field > div.included { font-weight: bold; color: #488C19; } div.disabled-menu-proxy > div.body > div.field > div.excluded { color: #FF0000; } div.disabled-menu-proxy > div.body > div.field > span.included { font-weight: bold; color: #488C19; } div.disabled-menu-proxy > div.body > div.field > span.excluded { color: #FF0000; } /* ----- constraint on width----- */ span.cut_selected_item { overflow:hidden; display:block; } .component-sparkline { width:115px; height:17px; display: block; position: relative; } .component-sparkline > span { position: absolute; } .sparkline-completes { top: -2px; left: 0px; /* color: #f00; */ } .sparkline-completes span { color:#999; } .sparkline-svg { /*top: 8px;*/ top: 7px; } .sparkline-filled { left: 190px; /*top: 17px;*/ }@CHARSET "UTF-8"; .targetForm .treecont { margin-left: -145px; margin-bottom: 28px; } .targetForm .includeexclude { display: block; height: 32px; } *{ font-family: Arial,'Liberation Sans',FreeSans,sans-serif; } body { /*font-family: Arial;*/ font-size: 10px; line-height: 1.5em } hr { border: 0 #ccc solid; border-top-width: 1px; clear: both; height: 0 } h1 { font-size: 25px } h2 { font-size: 23px } h3 { font-size: 21px } h4 { font-size: 19px; color: #222; font-weight: normal } h5 { font-size: 17px } h6 { font-size: 16px; font-weight: normal } ol { list-style: decimal } ul { list-style: disc } li { /*margin-left: 30px*/ } p, dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, address, fieldset { /*margin-bottom: 20px*/ } select, input, textarea { font-family: Arial; font-size: 12px; } tr.row_selectable:hover > td { background-color: #CCCCCC; } .quota_row > td { border-top-style: solid; border-width: 1px; border-color: #CCCCCC !important; background-image: none; background-color: white; padding: 4px 0px; vertical-align: middle; } tr.not_open_status > td { background-color: #EEE5EE; } .quota_row > td.no_top_border { border-top-style: none !important; background-image: none; background-color: white; padding: 4px 0px; vertical-align: middle; } table.traffic_quota_group td.red_out, table.traffic_quota_group span.red_out, table.traffic_quota_group input.red_out /*,table.traffic_quota_group td.red_out button,*/ /*table.traffic_quota_group td.red_out label > span */{ color: red; } /*table.traffic_counters td.red_out .grey,*/ table.traffic_counters td.red_out, table.traffic_counters span.red_out { color: red; } .quota_end_row > td { border-bottom-style: solid; } .quota_row > td.no_bottom_border { border-bottom-style: none !important; } tr.row_selected > td { background-color: #EEEEEE; } td.traffic_details { border-top-style: dashed; border-width: 1px; border-color: #CCCCCC; background-image: none; background-color: white; padding: 14px 0px; } td.qty { border-left-style: dotted; border-width: 1px; border-color: #CCCCCC; background-image: none; background-color: white; width:50px; } td.external_qty { border-top-style: dashed; border-width: 1px; border-color: #CCCCCC; background-image: none; background-color: white; width:50px; } tr.quota_row > td.status { width:60px; } tr.quota_row > td.status button { min-width: 70px !important; } img.feature_left_button { background: url( /DubKnowledge/javax.faces.resource/jquery/ui-icons_222222_256x240.png.xhtml?ln=images ) no-repeat scroll -82px -194px transparent; width:14px; height:14px; } img.feature_right_button { background: url( /DubKnowledge/javax.faces.resource/jquery/ui-icons_222222_256x240.png.xhtml?ln=images ) no-repeat scroll -50px -194px transparent; width:14px; height:14px; } div.traffic_filter_div { background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x top center; width:1010px; } table.traffic_filter { margin-bottom: 10px; } table.traffic_counters td { padding-right: 10px; } table.project_traffic_counters { margin-left: 5px; } table.project_traffic_counters label { font-weight: bold; font-size: 11px; } table.traffic_filter .grey { color:#777777 } table.traffic_counters .grey { color:#777777 } table.traffic_filter td { padding-right: 10px; } .singleDataCell { font-size: 11px; } .singleDataCellWidth { width: 13%; } table.traffic_filter td#traffic_filter_timeslices button { min-width: 90px; } table.traffic_filter td.calendar_cell img.ui-datepicker-trigger { position: relative; top : 7px; } table.traffic_quota_group { margin-top: 20px; border-top-style: solid; border-width: 1px; border-color: #CCCCCC; } table.traffic_quota_group td.total { font-weight: bolder; } table.traffic_quota_group td.feature { width:100px; } table.traffic_quota_group td.rim_feature_value { /*width:480px;*/ } table.traffic_quota_group td.rim { width:25px; } table.traffic_quota_group tr.header_row { height:40px; } table.traffic_quota_group tr.header_row td { vertical-align: bottom; /*font-size: 12px; font-weight: bold;*/ } table.traffic_quota_group td.quota_cell_feature_column { padding-left: 10px; } table.traffic_quota_group td.completes { /*width:60px;*/ width: 56px; padding-left: 12px; text-align:right; } table.traffic_quota_group td.completes_required { /*width:60px;*/ width: 55px; padding-left: 18px; text-align:right; } table.traffic_quota_group td.invites_sent { width:50px; padding-left: 18px; text-align:right; } table.traffic_quota_group td.invites_available { width:50px; padding-left: 18px; text-align:right; } table.traffic_quota_group td.invites_sampled { width:50px; padding-left: 18px; text-align:right; } table.traffic_quota_group td.autoclose { width:45px; padding-left: 18px; text-align:right; } table.traffic_quota_group td.quantity { width:60px; text-align: center; } table.traffic_quota_group td.status { text-align:center; } table.traffic_quota_group td.sample { width: 110px; } table.traffic_quota_group td.provider { width : 160px; } table.traffic_quota_group td.external_status { padding-left: 60px; } table.traffic_quota_group td.external_gap { width : 204px; } table.traffic_quota_group td.external_gap_filtered { width : 136px; } table.traffic_quota_group td.total_row_gap { width : 132px; } table.traffic_quota_group td.total_row_gap_filtered { width : 72px; } input.red_border { border-color: red !important; border-style: solid !important; background-color: #FFABAB; } .oncustomcheckbox { background: url( /DubKnowledge/javax.faces.resource/buttons/chb_on.png.xhtml?ln=images ) no-repeat; width:31px; height:21px; } .offcustomcheckbox { background: url( /DubKnowledge/javax.faces.resource/buttons/chb_off.png.xhtml?ln=images ) no-repeat transparent; width:31px; height:21px; } #trafficQuotaGroupsTabview { padding: 0; border-width: 0; line-height: 15px; background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x top center; } #trafficQuotaGroupsTabview dt label { min-width: 80px; } #trafficQuotaGroupsTabview > ul{ padding: 1px; background-origin: padding-box; height: 38px; } #trafficQuotaGroupsTabview > ul > li{ margin:0; background-color: transparent; background-image: none; top:1px; line-height: 25px; border-right: 2px groove #ccc; } #trafficQuotaGroupsTabview > ul > li a { font-size: 10px; font-weight: bold; color: #797979; padding-left: 40px; padding-right: 20px; border-bottom: 1px solid #aaa; border-top: 1px solid #aaa; } #trafficQuotaGroupsTabview > ul > li a em{ font-style: normal; font-weight: bold; } #trafficQuotaGroupsTabview > ul > li.ui-state-default { height: 36px; background-image:none; background-color:#DDDDDD !important; color: #000; } #trafficQuotaGroupsTabview > ul > li.ui-tabs-selected, #trafficQuotaGroupsTabview > ul > li.ui-state-active{ height: 36px; /*background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd-reverse.png.xhtml?ln=images ) repeat-x top center;*/ background-image:none; background-color:#FFFFFF !important; color: #000; } #trafficQuotaGroupsTabview > ul > li.ui-tabs-selected a, #trafficQuotaGroupsTabview > ul > li.ui-state-active a{ border-bottom-width: 0px; color: #000; } #trafficQuotaGroupsTabview > ul > li.ui-state-focus a{ border-top: 1px groove #aaa; } #trafficQuotaGroupsTabview > ul > li.ui-state-hover a{ color: #000; } /* QuotaGroup tab action icons*/ #quotaGroupActionButtons { position: absolute; right: 0px; top: 0px; } div#quotaGroupActionButtons img.filter_btn { background: url( /DubKnowledge/javax.faces.resource/buttons/filter_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.filter_btn:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/filter_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.picker_btn { background: url( /DubKnowledge/javax.faces.resource/buttons/picker_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.picker_btn:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/picker_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.e-mail_btn { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.e-mail_btn:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.e-mail_clone_btn { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.e-mail_clone_btn:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.external_btn { background: url( /DubKnowledge/javax.faces.resource/buttons/external_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } div#quotaGroupActionButtons img.external_btn:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/external_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } table.traffic_quota_group img.e-mail_invites_available { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_up.png.xhtml?ln=images ) transparent; width:30px; height:30px; } table.traffic_quota_group img.e-mail_invites_available:hover { background: url( /DubKnowledge/javax.faces.resource/buttons/e-mail_btn_hover.png.xhtml?ln=images ) transparent; width:30px; height:30px; } table.traffic_quota_group td.quota_cell_feature{ width:120px; } table.traffic_quota_group td.quota_cell_feature div { overflow:hidden; display:block; width:120px; } .ui-tabs .ui-tabs-nav li{ list-style: none outside none; white-space: nowrap; padding: 1px; } div#trafficQuotaGroupsTabview > ul:first-child { width:89%; display: block; } table#quotaGroupGlobalTraffic { margin-top:10px; width:100%; margin-left: 5px; } div#trafficStatsContainer { margin-bottom:0px; } div#trafficStatsContainer label { font-size: 12px; } div#trafficFilteringStatusContainer { height:50px; position:relative; } div#trafficFilteringStatusContainer > table { margin-top: 15px; } div#trafficFilteringStatusContainer td { vertical-align: middle; } div#trafficFilteringStatusContainer td .grey { color:#777777 } div#trafficQuotaGroupsTabview div.ui-tabs-panel { padding: 1em 0; } div#trafficFilteringStatusContainer > span.close { height: 27px; width: 30px; border-left: 1px solid #DDDDDD; vertical-align: middle; cursor: pointer; background: url( /DubKnowledge/javax.faces.resource/icons/delete_icon.png.xhtml?ln=images ) no-repeat scroll center transparent; position:relative; bottom:25px; float:right; } span.alert-dialog button { background-image: url( /DubKnowledge/javax.faces.resource/buttons/dialogbuttonbg.png.xhtml?ln=images ); border-color:#000; color: #fff; margin-right: 5px; float:right; } span.pickerRateMode button.ui-state-default{ position: relative; margin-left: 5px; } .traffic_external_samples_title { margin-left: 10px; } #picker_setup_name_valid .ui-message-error-detail { color: red !important; } #picker_setup_click_valid .ui-message-error-detail { color: red !important; } #projectdetails-traffic-externalsamplesetup-dialog .ui-message-error-detail{ color: red !important; } div#trafficQuotaGroupsTabview em.soft_launch_reached { color: red; } button.refinement-feature { z-index: 1000; float: right; } table.traffic_counters a { text-decoration: underline; } #projectdetails-emailpreviewpanel-dl { margin-top: 5px; margin-bottom: 5px; } #projectdetails-traffic-email-def-dialog-form fieldset { display: inline-block; width: 590px; } #projectdetails-traffic-email-def-dialog-form fieldset dl { display: block; } #projectdetails-traffic-email-def-dialog-form fieldset dt { display: inline-block; width: 120px; } #projectdetails-traffic-email-def-dialog-form fieldset dd { display: inline-block; width: 425px; } #projectdetails-traffic-email-def-dialog-form span.emailDefDialogSpan { display: block; } .labelSpan { display: inline-block; width: 60px; font-size: 12px; } .valueSpan { display: inline-block; width: 710px; } /* multiple tabs handling */ /* #customtabform { padding: 0; border-width: 0; line-height: 15px; background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd.png.xhtml?ln=images ) repeat-x top center; } #customtabform > ul{ padding: 1px; background-origin: padding-box; height: 38px; width:680px; display: table; } #customtabform > ul > li{ margin:0; background-color: transparent; background-image: none; top:1px; line-height: 25px; border-right: 2px groove #ccc; border-top: 1px solid #AAAAAA; border-bottom: 1px solid #AAAAAA; display: table-cell; list-style: none; float:left; width:200px } #customtabform > ul > li.ui-state-active { background: transparent url( /DubKnowledge/javax.faces.resource/38h-backgrd-reverse.png.xhtml?ln=images ) repeat-x top center; color: #000; } */.component-treemap { position: relative; } /* customselect */ .component-treemap > span { border-bottom: 1px #ccc solid; vertical-align: middle; color: #000; display: block; height: 33px; background: url( /DubKnowledge/javax.faces.resource/35h-backgrd.png.xhtml?ln=images ) repeat-x left top; } .component-treemap > span > div > span.treemap-projectName { background: none repeat scroll 0 0 transparent; border: 0 none; font-size: 12px; font-weight: bold; height: 18px; max-width: 200px; overflow: hidden; width: 200px; display: block; padding: 9px; } .component-treemap .component.component-customselect.project-status{ display: inline; float: right; } .treemap-container{ overflow: hidden; width: 300px; min-height: 790px; margin: auto; position:relative; } .treemap-container > h3 { color: #a9a9a9; text-align: center; margin-top: 20px; } /* styles for cell display: */ .treemap-container .node { overflow: hidden; /*border-right: 1px solid transparent; border-bottom: 1px solid transparent;*/ } .treemap-container .node ul { padding: 5px; display: inline-block; } .treemap-container .node li { white-space: nowrap; overflow: hidden; } .treemap-container .node span { padding-left: 1px; } .treemap-container .node span.fname { } /* --- colorizing --- */ .treemap-container .node.map-node-1{ /*background-color: #c15b5b;*/ color: #000; /*border-color: #ebebeb;*/ } .treemap-container .node.map-node-2{ /*background-color: #e0adac;*/ color: #fff; } .treemap-container .node.map-node-3{ /*background-color: #e1ecf1;*/ color: #333; } .treemap-container .node.map-node-4{ /*background-color: #ebebeb;*/ color: #333; } .quotaMapTip { font-size: 11px; padding: 5px 5px 10px 5px; } .quotaMapTip h3 { color: #a9a9a9; } .quotaMapTip h3 .completes { color: #c15b5b; } .quotaMapTip ul{ margin-top: 10px; } .quotaMapTip li{ list-style-type: none; border-bottom: 1px solid #ccc; /*line-height: 20px;height: 20px;*/ padding: 2px 0 2px 0; } .quotaMapTip li .param { font-weight: bold; }@CHARSET "UTF-8"; .headerLabel{ text-align: left; color: #FFFFFF; } @CHARSET "UTF-8"; .userProjectCategoryHeaderDiv { margin: none; padding-left: 20px; height: 19px; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/19h-headerback.png.xhtml?ln=images ) repeat-x top center; } .userProjectCategoryHeaderDiv > label { font-size: 11px; font-weight: bold; line-height: 19px; vertical-align: middle; } #side_projects * h3 { border: 0 none; padding: 0; background: none; } #side_projects h3 > span.ui-icon { left: 2px; margin-top: -10px; } #side_projects h3.empty { color: #A9A9A9; margin-top: 20px; text-align: center; } #userProjectCategoryContentDiv { padding: 0px; margin: 0px; } #userProjectCategoryContentDiv .project { cursor: pointer; height: 49px; padding-left: 10px; padding-right: 10px; overflow: hidden; background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/48h-backgrd.png.xhtml?ln=images ) repeat-x top center; } #userProjectCategoryContentDiv .project:hover { background: #c5c5c5 url( /DubKnowledge/javax.faces.resource/table-row-gradient.png.xhtml?ln=images ) repeat-x top center; } #userProjectCategoryContentDiv .project label { cursor: pointer; vertical-align: middle; line-height: 20px; } #sidePaneUserProjectsContainer .header { height: 33px; } .userProjectsFilterInput { margin: 5px; width: -moz-available; } #userProjectCategoryContentDiv .project label.dub_project_id { font-size: 10px; }