html {
max-height:100%;
padding:0;
margin:0;
border:0;
overflow:auto;
}
BODY {
PADDING-BOTTOM: 25px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; FONT-FAMILY: arial; FONT-SIZE: 10pt; PADDING-TOP: 100px
}
DIV#header {
POSITION: absolute; BACKGROUND-COLOR: #fff; WIDTH: 100%; HEIGHT: 100px; TOP: 0px; LEFT: 0px
}
DIV#footer {
POSITION: absolute; WIDTH: 100%; BOTTOM: 0px; HEIGHT: 25px; LEFT: 0px
}
DIV#content {
PADDING-BOTTOM: 0px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; PADDING-TOP: 0px;background-color:#FFF;
}
@media Screen
{
BODY > DIV#header {
POSITION: fixed
}
BODY > DIV#footer {
POSITION: fixed;
}
}
* HTML BODY {
OVERFLOW: hidden;
}
* HTML DIV#content {
HEIGHT: 100%; OVERFLOW: auto
}
body {
font-family: arial;
margin: 0px;
padding: 0px;
color:#3F5356;
}
.snapshotText {
float:none;
text-align:left;
color:#666;
font-size: 9pt ;
font-family:arial;
}
.footer_text {
font-size: 10px;
background-image: url(images/index_r4_c1.jpg);
text-align: center;
padding-top: 10px;
background-repeat: repeat-x;
}
.qiHeaderDiv {
font-size: 9pt;
margin-top: 10px;
}
#apDiv1 {
position:absolute;
width:200px;
height:115px;
z-index:1;
top: 73px;
left: 682px;
}
a.defaultColor {
background-color: #FFF;
}
a.selectedColor {
background-color: #CCCCCC;
}
.header_bg {
background-image: url(../images/bg_Search_Header.jpg);
background-position: 5px top;
background-repeat: repeat-x;
}
.header_bg1 {
background-image: url(../images/Heade_Bg.png);
background-position: 5px top;
background-repeat: repeat-x;
}
td img#addCondition,td img#clearCondition,#toggleSnapshot,#toggleSnapshotCohort {
cursor:pointer;
}
td img#addCondition{
padding-top:2px;
}
.footer_bg {
BACKGROUND-IMAGE: url(../images/index_r6_c1.jpg); PADDING-BOTTOM: 3px; PADDING-LEFT: 3px; PADDING-RIGHT: 3px; COLOR: #000; font-size: 9pt; PADDING-TOP: 10px
}
.searchButton {
font-weight: bold;
width: 150px;
}
#divcontainer{
width:750px;
margin-bottom: 0px;
padding: 0px;
border-left: 1px solid #999999;
border-top: 1px solid #999999;
border-right: 1px solid #999999;
border-bottom: 1px solid #9EB7CB;
margin: auto;
height: 180px;
height: auto !important;
background-image:url(../images/qi_bg2.jpg)
}
#div_caption{
margin-bottom: 0px;
padding: 0px;
margin: auto;
height: 40px;
height: auto !important;
}
#div_qs{
width:750px;
margin-bottom: 0px;
padding: 0px;
border: 1px solid #999999;
background-color:#C3D5DB;
margin: auto;
height: 25px;
vertical-align:middle;
font-size:13px;
padding-top:6px;
text-align:left;
font-weight:bold;
color:#036;
}
.search_header_text {
font-size: 13px;
color: #036;
padding-top: 10px;
}
.search_header_text_qi,.search_header_text_qi_metrics {
font-size: 9pt;
color: #fff;
font-weight:bold;
width:500px;
font-family:arial;
line-height:20px;
height:auto;
}
#search_image{
padding-top: 0px;
}
.search_header {
font-size: 13px;
color: #666;
padding-bottom: 1px;
margin-bottom: 1px;
}
.text_boxes {
border: 1px solid #CCC;
padding-top: 5px;
padding-left: 5px;
height: 22px;
background-image: url(images/searchTextBg.jpg);
}
.text_boxes_small {
border: 1px solid #CCC;
padding-top: 2px;
padding-left: 2px;
height: 16px;
background-image: url(images/searchTextBg.jpg);
}
.boxes_border {
border: 1px solid #CCC;
}
#moreOptions {
font-size: 9pt;
margin-left: 10px;
margin-top: 0px;
margin-bottom: 10px;
}
.buttonAddMetrics {
font-size: 9pt;
font-weight: bold;
background-color: #5A8EC7;
}
.searchButtonTd {
padding-left: 5px;
}
a {
color: #0000ff;
white-space:nowrap;
font-size:9pt;
}
a:hover {
text-decoration: none;
font-size:9pt;
}
.divBorder {
border: 1px solid #D5E0F7;
height: 70px;
background-color: #FAFBFE;
width: 900px;
margin: 4px;
height: auto !important;
}
#population{
display:none;
}
.divBorderPopulation {
border: 1px solid #D5E0F7;
background-color: #FAFBFE;
margin: 4px;
width:750px;
height:auto;
}
.divCohorBorder {
border: 1px solid #D5E0F7;
height: 140px;
background-color: #FAFBFE;
width: 900px;
margin: 4px;
}
.divBorderWhite {
border-left: 1px solid #D5E0F7;
border-right: 1px solid #D5E0F7;
border-bottom: 1px solid #D5E0F7;
height: 70px;
background-color: #ffffff;
width: 900px;
margin: 0px;
}
.divBorderWhite4 {
border: 1px solid #D5E0F7;
height: 70px;
background-color: #ffffff;
width: 900px;
margin: 0px;
margin-top:3px;
}
.divBorderWhite4 td {
font-family:arial;
}
#showAllContainer .divBorderWhite{
background-color: #DBE1E1;
/* background-image:url(../images/qi_bg2.jpg); */
border-left: 1px solid #999999;
border-bottom: 1px solid #999999;
border-right: 1px solid #999999;
}
.fieldsText {
font-size: 9pt;
color:#333;
}
#q_metrics,#q_select,#q_group,#q_condition{
color:#000;
}
#q_condition{
width:600px;
}
#q_conditionInner{
float:left;
width:600px;
height:20px;
}
#folders{
width: 147px;
}
/* TextboxList CSS */
ul.qiSuggestTerm-holder { margin: 0;border: 1px solid #999999; overflow: hidden; min-height:22px; height: auto !important; height: 1%; padding: 1px 3px 1px 0; background-color:#FFF;}
*:first-child+html ul.qiSuggestTerm-holder { padding-bottom: 2px; } * html ul.qiSuggestTerm-holder { padding-bottom: 2px; } /* ie7 and below */
ul.qiSuggestTerm-holder li { float: left; list-style-type: none; margin: 0 1px 0px 1px; }
ul.qiSuggestTerm-holder li.bit-box, ul.qiSuggestTerm-holder li.bit-input input { font: 9pt arial; }
ul.qiSuggestTerm-holder li.bit-box { border: 0px solid #CAD8F3; background: #fff; padding: 4px 1px 2px; white-space:nowrap; } /**box border and baclground */
span#sp.bit-box { border: 0px solid #CAD8F3; background: #fff; padding: 4px 1px 2px; white-space:nowrap; } /**box border and baclground */
ul.qiSuggestTerm-holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #000; }
ul.qiSuggestTerm-holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; z-index:1;} /* no left/right padding here please */
td#metrics ul.qiSuggestTerm-holder li.bit-input input { width: 150px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; z-index:1;background:#fff;}
ul.qiSuggestTerm-holder li.bit-input input.smallinput { width: 20px; }
form ol { font: 9pt arial; }
form ol li.qiSuggestTerm-input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; }
form ol li.qiSuggestTerm-input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
form ol li.qiSuggestTerm-input-text input { width: 600px; padding: 5px 5px 6px; font: 9pt arial; border: 1px solid #999999; }
form ul.qiSuggestTerm-holder { width: 530px; }
td div#selectMetrics form ul.qiSuggestTerm-holder input { background-color:red; }
ul.qiSuggestTerm-holder li.bit-hover { background: #ECF0FD; border: 0px solid #6D95E0; } /**box hover */
ul.qiSuggestTerm-holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #000; }
ul.qiSuggestTerm-holder li.bit-box a.closebutton { position: absolute; right: 2px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif');color: #000; }
ul.qiSuggestTerm-holder li.bit-box a.closebutton:hover { background-position: 7px;color: #000; }
ul.qiSuggestTerm-holder li.bit-box-focus a.closebutton, ul.qiSuggestTerm-holder li.bit-box-focus a.closebutton:hover { background-position: bottom; color: #000; }
ul.qiSuggestTerm-holder li.bit-box { padding-right: 10px; }
/** Textboxlist Autocompleter */
.qiSuggestTerm-auto { display: none; position: absolute; width: 242px; background: #eee;float:left;z-index:10000}
.qiSuggestTerm-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
.qiSuggestTerm-auto ul { display: none; margin: 0; padding: 0; }
.qiSuggestTerm-auto ul li {width: 240px; padding: 5px 0px 2px 0px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 9pt arial; text-indent:5px;background-color:#F9F9F9}
.qiSuggestTerm-auto ul li em { font-weight: bold; font-style: normal; }
.qiSuggestTerm-auto ul li.auto-focus { background: #D6EEF1; color: #000; }
.qiSuggestTerm-auto ul li.white { background: #eee; color: #000; }
.qiSuggestTerm-auto ul li.auto-focus em { background: none; }
/* TextboxList CSS */
div#conditionSS{ font-family:arial; font-size:9pt; margin-top: 4px; overflow: hidden; height:auto; padding: 2px 3px 2px 0; float: left; width: 530px;}
ul.qiSuggestCondition-holder { margin: 0; border: 1px solid #999999; overflow: hidden; min-height:22px; height: auto !important; height: 1%; padding: 1px 3px 1px 0; background-color:#FFF; }
*:first-child+html ul.qiSuggestCondition-holder { padding-bottom: 2px; } * html ul.qiSuggestCondition-holder { padding-bottom: 2px; } /* ie7 and below */
ul.qiSuggestCondition-holder li { float: left; list-style-type: none; margin: 0 2px 0px 0; }
ul.qiSuggestCondition-holder li a{ float: left; list-style-type: none; margin: 2px 5px 0px 0; }
ul.qiSuggestCondition-holder li span { white-space:nowrap; }
.bit-box, ul.qiSuggestCondition-holder li.bit-box, ul.qiSuggestCondition-holder li.bit-input input { font: 9pt arial;z-index:1; }
.bit-box, ul.qiSuggestCondition-holder li.bit-box { border: 0px solid #CAD8F3; background: #fff; padding: 4px 1px 2px;white-space:nowrap; } /**box border and baclground */
ul.qiSuggestCondition-holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.qiSuggestCondition-holder li.bit-input input { width: 80px; margin: 0; border: none; outline: 0; padding: 3px 0 2px; } /* no left/right padding here please */
ul.qiSuggestCondition-holder li.bit-input input.smallinput { width: 20px; }
form ol { font: 9pt arial; }
form ol li.qiSuggestCondition-input-text { margin-bottom: 10px; list-style-type: none; padding-bottom: 10px; border: 1px solid #000; }
form ol li.qiSuggestCondition-input-text label { font-weight: bold; cursor: pointer; display: block; font-size: 13px; margin-bottom: 10px; }
.suggestTemplate, form ol li.qiSuggestCondition-input-text input { width: 300px; font: 9pt arial; margin: 0; border: none; outline: 0; padding: 3px 0 2px 2px; }
form ul.qiSuggestCondition-holder { width: 530px;}
.suggestTemplate, form ul.qiSuggestCondition-holder input { background-color: #FAFBFE; }
.suggestTemplate, form ul.qiSuggestCondition-holder select { font-size: 9pt; }
ul.qiSuggestCondition-holder li.bit-hover { background: #ECF0FD; border: 0px solid #6D95E0; } /**box hover */
ul.qiSuggestCondition-holder li.bit-box-focus { border-color: #598BEC; background: #598BEC; color: #fff; }
ul.qiSuggestCondition-holder li.bit-box a.closebutton { position: absolute; right: 0px; top: 5px; display: block; width: 7px; height: 7px; font-size: 1px; background: url('../images/close.gif'); }
ul.qiSuggestCondition-holder li.bit-box a.closebutton:hover { background-position: 9pt; background-position:7px; }
ul.qiSuggestCondition-holder li.bit-box-focus a.closebutton, ul.qiSuggestCondition-holder li.bit-box-focus a.closebutton:hover { background-position: 7px;color: #000; }
ul.qiSuggestCondition-holder li.bit-box { padding-left:3px; padding-right: 13px; z-index:1;}
ul.qiSuggestCondition-holder li.units-box{float:left;padding-left:0px;padding-right:1px;padding-top:2px;white-space:nowrap;}
ul.qiSuggestCondition-holder li.condition-box {float:left;padding-left:1px;padding-right:1px;padding-top:0px;}
/** Textboxlist Autocompleter */
.qiSuggestCondition-auto { display: none; position: absolute; width: 242px; background: #eee; }
.qiSuggestCondition-auto .default { padding: 5px 7px; border: 1px solid #ccc; border-width: 0 1px 1px; }
.qiSuggestCondition-auto ul { display: none; margin: 0; padding: 0; }
.qiSuggestCondition-auto ul li {width: 240px; padding: 5px 0px 2px 0px; margin: 0; list-style-type: none; border: 1px solid #ccc; border-width: 0 1px 1px; font: 9pt arial; text-indent:5px;background-color:#F9F9F9 }
.qiSuggestCondition-auto ul li em { font-weight: bold; font-style: normal; }
.qiSuggestCondition-auto ul li.auto-focus { background: #D6EEF1; color: #000; }
.qiSuggestCondition-auto ul li.auto-focus em { background: none; }
.qiCondition_units_ac_results {
padding: 0px;
border: 0px solid #ccc;
background-color: white;
overflow: hidden;
z-index: 99999;
width:100px;
}
.qiCondition_units_ac_results ul {
width: 120px;
list-style-position: outside;
list-style: none;
padding: 0;
margin: 0;
overflow: hidden;
}
.qiCondition_units_ac_results li {
margin: 0px;
padding: 2px 5px;
cursor: default;
display: block;
/*
if width will be 100% horizontal scrollbar will apear
when scroll mode will be used
*/
/*width: 100%;*/
font: 9pt arial;
/*
it is very important, if line-height not setted or setted
in relative units scroll will be broken in firefox
*/
line-height: 16px;
overflow: hidden;
text-align:left;
width:120px;
border: 1px solid #ccc;
border-width: 0 1px 1px;
background-color:#F9F9F9
}
.qiCondition_units_ac_loading {
background: white url('indicator.gif') right center no-repeat;
}
.qiCondition_units_ac_odd {
background-color: #fff;
}
.qiCondition_units_ac_results li.ac_over {
background-color: #D6EEF1;
color: black;
}
.qiSearchBg {
background-image: url(../images/biSearchbg.jpg);
background-repeat: repeat-x;
}
.dateCombo{
font-size:9pt;
border:#CCC solid 1px;
}
.messageDiv{
font-size:9pt;
color:#000;
}
.showhide{
color:#000;
line-height:22px;
vertical-align:middle;
padding-left:7px;
}
.loggedIn {
color: #666;
font-weight: normal;
font-size:9pt;
}
.links_qi{
color:#0000FF;
font-size:9pt;
}
.links_qi2{
color:#033;
font-size:9pt;
}
.links_white{
color:#fff;
font-size:9pt;
}
a.links_blue{
color:#0000FF;
font-size:9pt;
}
a.links_blue:hover{
color:#0000FF;
font-size:9pt;
text-decoration:none;
}
.sub_links{
float:left;
padding:6px;
padding-top:14px;
}
.sub_links_qs{
float:left;
padding-top:5px;
padding-right:2px;
padding-bottom:5px;
padding-left:0px;
color:#333;
font-size:9pt;
font-family:arial;
}
#cohort_title{
display:none;
padding-top:10px;
}
#clearAndConditionButtons,#clearAndConditionButtonsCohort{
position:absolute;
z-index:10;
display:inline;
}
#conditionButton,#clearButton,#conditionButtonCohort{
float:left;
}
#showAllContainer{
display:none;
}
#showAll{
float:left;
padding-left:17px;
padding-top:0px;
height:auto;
}
#cohortToggleDiv{
}
#hiddenPaneContent{
float:left;
}
#hiddenPaneContent #loginDiv {
float:left;
text-align:left;
width:270px;
}
#hiddenPaneContent #form1 td,#hiddenPaneContent #loginDiv td{
text-align:left;
font-weight:normal;
color:#000;
white-space:nowrap;
}
#hiddenPaneContent #form1 td #createNewFolder,#hiddenPaneContent #form1 td #bookmarkID,#hiddenPaneContent #form1 td #closeButtonId{
font-size:8pt;
color:#000;
}
#hiddenPaneContent #form1 td #bookmarkName{
width:189px;
height:14px;
}
#hiddenPaneContent #form1 td #folders{
width:194px;
}
.cohort_heading{
display:inline;
width:500px;
float:left;
padding:0px 0px 0px 0px;
font-family:arial;
color:#333;
}
#ss_cohort span{
font-family:arial;
}
.pad10px{
padding-left:0px;
}
.suggestTemplate{
padding-right:10px;
}
#showOnlyTop,#showOnlyCo,#showOnlyMore{
padding-left:17px;
}
#showMore{
margin-top:5px;
margin-bottom:10px;
}
#toggleMore{
cursor:pointer;
}
#bookMarkSearchResult{
float:left;
text-align:left;
border: 1px solid rgb(0, 0, 0);
overflow: scroll;
width: 352px;
height: 180px;
background-color: rgb(255, 255, 255);
display:none;
}
.Arial11Blue{
color:#036;
}
#boxTemplate_r1_c2,#boxTemplate_r1_c1{
cursor:auto;
}
a.link_val2{
cursor:pointer;
}
#topMenu{
display:inline;
width:750px;
margin:auto;
}
.ac_input {
/*background: url('../images/loaderTrans.gif') right center no-repeat;*/
background-color:#FFF;
}
.ac_input1 {
background: url('../images/loaderTrans.gif') right center no-repeat;
background-color:#FFF;
}
.maininput{
/*background: url('../images/loaderTrans.gif') right center no-repeat;*/
background-color:#FFF;
width:530px;
}
.maininput1 {
background: url('../images/loaderTrans.gif') right center no-repeat;
background-color:#FFF;
}
ul.qiSuggestCondition-holder li.bit-input input.qiCondition_units_ac_input{
width:90px;
}
.link_units{
color:#666;
padding-left:2px;
padding-right:2px;
margin-left:2px;
margin-right:2px;
/*border: 1px solid #CCC;*/
cursor:pointer;
}
a.link_units:hover{
color:#000;
/*border: 1px solid #999999;*/
cursor:pointer;
background-color:#fff;
}
.conditionSpan{
float:left;
padding-right:1px;
padding-left:1px;
cursor:pointer;
}
.clrConditionSpan{
float:left;
padding-right:1px;
padding-left:1px;
padding-top:0px;
cursor:pointer;
}
.startBrace{
font-size:9pt;
padding:3px 1px 2px;
}
#scrollable{
overflow: scroll; width: 229px; height: 150px; border: #7F9DB9 solid 1px; background-color: #FFF;
}
.cButton{
float:left;
}
.searchText{
white-space:nowrap;
font-weight:bold;
padding-top:6px;
color:gray;
}
#ss_summarize,#ss_population,#ss_cohort_summarize{
margin-left:13px;
}
#ss_condition{
margin-left:13px;
}
#ss_cohort_condition{
margin-left:0px;
}
.smallTextWhite{
color:#FFF;
font-size:7pt;
font-style:italic;
}
.smallTextBlack{
float:left;
color:#333;
font-size:7pt;
font-style:italic;
white-space:nowrap;
padding-left:1px;
}
.example{
width:535px;
height:12px;
}
#sampleValueId{
padding-left:50px;
color:#666;
font-size:8pt;
}
#closeQS{
cursor:pointer;
}
.delLink{
width:10px;
float:left;
cursor:pointer;
/*background-image:url('../images/deleteButt1.gif');*/
}
.snapBit{
float:left;
padding-right:0px;
padding-left:0px;
cursor:default;
}
.link_blue{
cursor:pointer;
color:#0000FF;
}
.imgBorder{
border:1px solid #CCCCCC;
}
.imgNoBorder{
border-color:#ffffff;
}
.imgBorder1{
border:1px solid #000000;
}
.imgNoBorder1{
border-color:#ffffff;
}
div#queries td a{
font-size:11px;
padding-left:5px;
}
a.breadCrumbLink,.breadCrumbNoLink{
font-size:8pt;
}
a.breadCrumbLink:hover{
font-size:8pt;
}
.textArrow{
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:11px;
padding-left:3px;
}
#underProcess{
height:70px;top:160px;z-index:1000;width:400px;padding-top:7px;z-index:20;position:absolute;border-left:solid 1px #ccc;border-top:solid 1px #ccc;border-right:solid 1px #000;border-bottom:solid 1px #000;display:none;background-color:#FFF;margin:5px;
}
.fontRed{
color:#F00;
}
.footer-sublink-bottom[title='Privacy Policy'],.footer-sublink-bottom[title='Accessibility Statement'],.footer-sublink-bottom[title='Terms of Service'],.footer-sublink-bottom[title='Site Map']{
display:none;
}
.buttonSize108{background:url(../images/plain_Button108.gif) no-repeat 0px 4px;width:110px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;
}
.buttonLoaderSize108{background:url(../images/plain_loader_Button108.gif) no-repeat 0px 4px;width:110px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;
}
.buttonSize160{background:url(../images/plain_Button160.gif) no-repeat 0px 4px;width:162px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;
}
.buttonLoaderSize160{background:url(../images/plain_loader_Button160.gif) no-repeat 0px 4px;width:162px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;
}
.buttonSize130{background:url(../images/plain_Button130.gif) no-repeat 0px 4px;width:130px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;
}
.buttonLoaderSize130{background:url(../images/plain_loader_Button130.gif) no-repeat 0px 4px;width:130px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;
}
.buttonSize51{
background:url(../images/plain_Button51.gif) no-repeat 0px 3px;width:53px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;cursor:pointer;
}
.buttonLoaderSize51{background:url(../images/plain_loader_Button51.gif) no-repeat 0px 4px;width:53px;height:32px; border:solid #FFF 1px; font-family::Arial, Helvetica, sans-serif;font-size:12px;
}
.green{
color:green;
}