/* Customized version of HTML5 ✰ Boilerplate html5boilerplate.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{display:block;}
nav ul{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,
q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
/* tables still need cellspacing="0" in the markup */
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:baseline;}
body{font:13px/1.231 sans-serif;*font-size:small;}
/* hack retained to preserve specificity */
select,input,textarea,button{font:99% sans-serif;}
/* normalize monospace sizing en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome */
pre,code,kbd,samp{font-family:monospace,sans-serif;}
body, select, input, textarea {
  color: #333;   /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */
  /* set your base font here, to apply evenly */
  font-family: "Lucida Grande", Tahoma, Arial, Helvetica, sans-serif;
}

/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */
h1,h2,h3,h4,h5,h6 { font-weight: bold; }

/* always force a scrollbar in non-IE */
html{overflow-y:scroll;}
/* Accessible focus treatment:people.opera.com/patrickl/experiments/keyboard/test */
a:hover,a:active{outline:none;}
a,a:active,a:visited{color:#607890;}
a:hover{color:#036;}
ul,ol{margin-left:1.8em;}
ol{list-style-type:decimal;}
/* Remove margins for navigation lists */
nav ul,nav li{margin:0;}
small{font-size:85%;}
strong,th{font-weight:bold;}
td,td img{vertical-align:top;}
sub{vertical-align:sub;font-size:smaller;}
sup{vertical-align:super;font-size:smaller;}
pre{padding:15px;/* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
white-space:pre;/* CSS2 */
white-space:pre-wrap;/* CSS 2.1 */
white-space:pre-line;/* CSS 3 (and 2.1 as well,actually) */
word-wrap:break-word;/* IE */}
textarea{overflow:auto;}
/* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend,.ie7 legend{margin-left:-7px;}
/* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"]{vertical-align:text-bottom;}
input[type="checkbox"]{vertical-align:bottom;}
.ie7 input[type="checkbox"]{vertical-align:baseline;}
.ie6 input{vertical-align:text-bottom;}
/* hand cursor on clickable input elements */
label,input[type=button],input[type=submit],button{cursor:pointer;}
/* webkit browsers add a 2px margin outside the chrome of form elements */
button,input,select,textarea{margin:0;}
/* colors for form validity */
input:valid,textarea:valid{}
input:invalid,textarea:invalid{border-radius:1px;-moz-box-shadow:0px 0px 5px red;-webkit-box-shadow:0px 0px 5px red;box-shadow:0px 0px 5px red;}
.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid{background-color:#f0dddd;}
::-moz-selection{background:#3fbf3f;color:#fff;text-shadow:none;}
::selection{background:#3fbf3f;color:#fff;text-shadow:none;}

/*  j.mp/webkit-tap-highlight-color */
a:link { -webkit-tap-highlight-color: #FF5E99; }

/* make buttons play nice in IE:
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {  width: auto; overflow: visible; }

/* bicubic resizing for non-native sized IMG:code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img{-ms-interpolation-mode:bicubic;}
/* for image replacement */
.ir{display:block;text-indent:-999em;overflow:hidden;background-repeat:no-repeat;text-align:left;direction:ltr;}
/* Hide for both screenreaders and browsers
css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden{display:none;visibility:hidden;}
/* Hide only visually,but have it available for screenreaders
www.webaim.org/techniques/css/invisiblecontent/ & j.mp/visuallyhidden */
.visuallyhidden{position:absolute !important;clip:rect(1px 1px 1px 1px);/* IE6,IE7 */
clip:rect(1px,1px,1px,1px);}
/* Hide visually and from screenreaders,but maintain layout */
.invisible{visibility:hidden;}
/* >> The Magnificent CLEARFIX:Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;visibility:hidden;}
.clearfix:after{clear:both;}
/* Fix clearfix:blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix{zoom:1;}

 /* Primary Styles
    Author: Bran Handley
 */
.hide, .print-only{display:none;}
body {
 background-image:url('../img/background.png');
 background-repeat: no-repeat;
 background-position: top center;
 width: 960px;
 margin: 0px auto;
}
#site-message {
    position:absolute;
    background-color: #ffe45c;
    color: #650;
    z-index: 1;
    padding: 2px 4px 2px 4px;
    top:0px;
    left: 20px;
    font-size: 9px;
    line-height: 9px;
    border-radius: 2px;
    border-top-left-radius: 0px;
    border-top-right-radius: 0px;
    border:1px solid #e6bf00;
    border-top-width: 0px;
    -moz-box-shadow: 0px 0px 4px #e6bf00;
    -webkit-box-shadow: 0px 0px 4px #e6bf00;
    box-shadow: 0px 0px 4px #e6bf00;
}
#header {
 padding: 5px 0px 0px 19px;
 position: relative;
}
#site-logo img {
 width: 412px;
 height: 80px;
}
body.demo #site-logo img {
 width: 718px;
 height: 80px;
}
#user-ribbon {
 position:absolute;
 top: 20px;
 right: 20px;
 margin: 0px 6px;
 font-size:0.85em;
}
#user-ribbon .left-shadow,
#user-ribbon .center-shadow,
#user-ribbon .right-shadow {
 height:1px;
 font-size:1px;
 line-height:1px;
 padding: 0px;
 margin:0px;
}
#user-ribbon .left-shadow,
#user-ribbon .right-shadow {
 position: absolute;
 top: 0px;
 width:5px;
 background-color: #cfcfcf;
 border-top: 1px solid #707070;
}
#user-ribbon .left-shadow {
 left:-6px;
 border-left: 1px solid #dbdbdb;
}
#user-ribbon .right-shadow {
 right:-6px;
 border-right: 1px solid #dbdbdb;
}
#user-ribbon .center-shadow {
 background-color: #005670;
 border-top: 1px solid #002f3d;
}
#user-links {
 color: #001929;
 background-color: #b2d2dc;
 -moz-border-radius-bottomleft: 8px;
 -moz-border-radius-bottomright: 8px;
 -webkit-border-bottom-left-radius: 8px;
 -webkit-border-bottom-right-radius: 8px;
 border-bottom-left-radius: 8px;
 border-bottom-right-radius: 8px;
 padding-bottom: 5px;
 border-bottom: 1px solid #dbdbdb;
}
#user-links div {
 padding:0px 10px;
 margin: 5px 0px 2px 0px;
}
#user-links a {
 color: #001929;
 text-decoration: none;
}
#user-links a:hover,
#user-links a:focus {
 color: #001929;
 text-decoration: underline;
}
#user-links #user-info a {
 color: #fff;
}
#user-links #user-info {
 position: relative;
 padding:1px 55px 8px 10px;
 margin: 0px;
 background-color: #006b89;
 color: #fff;
}
#user-links #user-info span {
 position: absolute;
 top:3px;
 right: 10px;
 font-size:0.85em;
}
#page-title {
 position: relative;
 color: #0fa041;
 font-size: 1.6em;
 line-height: 1.0em;
 margin-top: 10px;
 margin-bottom: 8px;
 padding-left: 60px;
 white-space: nowrap;
}
#home-nav {
 position: absolute;
 left: 0;
 top: -4px;
 border-left: 1px solid rgb(164, 209, 181);
 border-right: 1px solid rgb(127, 190, 151);
 padding: 5px 10px;
}
.ie6 #home-nav {top:-1px; left:-60px;}
.ie7 #home-nav {top:-2px;}
.no-home-icon #page-title {
    padding-left: 0;
}
#content {
 margin-left: 20px;
 margin-right: 20px;
 line-height: 1.6em;
 position: relative;
}
.ie6 #content, .ie7 #content {height: 1%} /*so that background images show*/
body.list-page #content {
 background-image: url('../img/filter_background.png');
 background-repeat: repeat-y;
 background-position: 55px 0px;
}
body.list-page.three-column #content {
 background-image: url('../img/filter_background_3_column.png');
}
#footer {
/* background-image: url('../img/footer_shadow.png');*/
 background-repeat: no-repeat;
 background-position: left top;
 font-size:0.8em;
 padding: 10px 20px 40px 20px;
 position: relative;
}
.ie6 #footer, .ie7 #footer {height:25px; background-color: #fff;}
body.list-page #footer {
 background-image: url('../img/footer_shadow_filter.png');
 background-position: 11px top;
}
body.list-page.three-column #footer {
    background-image: url('../img/footer_shadow_filter_and_compare.png');
}
body.detail-page #footer {
 background-image: url('../img/tab_body_bottom.png');
 background-position: 11px top;
}
.ie6 body.detail-page #footer {
 background-position: 13px top;
}
#footer-line {
 background-color: #0090B5;
/*    float: left;*/
 height: 3px;
 font-size:0px;
 line-height:0px;
 margin-bottom: 12px;
/*    width: 800px;*/
}
#footer .collaborator-text {
 position: absolute;
 top: 25px;
 right: 285px;
}
#footer .collaborator-logos {
 position: absolute;
 top: 15px;
 right: 72px;
 width: 201px;
 height: 50px;
}
.collaborator-logos a {position:absolute; top:0px; background-image:url('../img/logos/logos_sprite2.gif'); background-repeat:no-repeat; background-position:0px 0px;}
a.cdc {margin-top:12px; margin-left:0px; width:42px; height:29px;}
a.nih {margin-top:11px; margin-left:0px; left:54px; width:46px; height:29px; background-position:-43px 0px;}
a.rwjf {margin-top:0px; margin-left:0px; left:111px; width:78px; height:47px; background-position:-89px 0px;}
a.usda {margin-top:9px; margin-left:0px; left:201px; width:43px; height:30px; background-position:-167px 0px;}
.version, .empty-message {
 font-size: 2.3em;
 line-height: 1.5em;
 padding: 2em;
 color: #767676;
 text-align: center;
}
.version { color: #444; }

/*********** filter ******************************************/
#filter,
#results {
 padding: 10px 10px;
}

#filter {
/*    background-color: #f0f0f0;*/
 float:left;
 padding-left:0px;
 position:relative;
 width:290px;
}
.ie6 #filter {width:240px;}

#results {
 margin-left: 296px;
}

#filter fieldset {
 margin-top : 10px;
/* margin-bottom : 10px;*/
 position: relative;
}

#filter fieldset legend {
 color: #a3478e;
 font-weight: bold;
}
.ie6 #filter fieldset legend,
.ie7 #filter fieldset legend {left:-7px;}

#filter h1,
#results h1 {
 font-size:1.1em;
/* margin-bottom : 5px;*/
}
#filter .count-indicator {
 padding-left:5px;
 padding-right: 2px;
 color: #606060;
}
#filter .disabled,
#filter .disabled .count-indicator {
 color: #999;
}
#filter ul {
    list-style-type:none;
    margin-left: 0;
    font-size:0.9em;
}
#filter li {
 position: relative;
}
#filter li input[type=checkbox]{
    position:relative;
    top:-4px;
    margin-left: 3px;
    margin-right: 3px;
}
.ie7 #filter li input[type=checkbox]{
    top:0;
}
#filter .button-field-wrapper {
 position: relative;
 display: inline-block;
 width: 200px;
 background-color: #fff;
 border: 1px solid #aaa;
 line-height: 12px;
 margin-left: 10px;
}
.ie6 #filter .button-field-wrapper,
.ie7 #filter .button-field-wrapper {display: inline;}

#filter .button-field-wrapper:focus {
 border-color: #000;
}
#filter .button-field-wrapper input {
 width: 182px;
 margin: 0px;
 padding:0px 0px 0px 2px;
 border: 0px none #fff;
}
#filter .button-field-wrapper input:focus {
 outline: none;
}
#filter .button-field-wrapper a {
 position: absolute;
 height: 14px;
 width: 14px;
 right: 1px;
 bottom: 0px;
 line-height: 12px;
 padding: 0;
 margin: 0;
}

#filter li {
 padding: 1px;
}
.ie7 #filter li { line-height: 1em; }
#filter li.selected {
 padding: 0px;
 border: 1px solid #d0d0c0;
 background-color: #ffd;
 background-image: url('../img/filter_selected_background.png');
 background-position: bottom;
 background-repeat: repeat-x;
}

#clear-filter,
#clear-filter:visited {
    font-size:90%;
    color: gray;
    position: absolute;
    top: 11px;
    right: 14px;
    text-decoration: none;
}
#clear-filter:hover,
#clear-filter:focus {
    text-decoration: underline;
    color: blue;
}

#contains_text {
 margin-bottom:10px;
 width:160px;
}

/*************************************************************/
/*********** measure list   ***********************************/
#results {
 position: relative;
}

#results .load-message {
    display:none;
    visibility: hidden;
}

.search-error {
    background-color: #900000;
    width: 298px;
    color: #fff;
    padding: 2px 5px;
    position: absolute;
    left: 151px;
    top:3px;
    text-align:center;
    border:1px solid #600000;
}

#results.loading #measures,
#results.loading #pager {
    opacity:0.5;
}
.ie7 #results.loading #measures,
.ie7 #results.loading #pager,
.ie8 #results.loading #measures,
.ie8 #results.loading #pager {
    filter: alpha(opacity = 50);
    zoom: 1;
}
#results.loading .load-message {
    display: inline;
    visibility: visible;
}

table.measures,
table.measures tr {
 border: 1px solid #dee9de;
 font-size:0.9em;
}
table.measures th {
 background-color: #ddf2e4;
 color: #636c5a;
 text-align: left;
 white-space: nowrap;
}
table.measures th,
table.measures td {
 padding: 2px 6px;
}

table.measures tr.odd {
 background-color: #f6fbf8;
}
.ie6 #measures { width: 99%; }
.ie6 table.measures { width: 99%; }
.ie6 table.measures tr.odd td,
.ie7 table.measures tr.odd td {background-color: #f6fbf8;} /*doesn't support background-color on tr*/

table.measures tr.selected {
 background-color: #ffd;
}
th.sortable a {
    cursor: pointer;
}
table.measures .measure-name a:visited {
    color: #551a8b;
}
.pager {
    position: relative;
    padding-bottom: 5px;
}
.ie6 .pager {zoom:1;}
.pager .options {
    font-size: 0.85em;
    position: absolute;
    right : 200px;
}
.three-column .pager .options {
    right : 1px;
    top: -20px;
}
.pager .navigation {
    font-size: 0.85em;
    position:absolute;
    right:0;
}

#results table {
 margin-bottom:10px;
 width: 100%;
}

#results td.icon {
    padding:5px 0px 0px 6px;
    vertical-align: middle;
}

/*********** measure detail ***********************************/
#measure-status {
    background: #fff url('../img/status_background.png') no-repeat 0 0;
    color: #598ea3;
    font-weight: bold;
    position: absolute;
    font-size:1.1em;
    text-align:center;
    top: -2px;
    width: 920px;
    z-index:1;
}
.detail h3{
 color: #a3478e;
 font-size:1.1em;
 margin-top: 1em;
 padding-bottom:3px;
 font-weight: normal;
}
.detail h4 {
    font-size: 1.4em;
    color: #5c6c70;
    border-bottom: 2px solid #e3e7e8;
    padding-bottom: 2px;
}
.detail p {
    padding-left: 10px;
}
.detail table,
.detail tr,
.detail th,
.detail td { border: 1px solid #d1dde0;}
.detail th,
.detail td{ padding: 2px 6px;}
.detail th,
.detail td,
.detail .domain-data li {
    font-size:0.85em;
}
.detail th{ background-color: #e1eCef; color: #5d6d6f; text-align: left; }
.detail td{ background-color: #fff; }
.detail tr.even td{ background-color: #f6f8f9;}
.detail .tab,
.detail .tabs {
 line-height: 1em;
}
.detail .tabs {
 padding: 0px 0px;
 margin: 0 auto;
 text-align: center;
 font-size: 1.1em;
 background-image: url('../img/tab_bar_background.png');
 background-repeat: no-repeat;
 background-position: left bottom;
}
.detail .tab,
.ie6 .detail a.tab {
 display: inline-block;
 padding : 10px 10px 10px 11px;
 font-weight: bold;
 cursor: pointer;
 color: #666;
 text-decoration: none;
 text-align: center;
 text-shadow: 1px 1px 0px #fff;
 vertical-align: baseline;
 position: relative;
 background-image: url('../img/tab_background_left_inactive.png');
 background-repeat: no-repeat;
 background-position: left bottom;
}

.detail .tab.inactive,
.ie6 .detail a.tab.inactive {
    color: #b0b0b0;
    cursor: default;
}
.detail .tab .count {
    color: #999;
}
.detail .tab:hover .count {
    color: #666;
}
.detail .tab.inactive .count,
.detail .tab.inactive:hover .count {
    color: #d0d0d0;
}
.detail .tab.current .count,
.detail .tab.current:hover .count,
.detail .tab.current:focus .count {
    color: #333;
}
.detail .tab .divider {
 position: absolute;
 width: 6px;
 height: 31px;
 bottom:0;
 right:0;
 background-image: url('../img/tab_background_right_inactive.png');
 background-repeat: no-repeat;
 background-position: right bottom;
}
.ie6 .detail .tab .divider { bottom:-1px; }
.detail .tab:hover .divider,
.detail .tab:focus .divider {
 background-image: url('../img/tab_background_right_hover.png');
}
.detail .tab.current .divider,
.detail .tab.current:hover .divider,
.detail .tab.current:focus .divider {
 background-image: url('../img/tab_background_right.png');
}
.detail .tab:hover,
.detail .tab:focus {
 color: #333;
 outline: none;
 background-image: url('../img/tab_background_left_hover.png');
}
.detail .tab.inactive:hover,
.detail .tab.inactive:focus {
 color: #b0b0b0;
 background-image: url('../img/tab_background_left_inactive.png');
}
.detail .tab.inactive:hover .divider,
.detail .tab.inacitve:focus .divider {
 background-image: url('../img/tab_background_right_inactive.png');
}

.detail .tab.current,
.ie6 .detail a.tab.current,
.detail .tab.current:hover,
.detail .tab.current:focus {
 color: #000;
 background-color: #fff;
 border-bottom-color: #fff;
 background-image: url('../img/tab_background_left.png');
 outline: none;
}
#detail-footer,
#detail-body {
    border-left: 1px solid #dcdcdc;
    border-right: 1px solid #dcdcdc;
}
#detail-body {
 border-left: 1px solid #dcdcdc;
 border-right: 1px solid #dcdcdc;
 min-height: 400px;
 position: relative;
 padding: 20px;
}
#detail-body.unavailable {
    border-top: 1px solid #dcdcdc;
    font-size: 2em;
    line-height: 1.5em;
    padding: 0.5em 1em;
    color: #606060;
}
#detail-body #at-a-glance .domain-data {
    float:right;
    width: 380px;
    margin-left:20px;
}
.domain-data h3 {
    margin-top:0;
}
.domain-data table {
    margin-top: 5px;
    margin-bottom: 10px;
    width: 360px;
}
.domain-data th.count {
    text-align:right;
}
.domain-data td.count {
    width: 2.5em;
    text-align:right;
}
.domain-data .domain-variables-header {
    background-color:#f0f3f4;
    color: #505f62;
    font-size:1.1em;
    line-height:1.5em;
    padding-left: 10px;
    border:1px solid #e3e7e8;
    margin-top:5px;
}
.domain-data .domain-variables-header.collapse-expand {
    padding-left: 19px;
    background-repeat:no-repeat;
    background-position: 4px center;
    cursor: pointer;
}
.domain-data .domain-variables-header.collapse {
    background-image:url('../img/collapse.png');
}
.domain-data .domain-variables-header.expand {
    background-image:url('../img/expand.png');
}
.domain-data .domain-variables {
    padding-left: 10px;
}
.domain-data td.objective,
.domain-data td.perceived { text-align: center; }
.domain-data td.objective.no,
.domain-data td.perceived.no { color:#a2a2a2; }

#detail-body #validity table,
#detail-body #reliability table {
    width: 100%;
}
#references { padding-right: 220px; position: relative; }

#references .abstract .section-head { float:left; font-weight:bold; display:block; color:#222; padding-right:10px;}
#references .abstract .section-body { display:block; padding-bottom: 10px; }

#study-design .study-participants { float:right; }
#study-design .study-design { float:left; }
#study-design .study-participants,
#study-design .study-design {width:429px;}

.administration h3,
.administration div,
.data-analysis h3,
.data-analysis div,
.study-design h3,
.study-design div,
.study-participants h3,
.study-participants div {
    padding-left:10px;
    padding-right:10px;
}
.administration p,
.data-analysis p,
.study-design p,
.study-participants p {
    padding-left: 20px;
}
button.abstract {
    font-size:0.85em;
    font-weight:normal;
}
#how-to-use .data-analysis { float:right; }
#how-to-use .administration { float:left; }
#how-to-use .data-analysis,
#how-to-use .administration {width:429px;}
#detail-footer {
    color:#666;
    font-size:0.8em;
    text-align:center;
}
/*************************************************************/
/*********** login page **************************************/
body.login form {
 padding-top: 2em;
 padding-bottom: 2em;
}
body.login label {
 display:block;
 float:left;
 width: 45px;
 font-size: 15px;
 line-height: 2em;
}
body.login .row input {
 margin-left: 50px;
 font-size: 15px;
 border: 1px solid #999;
 line-height: 1em;
}
.button,
button,
input[type=submit],
input[type=reset] {
 position: relative;
 margin: 0 .5em .5em .5em;
 padding: .15em 1em;
 font-size: 14px;
 font-weight: bold;
 color: #4f4f4f;
 text-shadow: 0 1px 1px #fff;
 background: #ddd;
 background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#c4c4c4));
 background: -moz-linear-gradient(top, #ededed, #c4c4c4);
 border: 1px solid #acacac;
 border-top-color: #bdbdbd;
 border-bottom-color: #949494;
 border-radius: .214em;
 -webkit-border-radius: .214em;
 -moz-border-radius: .214em;
 transition: all .2s ease-in-out;
 -webkit-transition: all .2s ease-in-out;
 -moz-transition: all .2s ease-in-out;
 -o-transition: all .2s ease-in-out;
 cursor: pointer;
 }
.button:hover,
.button:focus,
button:hover,
button:focus,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=submit]:focus,
input[type=reset]:focus {
     outline:none;
     box-shadow: 0 0 7px rgba(0,0,0,0.4);
     -webkit-box-shadow: 0 0 7px rgba(0,0,0,0.4);
     -moz-box-shadow: 0 0 7px rgba(0,0,0,0.4);
     }
.button:active,
button:active,
input[type=submit]:active,
input[type=reset]:active {
     background: #ccc;
     background: -webkit-gradient(linear, left top, left bottom, from(#c3c3c3), to(#ebebeb));
     background: -moz-linear-gradient(top, #c3c3c3, #ebebeb);
     border-color: #a6a6a6;
     border-top-color: #939393;
     border-bottom-color: #bcbcbc;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -o-box-shadow: none;
     }
.button.default,
button.default,
input[type=submit].default,
input[type=reset].default {
 color: #1c4257;
 background: #a3cde3;
 background: -webkit-gradient(linear, left top, left bottom, from(#b9e0f5), to(#85b2cb));
 background: -moz-linear-gradient(top, #b9e0f5, #85b2cb);
 border: 1px solid #759bb1;
 border-top-color: #8ab0c6;
 border-bottom-color: #587e93;
 }
.button.default:hover,
.button.default:focus,
button.default:hover,
button.default:focus,
input[type=submit].default:hover,
input[type=reset].default:hover,
input[type=submit].default:focus,
input[type=reset].defulat:focus {
     box-shadow: 0 0 7px #53a6d5;
     -webkit-box-shadow: 0 0 7px #53a6d5;
     -moz-box-shadow: 0 0 7px #53a6d5;
     -o-box-shadow: 0 0 7px #53a6d5;
     }
.button.default:active,
button.default:active,
input[type=submit].default:active,
input[type=reset].default:active {
     background: #8abcd7;
     background: -webkit-gradient(linear, left top, left bottom, from(#81afc8), to(#b7def4));
     background: -moz-linear-gradient(top, #81afc8, #b7def4);
     border-color: #6e94a9;
     border-top-color: #567c91;
     border-bottom-color: #88aec4;
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -o-box-shadow: none;
     }
.button[disabled],
.button[disabled]:active,
button[disabled],
button[disabled]:active,
input[type=submit][disabled],
input[type=reset][disabled],
input[type=submit][disabled]:active,
input[type=reset][disabled]:active {
 color: #a7a7a7;
 background: #efefef;
 background: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#e1e1e1));
 background: -moz-linear-gradient(top, #f6f6f6, #e1e1e1);
 border-color: #d4d4d4;
 border-top-color: #dedede;
 border-bottom-color: #c9c9c9;
 cursor: default;
 }
.button[disabled]:hover,
.button[disabled]:focus,
button[disabled]:hover,
button[disabled]:focus,
input[type=submit][disabled]:hover,
input[type=reset][disabled]:hover,
input[type=submit][disabled]:focus,
input[type=reset][disabled]:focus {
     box-shadow: none;
     -webkit-box-shadow: none;
     -moz-box-shadow: none;
     -o-box-shadow: none;
     }
/*************************************************************/
/* Delete Button for saved profiles */

.delete-saved-button {
 margin : 0px;
}
/*************************************************************/
/********* Private Measures **********************************/
#private-measures h1 {
    margin-top: 20px;
    font-size: 1.1em;
}
#private-measures p {
    color: #888;
}
/*************************************************************/
/********* Tooltips ******************************************/
.tooltip-target {
    cursor: pointer;
    margin-left: 5px;
}
.tooltip {
    position: absolute;
    top: 0px;
    left: 0px;
    width: 300px;
    display: block;
    border: 1px solid #bfe5cc;
    background-color: #dcf1e3;
    color: #0e2415;padding :8px 8px;
    line-height: 1.5em;
    font-weight: normal;
    white-space: normal;
    z-index: 1;
    -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
    box-shadow: 1px 1px 4px rgba(0,0,0,0.5);
}
.tooltip-tip,
.tooltip-tip-shadow {
    width: 0;
    height: 0;
    border-bottom: 10px solid transparent;
    border-top: 10px solid transparent;
    border-right: 10px solid #bfe5cc;
    border-left: 0;
    position: absolute;
    left: -10px;
    top: 5px;
}
.tooltip-tip-shadow {left :-8px;
    border-right-color: #dcf1e3;
}
.detail-page .tooltip {
    width: 500px;
}
.ie6 .tooltip-tip,
.ie6 .tooltip-tip-shadow {
    border-bottom-color: pink;
    border-top-color: pink;
    filter: chroma(color=pink);
    font-size: 0;
    line-height: 0;
}
.ie6 .collaborator-text {padding-bottom:2px;}

.question-icon {
    background-image: url('../img/icons_sprite.png');
    background-repeat:no-repeat;
    background-position:-12px 0px;
    display:inline-block;
    width:12px;
    height:10px;
}
.x-icon {
    background-image: url('../img/icons_sprite.png');
    background-repeat:no-repeat;
    background-position:-23px 0px;
    display:inline-block;
    width:14px;
    height:14px;
}
.measure-icon {
    background-image: url('../img/icons_sprite.png');
    background-repeat:no-repeat;
    background-position:0px 0px;
    display:inline-block;
    width:12px;
    height:15px;
}

#results table td.compare-column {
    text-align: center;
    width: 44px;
}
.compare-button {
    width: 32px;
    height: 16px;
    background-repeat:no-repeat;
    background-position: left bottom;
    margin-bottom: -2px;
    margin-left: 18px;
}
.compare-button.add {
    background-image: url('../img/toggle_no.png');
}
.compare-button.remove {
    background-image: url('../img/toggle_yes.png');
}


/*********** compare list ************************************/
#compare-list button::-moz-focus-inner {
    border: 0;
    margin: 0;
    padding: 0;
}
 #compare-list button {
    font-size: 12px;
    background-image: none;
    background-color: #f2f9f4;
    color: #0000f4;
    background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(210,210,210,0)), to(rgba(210,210,210,0.7)));
}
#compare-list button#show-compare-chart {
    position: absolute;
    top : 6px;
    left: 0px;
    padding-left: 6px;
    padding-right: 6px;
/*    background-color: rgba(178, 239, 156, 0.5);*/
}
.ie6 #compare-list button#show-compare-chart {left: 6px;}
#compare-list button#clear-compare-chart {
    background: #91ad9a;
    border: 1px solid #91ad9a;
    position: absolute;
    top : 6px;
    right: 0px;
    color:#bfe5cc;
    text-shadow: none;
    padding: 1px 5px;
}
.ie6 #compare-list button#clear-compare-chart, .ie7 #compare-list button#clear-compare-chart { padding:0px 4px; }
.ie6 #compare-list button#clear-compare-chart {right: 6px;}

#compare-list button#clear-compare-chart:hover {
    background-color: #4c5b51;
    border-color: #4c5b51;
    box-shadow:none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
}
#compare-list button#clear-compare-chart:active {
    background: #333;
    color: #fff;
}
#show-compare-chart span.plural,
#show-compare-chart.plural span.singular {
    display:none;
}
#show-compare-chart span.singular,
#show-compare-chart.plural span.plural {
    display:inline;
}
#compare-list {
    position: absolute;
    background-color:#bfe5cc;
    top: 5px;
    right: 0px;
    width: 188px;
    padding: 35px 6px 6px;
    border-radius: 4px;
}
#compare-list div {
/*    background-color: #666;*/
    background-color: #dcf1e3; /*#ededed;*/
    color: #303231;
    border: 1px solid #bbcdc1; /*#e0e0e0;*/
    border-bottom-width: 0px;
/*    background-image: -webkit-gradient(linear, 0 0, 0 20, from(#606060), to(#7f7f7f));*/
/*    border: 1px solid #4f4f4f;*/
/*    border-top-color: #5f5f5f;*/
/*    border-bottom-color: #808080;*/
/*    color:#fff;*/
    font-size:10px;
    margin: 0px;
    padding: 2px 5px;
    position: relative;
}
.ie6 #compare-list div, .ie7 #compare-list div {line-height:1em; padding-top:7px; padding-bottom:6px;}
.ie6 #compare-list div {width: 176px;} /*doesn't always calculate the same width, so I'll help it */
#compare-list div:nth-of-type(1) {
/*    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
*/}
#compare-list div:last-child {
    border-bottom-width: 1px;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
}
#compare-list div a {
/*    background-color: #e0e0e0;*/
/*    border: 1px solid #ccc;*/
    color: #aaa;
    font-size: 10px;
    font-weight: bold;
    line-height: 12px;
    padding: 6px;
    position: absolute;
    right: 0px;
    top: 0px;
    text-decoration: none;
}
#compare-list div a:hover {
    background-color: #849088;
    color: #fff;
}
#compare-list .first-author,
#compare-list .year {
    color: #737e78;
}
#compare-list .year {
    position:absolute;
    right: 20px;
}
/*************************************************************/
/*********** measure compare **********************************/
#compare-body {
    padding-top: 10px;
    padding-bottom: 20px;
    position: relative;
}
.ie6 #compare-body tbody td {
    font-family:"Arial Unicode MS",Helvetica,sans-serif;
}
#compare-body a{
    font-size:0.85em;
}
#compare-body th a{
    background: transparent url('../img/link_arrow.png') no-repeat 100% 5px;
    padding-right: 10px;
}
#compare-body th,
#compare-body tbody td {
    border: 1px solid #dee9de; /*#dee9de;*/
    border-right: 1px solid #dee9de;
}
#compare-body tbody th {
    padding: 0px 10px;
    font-weight: normal;
    white-space: nowrap;
}
#compare-body .section th {
    color: #949795;
    padding-left: 0px;
    font-weight: bold;
    line-height: 2em;
}
#compare-body tbody th {
    border-left-color: #fff;
    border-right-color: #fff;
}
#compare-body th {
    text-align: left;
}
#compare-body thead th {
    border : 1px solid #fff;
    border-right-color: #dee9de;
    width : 200px;
}
.ie6 #compare-body thead th, .ie7 #compare-body thead th {border-left-color: #dee9de;}
#compare-body th div.wrapper {
    height: 100%;
    padding: 16px 4px 4px 4px;
    position: relative;
}
.ie6 #compare-body th div.wrapper, .ie7 #compare-body th div.wrapper{height:auto; padding-top:20px;}
#compare-body table,
#compare-body thead,
#compare-body thead tr {
    height: 100%;
}
.ie6 #compare-body table {
    width: 5px;
}
#compare-body th .remove-column-button {
    position: absolute;
    top:0px;
    right: 0px;
    font-size: 18px;
    font-weight: normal;
    padding: 0px 4px 4px 4px;
    line-height: 16px;
    color: #9f9f9f;
    cursor: pointer;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
}
#compare-body th .remove-column-button:hover {
    opacity:1.0;
    background-color: #6f6f6f;
    color: #fff;
}
#compare-body th a {
/*    display:inline-block;*/
/*    height: 100%;*/
}
#compare-body tbody td {
    color: #007ca1;
    font-weight: bold;
    text-shadow: 0px -1px rgba(0,0,0,0.3);
    text-align: center;
    font-size:15px;
    padding: 0px;
}
#compare-body tr.alt td,
#compare-body tr.alt th {
    background-color: #f5fbf7;
}
#compare-body tbody tr.alt th {
    border-left-color: #f6fbf8;
    border-right-color: #f6fbf8;
}
#compare-body tr.spacer th,
#compare-body tr.spacer td {
    line-height: 0.5em;
}
#compare-body thead th,
#compare-body thead td,
#compare-body .section th,
#compare-body .section td,
#compare-body .spacer th,
#compare-body .spacer td {
    border-bottom-width: 0px;
    border-top-width: 0px;
}
#compare-body tr.first th,
#compare-body tr.first td {
    border-top-width: 0px;
}
#compare-body tr.last th,
#compare-body tr.last td {
    border-bottom-width: 0px;
}
#compare-body th.last,
#compare-body td.last {
    border-right-width: 0px;
}
#compare-body td {
    min-width: 56px;
}
#compare-body #toggle-rows {
    position: absolute;
    top: 27px;
    z-index:1;
}
.measure-icon.download,
.measure-icon.link {
    width: 15px;
}
span.measure-icon.download,
span.measure-icon.link {
    position:absolute;
    margin-left:10px;
    height:14px;
    top : 3px;
    left: 4px;
}
.measure-icon.download {
    background-image: url('../img/download-available.png');
}
.measure-icon.link {
    background-image: url('../img/link-available.png');
}
#compare-body .question-icon {
    position: absolute;
    margin-left: 10px;
    top: 4px;
    left: 5px;
}
.ie6.compare-page .tooltip{ margin-left:-20px;} /*for some reason they are way off in IE6*/
.ie7 .compare-page .tooltip{ margin-left:-60px;} /*for some reason they are way off in IE6*/

.ie6 a, .ie6 a:active, .ie6 a:focus, .ie7 a, .ie7 a:active, .ie7:focus {outline: none;}
.ie6 button, .ie7 button {width:auto; overflow:visible; padding-bottom:0; padding-top:0;}
.ie6 input[type="submit"], .ie7 input[type="submit"]{margin-bottom: 0px; width:auto; overflow:visible;}
.ie6 #user-ribbon .center-shadow, .ie7 #user-ribbon .center-shadow{height:auto;}
.ie6 #user-links #user-info span, .ie7 #user-links #user-info span{top:3px; padding-bottom:3px;} /*prevent descenders from being cut off*/

/*************************************************************/

/*
 * Media queries for responsive design
 * These follow after primary styles so they will successfully override.
 */

@media all and (orientation:portrait) {
  /* Style adjustments for portrait mode goes here */

}

@media all and (orientation:landscape) {
  /* Style adjustments for landscape mode goes here */

}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {


  /* Uncomment if you don't want iOS and WinMobile to mobile-optimize the text for you
     j.mp/textsizeadjust
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } */
}

/*
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/
 */
@media print{
*{background:transparent !important;color:#444 !important;text-shadow:none !important;}
a,a:visited{color:#444 !important;text-decoration:underline;}
a:after{content:" (" attr(href) ")";}
abbr:after{content:" (" attr(title) ")";}
.ir a:after{content:"";}/* Don't show links for images */
pre,blockquote{border:1px solid #999;page-break-inside:avoid;}
thead{display:table-header-group;}
/* css-discuss.incutio.com/wiki/Printing_Tables */
tr,img{page-break-inside:avoid;}
@page{margin:0.5cm;}
p,h2,h3{orphans:3;widows:3;}
h2,h3{page-break-after:avoid;}
/*********************************************/
body{background-image :none;font-size:10pt;width:100%;}
#header,
#content{padding:0;margin:0 0.2in;}
#site-logo{text-align:center;}
.noprint{display:none;}
.print-only{display:block;}
#page-title{color:#000;font-size:18pt;white-space:normal;line-height:1.2em;}
a{text-decoration:none;}
#footer{display:none;}
/************* List page **********************/
body.list-page #content{background-image:none;}
#filter{display:none;}
#filter-criteria{font-size:8pt;font-weight:normal;}
/************* Detail page ********************/
#detail-header{display:none;}
#detail-body .section.hide,
#detail-body .section h2.hide{display:block;}
.detail h3,
.detail h2{font-size:12pt;}
.detail h2{border-bottom :1px solid #000;}
.detail h3{font-weight:normal;}
#detail-body{height:100px;overflow:visible;border-width:0px;}
.detail h3,
.detail p,.detail li{padding:0;}
.detail th{background-color:#999;color:#fff;}
.detail tr.even td{background-color:#f6f6f6;}
#key-variables table tr.hide{display:table-row;}
.detail table,.detail tr,.detail th,.detail td{border:1px solid #999;}
/*****************************************/
}
/*********** end of print styles *********/