@charset "utf-8";
/* CSS Document updated at 2000 Hrs on 26th November, 2013 */
body {
  -webkit-animation: bugfix infinite 1s; }

@-webkit-keyframes bugfix {
  from {
    padding: 0; }

  to {
    padding: 0; } }

/*-------------------------------Common Responsive CSS Changes Start Here------------------------*/
@media screen and (max-width: 960px) {
  body {
    max-width: 100%; }

  .aui-form-validator-error-container .aui-field-element {
    display: block !important; }

  #main-content.MMRDA {
    margin-bottom: 0px; }

  #container {
    display: block; }

  #hedrgt {
    float: left;
    margin: 0px 24%; }

  #navigation li {
    display: block;
    float: none;
    border-top: 1px solid #104336; }

  #navigation li a {
    display: block; }

  #toggleMenu {
    display: block; }

  #headerLogo {
    height: 85px;
    max-width: 100%; }

  #lgn {
    display: none; }

  #mmrda_cnt_pnl .lft_pnl {
    float: none;
    max-width: 100%; }

  #mmrda_cnt_pnl .rgt_pnl {
    float: none;
    width: 100%; }

  #mmrda_cnt_pnl #mid_pnl #prjct_pnl h2 {
    margin-left: 0px; }

  #column-9 {
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 20px; }

  #column-10 {
    margin-bottom: 20px; }

  #footer_tp_lft {
    width: 100%;
    max-width: 150px; }

  #footer_tp_lft ul li {
    padding-left: 0px; }

  #footer_tp_lft ul li {
    display: block;
    text-align: left; }

  #footer_btm_rgt {
    text-align: right;
    width: 30%; }

  #mmrda_cnt_pnl #rgt_in_pnl {
    padding: 15px 0px;
    margin: 0 0 0 10px;
    width: 100%; }

  #mmrda_cnt_pnl #rgt_in_pnl #prjct_lft {
    border-bottom: 1px dotted #757575;
    padding: 0px; }

  #mmrda_cnt_pnl #rgt_in_pnl #prjct_rgt {
    width: 100%;
    float: left; }

  input[type=checkbox] {
    position: absolute;
    top: -9999px;
    left: -9999px; }

  nav[role="navigation"] ul {
    display: none;
    height: 100%; }

  nav[role="navigation"] label {
    position: relative;
    display: block;
    width: 13px;
    min-height: 1em;
    padding: .45em;
    margin: 0px 10px 10px 0px;
    font-size: 2em; }

  nav[role="navigation"] label:after {
    position: absolute;
    right: .25em;
    top: 0;
    content: "\2261";
    font-size: 1.8em; }

  nav[role="navigation"] input[type=checkbox]:checked ~ label:after {
    color: #000; }

  nav[role="navigation"] input[type=checkbox]:checked ~ ul {
    display: block; }

  nav[role="navigation"] input[type=checkbox]:checked ~ ul > li {
    width: 100%;
    text-align: left; }

  nav[role="navigation"] input[type=checkbox]:checked ~ ul > li:after {
    position: absolute;
    right: .25em; }

  #emblem {
    width: 7%; }

  .scr_pnl {
    width: 100%;
    height: 160px;
    overflow: hidden;
    position: relative; }

  .safari .scr_pnl {
    height: 180px; }

  .cont_scr {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute; }

  #acsblty #fontSizes, #acsblty #stagingMsg, #acsblty #skipMsg, #acsblty #accessibilityoptions, #acsblty #screenreaderaccess, #languageBar {
    display: none; }

  .tblfrm td {
    display: block; }

  .tblfrm .input_text {
    width: 100%; }

  #content {
    background-size: contain;
    background-repeat: repeat-y; }

  #paneldiv {
    float: right;
    margin: 6px 0px 0px; }

  #navigation li a {
    display: block; }

  #footer_out {
    padding: 0;
    height: auto;
    margin-top: 10px; }

  #footer_btm_lft {
    max-width: 60%;
    white-space: nowrap; }

  #footer_tp_lft ul li {
    border-right: none; } }
@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width: 960px) {
  #headerLogo {
    height: 81px; } }
/*-------------------------------Common Responsive CSS Changes End Here--------------------------*/
/*-------------------------------CSS Changes for Tablet Start Here-------------------------------*/
@media screen and (min-width: 481px) and (max-width: 960px) {
  #container {
    max-width: 50em; }

  #mmrda_cnt_pnl .lft_pnl {
    width: 100%;
    max-width: 960px; }

  #footer {
    max-width: 50em; }

  #mmrda_cnt_pnl #rgt_in_pnl_big {
    width: 95%;
    margin: 0px 10px 0px 10px;
    padding: 15px 1%;
    float: none;
    border: 1px solid #c8c8c8;
    border-radius: 5px 5px 5px 5px; }

  #mmrda_cnt_pnl #mid_pnl {
    max-width: 600px; }

  #column-5 {
    padding: 0px; }

  .safari #column-6 {
    margin-top: 7px; } }
/*-------------------------------Chrome Hack Starts Here-----------------------------------------
@media screen and (min-width: 481px) and (max-width: 960px) and (-webkit-min-device-pixel-ratio:0){	
}
/*-------------------------------Chrome Hack Ends Here-------------------------------------------*/
/*-------------------------------CSS Changes for Tablet End Here---------------------------------*/
/*-------------------------------CSS Changes for Mobile Start Here-------------------------------*/
@media only screen and (max-width: 480px) {
  #container {
    max-width: 40em; }

  .aui-carousel menu {
    margin-right: 20px; }

  #hedrgt {
    margin: 0px 16%; }

  #srch_pn .blu_bg input[type="text"] {
    width: 42%; }

  #footer {
    max-width: 40em; }

  #footer_btm_lft {
    width: 100%;
    max-width: 100%;
    white-space: normal; }

  #footer_btm_rgt {
    width: 100%;
    max-width: 100%; }

  #footer_btm_rgt p {
    text-align: left; }

  #mmrda_cnt_pnl #rgt_in_pnl_big {
    width: 90%;
    margin: 0px 10px 0px 10px;
    padding: 15px 1%;
    float: none;
    border: 1px solid #c8c8c8;
    border-radius: 5px 5px 5px 5px; }

  #column-5 {
    padding: 0px; } }
/*-------------------------------CSS Changes for Mobile End Here---------------------------------*/
@media only screen and (max-width: 720px) {
  #dtbl {
    width: 90%;
    overflow: auto; }

  .tbl {
    margin: 1px 0 0 0px; } }
@media only screen and (max-width: 640px) {
  #container {
    margin: 0px 5%; }

  #footer {
    width: 90%; } }
@media only screen and (max-width: 360px) {
  #acsblty {
    text-align: left; }

  #acsblty #themeSelect {
    display: none; }

  #acsblty #themeColours {
    float: right; }

  #header #headerLogo #fixedratioheaderLogo {
    margin-left: -15px; }

  #hedrgt {
    margin: 0px 12%; }

  #acsblty #clocktime {
    font-size: 11px; } }
@media only screen and (max-width: 290px) {
  #acsblty #clocktime {
    display: none; }

  #acsblty #themeSelect {
    display: inline;
    border-right: none; }

  #hedrgt {
    margin: 0px; }

  #srch_pn .blu_bg input[type="text"] {
    width: 38%; }

  .pht_menu {
    margin: 0px; }

  .tb_bg_cnt {
    padding: 0px; }

  .jcarousel-skin-tango .jcarousel-container-horizontal {
    padding: 5px 0px !important; }

  #mmrda_cnt_pnl #abt_mmr_pnl ul.tabs li a {
    padding: 0px 15px; } }