/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight: 300; color: #222; }

/*
::-moz-selection { background: #3272b9; color: #fff; text-shadow: none; }
::selection { background: #3272b9; color: #fff; text-shadow: none; }
*/


a { color: #00e; }
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 40px; }
dd { margin: 0 0 0 40px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:invalid, textarea:invalid { background-color: #f0dddd; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }


/* ==|== primary styles =====================================================
   Author: Pete Saia
   ========================================================================== */

/* Main widget container. This could change in the future based on extra classes for setting the size. */
.small .indicator_widget { height:173px; width:313px; }
.large .indicator_widget { height:420px; width:240px; }
.indicator_widget { overflow:hidden; position:relative; }
.indicator_widget .indicator_container table { width:423px; }

/*Header area.*/
        .indicator_widget .head { background:#3272b9; height:30px; background:url(../img/header-bg.png) repeat-x; border:1px solid #FFF; }
                .indicator_widget .head h1 { font-size:11px; color:#FFF; float:left; white-space:nowrap; margin:0; padding:4px 0 0; }
                        .indicator_widget .head h1 em { font-weight:lighter; font-size:11px; }

        .head .ir { width:19px; height:19px; float:right; margin:3px 0 0 3px; }
        .head .embed { background:url(../img/icon_embed.png) no-repeat; }
        .head .rss { background:url(../img/icon_rss.png) no-repeat; margin-right:3px; }
        .indicator_widget .head .briefing { color:#FFF; text-decoration:none; display:inline-block; padding:5px 5px 0; }
        .large .indicator_widget .head .briefing { font-size:11px; }

        /*Structrure*/
        .indicator_widget .indicator_container { overflow:hidden; position:relative; }
                .indicator_widget .indicator_container a { color:#5284c5; text-decoration:none; }
                .indicator_widget .indicator_container a:hover { text-decoration:underline; }

        /*The indicator table.*/
                /*.indicator_widget .indicator_container table { border-collapse:collapse; border-spacing:0; position:absolute; top:0; left:0; width:100%; }
                .indicator_widget .indicator_container td { padding:0; vertical-align:middle; }
                .indicator_widget .indicator_container tr { background:#FFF; }*/
                .indicator_widget .indicator_container .alt { background:#f5f5f5; /*border-top:3px double #FFF; border-bottom:3px double #f5f5f5;*/ }
                .indicator_widget .indicator_container .row { height:45px; position:relative; }
                .large .indicator_widget .indicator_container .row { height:109px; }
                
                .indicator_widget .indicator_container .graphic_col { position:absolute; top:5px; left:1px; }

                .indicator_widget .indicator_container .info_col { position:absolute; top:5px; left:45px; width:170px; margin:0 0 0 -12px; }
                        .indicator_widget .indicator_container .info_col .date { font-size:9px; color:#555; display:block; }
                        .large .indicator_widget .indicator_container .info_col .date { font-size:11px; margin:0 0 3px; font-style:normal; }
                        .indicator_widget .indicator_container .info_col .released { font-size:9px; color:#555; font-style:italic; }
                        .large .indicator_widget .indicator_container .info_col .released { font-size:11px; }
                        .indicator_widget .indicator_container .info_col .link { font-size:10px; margin:0; padding:0; white-space:nowrap; }
                        .large .indicator_widget .indicator_container .info_col .link { font-size:11px; }
                        .indicator_widget .indicator_container .info_col span { margin:1px 0 0; }

                .indicator_widget .indicator_container .change_col { position:absolute; top:5px; right:46px; text-align:right; }
                .large .indicator_widget .indicator_container .change_col { right:auto; left:29px; top:60px; text-align:left; }
                        .indicator_widget .indicator_container .change_col .change { font-size:11px; display:block; white-space:nowrap; }
                        .large .indicator_widget .indicator_container .change_col .change { font-size:18px; }
                        .indicator_widget .indicator_container .change_col .sub_change { font-size:9px; color:#333; width:70px; display:block; }
                        .large .indicator_widget .indicator_container .change_col .sub_change { font-size:11px; color:#333; width:auto; display:block; }

                .indicator_widget .indicator_container .icon_col { position:absolute; top:5px; left:262px; text-align:center; width:50px; }
                .large .indicator_widget .indicator_container .icon_col { bottom:10px; right:10px; left:auto; top:auto; position:absolute; }
                        .indicator_widget .indicator_container .icon_col .no_change { width:32px; height:22px; background:url(../img/no_change.png) no-repeat; margin:0 auto 3px; }
                        .indicator_widget .indicator_container .icon_col .increase { width:32px; height:22px; background:url(../img/up_arrow.png) no-repeat; margin:0 auto 3px; }
                        .indicator_widget .indicator_container .icon_col .decrease { width:32px; height:22px; background:url(../img/down_arrow.png) no-repeat; margin:0 auto 3px; }
                        .indicator_widget .indicator_container .icon_col .no_change.sig { background:url(../img/no_change_sig.png) no-repeat; }
                        .indicator_widget .indicator_container .icon_col .no_change { background:url(../img/no_change.png) no-repeat; }
                        .indicator_widget .indicator_container .icon_col .increase.sig { background:url(../img/up_arrow_sig.png) no-repeat; }
                        .indicator_widget .indicator_container .icon_col .not_applicable { background:url(../img/na.png) no-repeat; width:32px; height:29px; margin:5px auto 0; }
                        .indicator_widget .indicator_container .icon_col .decrease.sig { background:url(../img/down_arrow_sig.png) no-repeat; }
                        
                        .indicator_widget .indicator_container .icon_col .increase.nostat { background:url(../img/up_arrow_nostat.png) no-repeat; }
                        .indicator_widget .indicator_container .icon_col .decrease.nostat { background:url(../img/down_arrow_nostat.png) no-repeat; }
                        .indicator_widget .indicator_container .icon_col .no_change.nostat { background:url(../img/no_change_nostat.png) no-repeat; }
                        
                        .indicator_widget .indicator_container .icon_col .sub_change { font-size:10px; color:#333; white-space:nowrap; }
                        
                .indicator_widget .indicator_container .share_col { /*width:5%;*/ text-align:center; }
                        .indicator_widget .indicator_container .share_col .ir { width:14px; height:14px; margin:0 0 2px; }
                        .indicator_widget .indicator_container .share_col .ir:hover { background-position:0% 100%; }
                        .indicator_widget .indicator_container .share_col .fb { background-image:url(../img/icon_sml_fb.png); }
                        .indicator_widget .indicator_container .share_col .twitter { background-image:url(../img/icon_sml_twitter.png); }
                        .indicator_widget .indicator_container .share_col .rss { background-image:url(../img/icon_sml_rss.png); }
                        
        /*The tooltip*/
        .infobox { 
                display:none;
                z-index:10;
                position:absolute;
                text-align:center; 
                padding:7px; 
                font-size:9px !important;
                border:2px solid #FFF; 
                -webkit-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
                -moz-box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3); 
                box-shadow: 0px 1px 1px 1px rgba(0, 0, 0, 0.3);
                max-width:240px;
                min-width:130px;
                background: #d9d9d9; /* Old browsers */
                background: -moz-linear-gradient(top, #d9d9d9 0%, #c9c9c9 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d9d9d9), color-stop(100%,#c9c9c9)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top, #d9d9d9 0%,#c9c9c9 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top, #d9d9d9 0%,#c9c9c9 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top, #d9d9d9 0%,#c9c9c9 100%); /* IE10+ */
                background: linear-gradient(top, #d9d9d9 0%,#c9c9c9 100%); /* W3C */
                filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9d9d9', endColorstr='#c9c9c9',GradientType=0 ); /* IE6-9 */
        }
        
        
        /*The embed area*/
        .embed-area { position:absolute; z-index:100; background:#FFF; background:hsla(91, 20%, 100%, 0.94); top:0; left:0; right:0; bottom:0; text-align:center; display:none; }
                .embed-area a { color:#222; display:block; margin:5px 0; font-weight:bold; }
                .embed-area h5 { margin:10% 0 0; font-size:14px; }
                .embed-area textarea {
                        background:#fdfeee;
                        -webkit-border-radius: 10px;
                        -moz-border-radius: 10px;
                        border-radius: 10px;
                        padding:10px;
                        border:none;
                        height:48px;
                        width:210px;
                        border:#CCC 1px solid;
                        outline:none;
                        color:#333;
                        font-size:9px;
                }
                
/*The footer*/
        .small .indicator_widget .footer { height:33px; }
        .large .indicator_widget .footer { height:60px; position:relative; }
        .indicator_widget .footer { background:#0e4780; color:#FFF; font-size:85%; padding:0 10px; position:absolute; bottom:0; left:0; right:0; z-index:10; }
                .indicator_widget .footer .keys { float:right; width:200px; margin:3px 0 0 0; text-align:right; font-size:9px; }
                        .indicator_widget .footer .keys strong { font-size:15px; font-weight:normal; height: 10px; display: inline-block; }
                .indicator_widget .footer .key1,
                .indicator_widget .footer .key2 { font-size:9px; }
                .indicator_widget .footer .key1 strong,
                .indicator_widget .footer .key2 strong { font-size:12px; line-height: 12px; }
                .small .indicator_widget .footer .key1 { position:absolute; right:5px; bottom:17px; }
                .small .indicator_widget .footer .key2 { position:absolute; right:5px; bottom:5px; }
                .large .indicator_widget .footer .key1 { position:absolute; left:5px; bottom:17px; }
                .large .indicator_widget .footer .key2 { position:absolute; left:5px; bottom:5px; }
                .indicator_widget .footer .logo { float:left; width:74px; height:33px; background:url(../img/census-logo.png) no-repeat; }
                .indicator_widget .footer .nav { position:absolute; width:141px; height:27px; top:0px; left:0; margin-left:0px; background:url(../img/nav_bg.png) no-repeat; }
                .large .indicator_widget .footer .nav { left:46px; }
                .indicator_widget .footer .viewall { position:absolute; top:7px; right:186px; font-size:9px; color:#4167b1; text-decoration:none; }
                .large .indicator_widget .footer .viewall { right:70px; }
                .large .indicator_widget .footer .viewall { }
                .indicator_widget .footer .viewall:hover { text-decoration:underline; }
                        .indicator_widget .footer .nav a { color:#FFF; display:block; float:left; background-image:url(../img/arrows.png); width:25px; height:11px; position:absolute; top:8px; }
                        .indicator_widget .footer .nav a:hover {  }
                        .indicator_widget .footer .nav .scroll_up { background-position:100% 100%; left:20px; }
                        .indicator_widget .footer .nav .scroll_down { background-position:0% 0%; left:45px; }
                        .indicator_widget .footer .nav .scroll_up.limit { background-position:100% 0%; }
                        .indicator_widget .footer .nav .scroll_down.limit { background-position:0% -14px; }

                .large .indicator_widget .footer .head { background:none; border:none; position:absolute; bottom:-3px; right:3px; }



.icon { width:30px; height:30px; background:url(../img/icon-sprite.png) no-repeat; }

.icon-homeownershiprate { background-position: -0px -0px; width: 30px; height: 30px; }
.icon-constructionspending { background-position: -0px -30px; width: 30px; height: 30px; }
.icon-monthlywholesaleinventories { background-position: -0px -60px; width: 30px; height: 30px; }
.icon-internationaltrade\:goods\&services { background-position: -0px -90px; width: 30px; height: 30px; }
.icon-internationaltrade { background-position: -0px -120px; width: 30px; height: 30px; }

.icon-employment { background-position: -30px -0px; width: 30px; height: 30px; }
.icon-newresidentialsales { background-position: -30px -30px; width: 30px; height: 30px; }
.icon-advancereportdurablegoods { background-position: -30px -60px; width: 30px; height: 30px; }
.icon-manufacturersgoods { background-position: -30px -90px; width: 30px; height: 30px; }
.icon-rentalvacancyrate { background-position: -30px -120px; width: 30px; height: 30px; }

.icon-quarterlyprofitsretailers{ background-position: -60px -0px; width: 30px; height: 30px; }
.icon-personalincome { background-position: -60px -30px; width: 30px; height: 30px; }
.icon-unemploymentrate { background-position: -60px -60px; width: 30px; height: 30px; }
.icon-quarterlyservicesinfosector { background-position: -60px -90px; width: 30px; height: 30px; }
.icon-advanceinternationaltrade\:goods { background-position: -60px -120px; width: 30px; height: 30px; }

.icon-quarterlyprofitsmanufacturers { background-position: -90px -0px; width: 30px; height: 30px; }
.icon-businessinventories { background-position: -90px -30px; width: 30px; height: 30px; }
.icon-advancemonthlyretailsales { background-position: -90px -60px; width: 30px; height: 30px; }
.icon-newresidentialconstruction { background-position: -90px -90px; width: 30px; height: 30px; }
.icon-selectedservicesrevenue { background-position: -90px -120px; width: 30px; height: 30px; }

/* ==|== non-semantic helper classes ======================================== */
.ir { display: block; border: 0; text-indent: -999em; overflow: hidden; background-color: transparent; background-repeat: no-repeat; text-align: left; direction: ltr; }
.ir br { display: none; }
.hidden { display: none !important; visibility: hidden; }
.visuallyhidden { border: 0; clip: rect(0 0 0 0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; }
.visuallyhidden caption { text-align: left; margin: 1em;}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus { clip: auto; height: auto; margin: 0; overflow: visible; position: static; width: auto; }
.invisible { visibility: hidden; }
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {


}

@media only screen and (min-width: 768px) {

}



/* ==|== print styles ======================================================= */
 
@media print {
  * { background: transparent !important; color: black !important; text-shadow: none !important; filter:none !important; -ms-filter: none !important; } 
  a, a:visited { text-decoration: underline; }
  a[href]:after { content: " (" attr(href) ")"; }
  abbr[title]:after { content: " (" attr(title) ")"; }
  .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } 
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; }
  tr, img { page-break-inside: avoid; }
  img { max-width: 100% !important; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3 { page-break-after: avoid; }
}