@charset "CP850";
/*
* Mobile Style Sheet
* HKHR 2013 / HKHR2013
* DS Nov/2013
*/
/* Variables */
body {
  width: 100%; }
  body header .top-bar {
    display: none; }
  body header .branding-wrapper .page-sizer {
    padding: 0;
    width: 100%; }
    body header .branding-wrapper .page-sizer .branding-wrapper-first {
      background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #5a6f9e), color-stop(100%, #092658));
      /* Chrome,Safari4+ */
      background: -webkit-linear-gradient(top, #5a6f9e 0%, #092658 100%);
      /* Chrome10+,Safari5.1+ */
      background: -o-linear-gradient(top, #5a6f9e 0%, #092658 100%);
      /* Opera 11.10+ */
      background: -ms-linear-gradient(top, #5a6f9e 0%, #092658 100%);
      /* IE10+ */
      background: linear-gradient(to bottom, #5a6f9e 0%, #092658 100%);
      /* W3C */
      width: 100%;
      height: 76px;
      padding-bottom: 10px;
      padding-top: -11px; }
      body header .branding-wrapper .page-sizer .branding-wrapper-first .site-name {
        margin-top: 3px; }
        body header .branding-wrapper .page-sizer .branding-wrapper-first .site-name a {
          display: block;
          width: 166px;
          height: 75px;
          background: transparent url(../img/2012/logo_mobile.jpg) 0 0 no-repeat; }
          body header .branding-wrapper .page-sizer .branding-wrapper-first .site-name a img {
            display: none; }
          body header .branding-wrapper .page-sizer .branding-wrapper-first .site-name a span.title {
            display: none; }
      body header .branding-wrapper .page-sizer .branding-wrapper-first .logo-ncoc {
        top: 20px;
        left: -20px; }
        body header .branding-wrapper .page-sizer .branding-wrapper-first .logo-ncoc a.ncoc-mobile {
          display: block; }
          body header .branding-wrapper .page-sizer .branding-wrapper-first .logo-ncoc a.ncoc-mobile img {
            width: 80px; }
        body header .branding-wrapper .page-sizer .branding-wrapper-first .logo-ncoc a.ncoc {
          display: none; }
    body header .branding-wrapper .page-sizer .branding-wrapper-second {
      display: none; }
      body header .branding-wrapper .page-sizer .branding-wrapper-second .search .form-item input {
        background-color: #FFFFFF;
        position: absolute;
        right: 0;
        top: 30px;
        width: 115px; }
      body header .branding-wrapper .page-sizer .branding-wrapper-second .search #edit-actions button.form-submit {
        background: transparent url(../img/2012/mobile_search.png) 0 0 no-repeat;
        border: medium none;
        box-shadow: none;
        height: 19px;
        margin: 0;
        padding: 0;
        text-indent: -9999px;
        width: 17px;
        position: absolute;
        right: 2px;
        top: 32px; }
    body header .branding-wrapper .page-sizer .branding-wrapper-third {
      bottom: 0;
      position: relative;
      right: 0;
      width: 100%; }
      body header .branding-wrapper .page-sizer .branding-wrapper-third div.story-buttons ul.story-boxes {
        width: 100%; }
        body header .branding-wrapper .page-sizer .branding-wrapper-third div.story-buttons ul.story-boxes li.story-button {
          margin: 0;
          padding: 10px 5px;
          text-align: left;
          width: 100%; }
          body header .branding-wrapper .page-sizer .branding-wrapper-third div.story-buttons ul.story-boxes li.story-button a:after {
            left: 89%;
            right: 0;
            top: 12px; }
          body header .branding-wrapper .page-sizer .branding-wrapper-third div.story-buttons ul.story-boxes li.story-button span.story-title {
            padding: 10px 0px 10px 10px;
            font-size: 1.6em; }
          body header .branding-wrapper .page-sizer .branding-wrapper-third div.story-buttons ul.story-boxes li.story-button span.story-subtitle {
            padding: 0;
            text-align: left;
            font-size: 1.2em; }
  body header .nav {
    margin: 0px;
    overflow: hidden;
    height: auto; }
    body header .nav .page-sizer .menu-wrapper ul.menu li {
      float: none;
      height: 30px;
      width: 100%; }
      body header .nav .page-sizer .menu-wrapper ul.menu li a {
        font-size: 16px;
        padding: 0px;
        font-size: 1.3em; }
        body header .nav .page-sizer .menu-wrapper ul.menu li a:hover {
          color: #999999;
          background-color: transparent; }
      body header .nav .page-sizer .menu-wrapper ul.menu li:hover > ul {
        display: none !important; }
    body header .nav .page-sizer .social-header {
      display: none; }
  body section.homepage .page-sizer .sidebar {
    display: none; }
  body section.homepage .page-sizer .region-content {
    width: 100%; }
    body section.homepage .page-sizer .region-content .states-cities-link {
      display: block; }
      body section.homepage .page-sizer .region-content .states-cities-link a {
        display: inline-block;
        font-family: Verdana, Helvetica, Arial, sans-serif;
        font-size: 12px;
        padding: 3px 10px;
        text-decoration: none;
        text-shadow: none;
        border: 1px solid #092658;
        color: #e5e5e5;
        font-family: Arial, ​Helvetica, ​sans-serif;
        font-weight: 700;
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #092658), color-stop(1, #5a6f9e));
        background: -moz-linear-gradient(center top, #092658 5%, #5a6f9e 100%);
        background-color: #092658;
        -webkit-border-radius: 6px;
        -moz-border-radius: 6px;
        border-radius: 6px;
        -webkit-box-shadow: 0 1px 0 0 #999 inset;
        -moz-box-shadow: 0 1px 0 0 #999 inset;
        box-shadow: 0 1px 0 0 #999 inset; }
    body section.homepage .page-sizer .region-content .featured-article #flash-home {
      display: none; }
    body section.homepage .page-sizer .region-content #big-box {
      border: none;
      padding: 0px; }
    body section.homepage .page-sizer .region-content #carousel {
      width: 95%; }
      body section.homepage .page-sizer .region-content #carousel h2 {
        font-size: 14px !important;
        top: 257px; }
  body footer .footer-wrapper .page-sizer div {
    display: block;
    float: left;
    text-align: left;
    width: 100%;
    margin-bottom: 20px; }
    body footer .footer-wrapper .page-sizer div p {
      text-align: left; }
  body #container #data_placeholder {
    height: auto !important; }
    body #container #data_placeholder .page-sizer {
      background-color: white; }
      body #container #data_placeholder .page-sizer #flash-map {
        display: none; }
      body #container #data_placeholder .page-sizer .flash-map-mobile {
        padding: 20px 0;
        display: block;
        overflow: hidden;
        overflow: hidden; }
        body #container #data_placeholder .page-sizer .flash-map-mobile ul {
          width: 45%;
          float: left; }
          body #container #data_placeholder .page-sizer .flash-map-mobile ul li {
            margin-bottom: 5px; }
            body #container #data_placeholder .page-sizer .flash-map-mobile ul li a {
              font-size: 16px;
              color: #333333; }
  body #container #content .page-sizer {
    width: 94%;
    padding: 0 3%; }
    body #container #content .page-sizer .layout_pressroom .demographics {
      padding: 0px;
      width: 100%; }
      body #container #content .page-sizer .layout_pressroom .demographics .demo-group {
        margin: 0 0 30px; }
    body #container #content .page-sizer .layout_pressroom .one {
      float: none;
      width: 95%; }
    body #container #content .page-sizer .layout_pressroom .two {
      width: 100%;
      height: 950px; }
    body #container #content .page-sizer .layout_cities {
      padding: 0px; }
      body #container #content .page-sizer .layout_cities .one, body #container #content .page-sizer .layout_cities .two, body #container #content .page-sizer .layout_cities .three {
        padding: 0;
        margin-left: 5px; }
        body #container #content .page-sizer .layout_cities .one h3, body #container #content .page-sizer .layout_cities .two h3, body #container #content .page-sizer .layout_cities .three h3 {
          margin-left: 4px; }
          body #container #content .page-sizer .layout_cities .one h3 a, body #container #content .page-sizer .layout_cities .two h3 a, body #container #content .page-sizer .layout_cities .three h3 a {
            font-size: 16px !important; }
        body #container #content .page-sizer .layout_cities .one ul.cities, body #container #content .page-sizer .layout_cities .two ul.cities, body #container #content .page-sizer .layout_cities .three ul.cities {
          padding-left: 0; }
          body #container #content .page-sizer .layout_cities .one ul.cities li a, body #container #content .page-sizer .layout_cities .two ul.cities li a, body #container #content .page-sizer .layout_cities .three ul.cities li a {
            font-size: 11px; }
    body #container #content .page-sizer .login-form .login {
      width: 250px; }
      body #container #content .page-sizer .login-form .login .field-single label {
        font-size: 100%; }
      body #container #content .page-sizer .login-form .login .field-single .textbox {
        width: 130px !important; }
    body #container #content .page-sizer .layout_2cols div.one {
      width: 90%;
      padding: 10px; }
      body #container #content .page-sizer .layout_2cols div.one ul {
        margin-left: 15px; }
      body #container #content .page-sizer .layout_2cols div.one ul.highlights li:last-child {
        display: none; }
    body #container #content .page-sizer .layout_2cols.profile-special {
      margin: 0 auto;
      width: 90%; }
      body #container #content .page-sizer .layout_2cols.profile-special .two {
        width: 95%;
        left: 0px;
        margin-left: 0px; }
    body #container #content .page-sizer .layout_2cols .two {
      float: none;
      left: 50%;
      margin-left: -210px; }
      body #container #content .page-sizer .layout_2cols .two #profile_map {
        height: 200px;
        width: 340px; }
        body #container #content .page-sizer .layout_2cols .two #profile_map .small-map {
          width: 280px; }
          body #container #content .page-sizer .layout_2cols .two #profile_map .small-map a.maplink {
            width: 300px;
            height: 154px;
            -webkit-background-size: 280px;
            background-size: 280px; }
        body #container #content .page-sizer .layout_2cols .two #profile_map .nonflash-map #map-overlay-cities a {
          text-shadow: none;
          color: #000000; }
      body #container #content .page-sizer .layout_2cols .two .cities-jumper {
        margin: 10px auto 0;
        width: 332px; }
        body #container #content .page-sizer .layout_2cols .two .cities-jumper label {
          display: block;
          width: 277px; }
    body #container #content .page-sizer .profile_table {
      margin-top: 20px; }
      body #container #content .page-sizer .profile_table #charts .paginator {
        width: 95%; }
        body #container #content .page-sizer .profile_table #charts .paginator a.btn_research {
          float: none;
          margin-bottom: 10px; }
        body #container #content .page-sizer .profile_table #charts .paginator div.bAction {
          display: block;
          float: none; }
          body #container #content .page-sizer .profile_table #charts .paginator div.bAction a:first-child {
            display: none; }
      body #container #content .page-sizer .profile_table #charts .charts_profile {
        width: 300px; }
        body #container #content .page-sizer .profile_table #charts .charts_profile > div {
          display: block; }
        body #container #content .page-sizer .profile_table #charts .charts_profile .chartProfile .reportText {
          width: 270px !important; }
          body #container #content .page-sizer .profile_table #charts .charts_profile .chartProfile .reportText p {
            line-height: 1.5em !important; }
        body #container #content .page-sizer .profile_table #charts .charts_profile #div_loadings {
          display: none; }
    body #container #content .page-sizer .layout_3col .one, body #container #content .page-sizer .layout_3col .two, body #container #content .page-sizer .layout_3col .three {
      float: none;
      width: 100%;
      margin-left: 0px;
      padding-left: 0px; }
    body #container #content .page-sizer .layout_3col .three #widget_state1 {
      margin-bottom: 20px; }
    body #container #content .page-sizer .layout_3col .one ul.tools li:first-child {
      display: none; }
    body #container #content .page-sizer .layout_rankings .one {
      width: 90%; }
    body #container #content .page-sizer .layout_rankings .two {
      width: 90%; }
      body #container #content .page-sizer .layout_rankings .two #ranking_map {
        display: none; }
      body #container #content .page-sizer .layout_rankings .two #via-grid-ranking {
        left: 0px;
        margin-left: 0px;
        width: 280px !important; }
        body #container #content .page-sizer .layout_rankings .two #via-grid-ranking #data_form {
          width: 280px !important; }
          body #container #content .page-sizer .layout_rankings .two #via-grid-ranking #data_form > div {
            width: 280px !important; }
    body #container #content .page-sizer .layout_research .one, body #container #content .page-sizer .layout_research .two, body #container #content .page-sizer .layout_research .three {
      float: none;
      width: 95%; }