.gall figure{background:#000000;} .scroll{background: #fff682;color: #000000;text-shadow: 0px 1px 2px #fff;} .sm-blue a:focus { outline: 0px none !important } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active { padding: 10px 20px; padding-right: 58px; background: #cccccc; color: #000000; line-height: 23px; text-decoration: none } li.pro  a{ background: #ededed; } #navigation-top > li:nth-child(4) > h2 a, #navigation-top > li:nth-child(5) > h2 a, #navigation-top > li:nth-child(6) > h2 a{ background: #ededed; } #navigation-top > li:nth-child(4) > h2 a:hover, #navigation-top > li:nth-child(4) > h2 a:focus, #navigation-top > li:nth-child(5) > h2 a:hover, #navigation-top > li:nth-child(5) > h2 a:focus, #navigation-top > li:nth-child(6) > h2 a:hover, #navigation-top > li:nth-child(6) > h2 a:focus{ background: #f1f1f1; } .sm-blue a span.sub-arrow { position: absolute; top: 50%; margin-top: -17px; left: auto; right: 4px; width: 34px; height: 34px; overflow: hidden; font-weight: 700 !important; text-align: center } .sm-blue ul { position: absolute } .sm-blue li { float: left } .sm-blue.sm-rtl li { float: right } .sm-blue ul li, .sm-blue.sm-rtl ul li, .sm-blue.sm-vertical li { float: none } .sm-blue a { white-space: nowrap } .sm-blue ul a, .sm-blue.sm-vertical a { white-space: normal } .sm-blue .sm-nowrap > li > a, .sm-blue .sm-nowrap > li >:not(ul) a { white-space: nowrap } .sm-blue { background-color: #ffffff; } .sm-blue a, .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { padding: 7px 14px; background: #ffffff; color: #000000 !important } .sm-blue a:hover, .sm-blue a:focus, .sm-blue a:active, .sm-blue a.highlighted { background: #f1f1f1 } .sm-blue a.current { background: #006892; color: #ffffff } .sm-blue a.disabled { background: #3092c0; color: #a1d1e8 } .sm-blue a span.sub-arrow { top: auto; margin-top: 0; bottom: -1px; left: 50%; margin-left: -5px; right: auto; width: 0; height: 0; border-width: 5px; border-style: solid dashed dashed dashed; border-color: #000000 transparent transparent transparent; background: transparent; display: none } .sm-blue a.highlighted span.sub-arrow:before { display: none } .sm-blue > li { border-left: 1px dotted #ffffff } .sm-blue > li:first-child { border-left: 0 } .sm-blue ul { padding: 0; background: #ffffff } .sm-blue ul ul { background: #ffffff } .sm-blue ul a, .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { border-top: 1px dotted #000000; padding: 5px 15px; background: transparent; color: #000000 } .sm-blue ul a:hover, .sm-blue ul a:focus, .sm-blue ul a:active, .sm-blue ul a.highlighted { background: #f1f1f1; color: #000000 } .sm-blue ul a.current { background: #006892; color: #ffffff } .sm-blue ul a.disabled { background: #ffffff; color: #b3b3b3 } .sm-blue ul a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: -1px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #000000; display: block } .sm-blue ul li { border: 0 } .sm-blue span.scroll-up, .sm-blue span.scroll-down { position: absolute; display: none; visibility: hidden; overflow: hidden; background: #ffffff; height: 20px } .sm-blue span.scroll-up-arrow, .sm-blue span.scroll-down-arrow { position: absolute; top: -2px; left: 50%; margin-left: -8px; width: 0; height: 0; overflow: hidden; border-width: 8px; border-style: dashed dashed solid dashed; border-color: transparent transparent #2b82ac transparent } .sm-blue span.scroll-down-arrow { top: 6px; border-style: solid dashed dashed dashed; border-color: #2b82ac transparent transparent transparent } .sm-blue.sm-rtl.sm-vertical a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #000000 transparent transparent } .sm-blue.sm-rtl > li:first-child { border-left: 1px solid #2b82ac } .sm-blue.sm-rtl > li:last-child { border-left: 0 } .sm-blue.sm-rtl ul a span.sub-arrow { right: auto; left: 10px; border-style: dashed solid dashed dashed; border-color: transparent #000000 transparent transparent } .sm-blue.sm-vertical a { padding: 9px 23px } .sm-blue.sm-vertical a span.sub-arrow { top: 50%; margin-top: -5px; bottom: auto; left: auto; margin-left: 0; right: 10px; border-style: dashed dashed dashed solid; border-color: transparent transparent transparent #000000 } .sm-blue.sm-vertical > li { border-left: 0 !important } .sm-blue.sm-vertical ul a { padding: 9px 23px }  /*** end of menu css ***/  body { color: #ff0; background-color: #3F3F3E !important } a:link, a:visited, a:active { color: #ff0; text-decoration: none } #tabs #tab-content a:focus { background: #FFF0D3; color: #35332F!important; } .background { background-color: #333333; height: 149px; width: 100%; position: absolute; top: 0px; left: 0px; z-index: -1 } .forms { margin: 10px 0px } .forms label { font-weight: 700; color: #ffff00 } .button { box-sizing: border-box; width: 200px; padding: 5px; font-weight: 700; display: block; color: #000000; background-color: #FF7BFF; border: 2px solid #E54EE5; margin-top: 15px } .button:hover { border: 2px solid transparent } .select { margin: 8px 0px; padding: 3px 0px; width: 100%; color: #000000 } .error { background-color: #ffff00; border: 1px solid red; color: #c43936; font-weight: bold; margin-bottom: 5px; padding: 5px } /** theme specific for IE8 **/ #masthead {background-color: #000000 !important} .login {color: #000000;background-color: #ED9CED} .login .login-option {background: #ffffff;border: 1px solid #000000;color: #000000;} .login-option p > a {color: #000000} .login-option p > a:hover,.login-option > p:hover a,.quicklinks-sidebar li > a,.footer small {color: #ffffff;} .login-option > p:hover {background: #000000;color: #ffffff} .quicklinks-main,.inner-wrap,.search,.wrap,.panel,#ql-wrapper {background-color: #000000} .heading > header h1 {background-color: #383838} .quicklinks-sidebar li {border-bottom: 1px dotted #cccccc;background-color: #000000} .quicklinks-sidebar li:hover,.quicklinks-sidebar li > a:hover,.quicklinks-sidebar li > a:focus {background-color: #fff682;color: #000000 !important} .quicklinks-sidebar.banner li:hover,.quicklinks-sidebar.banner li > a:hover,.quicklinks-sidebar.banner li > a:focus{background-color: transparent;color:#ffffff!important;} .linked-content a:link,.linked-content a:visited,.linked-content a:active,.linked-content a:hover,.linked-content a:focus {color: #ffffff} .content-head h1 {background-color: #000000;border-bottom: 2px solid #ffffff;color: #ffffff} .content-body p,.more a,.sidebar li a,.footlinks ul li a,.stats,.footlinks ul,span.title,.links span,.links span a,.weather-app {color: #ffff00} .footer {background: #2c2c2c;} .row {border: 1px solid #ffffff} .rslides .caption {color: #000000 !important;background-color: #ffffff !important;} .prtlToolAreaTaskCompAlign{background-color:#f1f1f1;} #btn_search {color:#555555;background:#FFF682;} .prtlToolAreaTaskText:focus,.prtlToolAreaTaskText:hover,.prtlToolAreaTaskText:link{color: #555555 !important} #quickAdvancedLink:focus{color:#df6461 !important} #btn_search:focus{border:1px solid #df6461 !important;color:#df6461} #quickAdvancedLink:focus{color:#df6461} #open_close,#open_close a{color: #000000;background:#ffffff} .middle-content{background:#ffffff} /** theme specific for IE8 ends here **/ @media screen and (max-width: 800px) { #tabs .popout { width: 800px !important; padding: 0px !important } } @media only screen and (max-width: 1199px) {  /*.brand { width: 550px; float: left; margin-top: 10px } .brand img { margin-left: 9px; margin-top: 0px }*/ .head-right { width: 340px; float: left; font-size: 0.833em } #emblem { float: left; margin-left: 10px; width: 56px } #emblem > a { display: block } .links { text-align: right; margin-top: 8px } .weather-app { padding: 5px 0px; text-align: right; height: 18px; } .login:focus { outline: 1px dotted } .login .login-option { background: #fff none repeat scroll 0 0; border: 1px solid #000000; color: #000000 } .login-option p > a:hover { text-decoration: none } .search { height: 87px; } .wrap { padding: 10px 5px 5px; } .quicklinks-main { width: 200px; } .panel { width: 194px } .content-head h1 { font-size: 1.250em; font-weight: normal; margin: 0px; padding: 5px; line-height: 25px; } .content-body figure { margin: 0px } .content-body p { font-size: 1em; } .more a { font-size: 1em; } .more:after { content: url("../images/more.gif") } .sidebar { list-style: none; margin: 0px; outline: 0px none; padding: 0px } .footlinks ul li { list-style: none; outline: 0px none; display: inline-block } .footer small { font-size: 0.950em; margin-left: 120px; } .footlinks { float: left; width: 600px } .stats { float: right; font-size: 0.917em; font-weight: bold; left: 20px; position: relative; top: 10px; width: 290px; } span.title { display: block; width: 116px; float: left; font-size: 1em } span.w3c { display: inline-block; margin: -11px 0 0 0 } .fb-plugin, .tw-plugin { float: left; padding-right: 2px; padding-top: 2px; width: 272px } .tw-plugin { padding-right: 0px } .content-head img { position: relative; top: 4px } .rslides .caption { bottom: 0; display: block; font-size: 1.25em; left: 0; line-height: 25px; padding: 20px 20px 10px 20px; position: absolute; right: 0; text-align: justify; margin: 0px } } @media only screen and (min-width: 1200px) {  /*.brand { float: left; width: 600px } .brand img { margin-left: 8px; margin-top: 2px }*/ .head-right { float: left; font-size: 0.833em; width: 420px } #emblem { float: left; margin-left: 10px; width: 56px } #emblem > a { display: block } .links { margin-top: 8px; text-align: right } .weather-app { padding: 5px 0px; text-align: right; height: 18px; } .login:focus { outline: 1px dotted } .login-option p > a:hover { text-decoration: none } .search { height: 87px; } .wrap { padding: 20px 5px 5px; } .quicklinks-main { width: 215px } .panel { width: 194px } .content-head h1 { font-size: 1.250em; font-weight: normal; margin: 0px; padding: 5px; line-height: 25px; padding-bottom: 3px } .more:after { content: url("../images/more.gif") } .footlinks ul { margin: 15px 0 25px; padding-left: 0px } .footlinks ul li { list-style: none; outline: 0px none; display: inline-block } .footer small { font-size: 0.950em; margin-left: 120px; } .footlinks { float: left; width: 600px } .stats { float: right; font-size: 0.917em; font-weight: bold; left: 20px; position: relative; top: 10px; width: 290px; } span.title { display: block; width: 116px; float: left; } span.w3c { display: inline-block; margin: -11px 0 0 0 } .fb-plugin, .tw-plugin { float: left; padding-right: 2px; padding-top: 2px; width: 327px } .tw-plugin { padding-right: 0px } .content-head img { position: relative; top: 4px } .rslides .caption { bottom: 0; display: block; font-size: 1.25em; left: 0; line-height: 25px; padding: 20px 20px 10px 20px; position: absolute; right: 0; text-align: justify; margin: 0px } } #cssmenu a { padding: 14px 18px } .compact, .compact:after, .compact:before { display: inline !important; line-height: 0; content: "" } .feather { color: #ffffff !important } #tabs { color: #ffff00 } #tabs #tab-content a:active, #tabs #tab-content a:link, #tabs #tab-content a:visited { color: #ffffff } #tabs #tab-content a:hover { text-decoration: none } #tabs #tab-content { background-color: #000000 } #tabs #tab-content p { margin-bottom: 30px; margin-top: 5px; line-height: 20px } #tabs #tab-header ul:after { content: ''; display: block; clear: both } #tabs #tab-header ul li a { background: #555555; color: #FFF682 } #tabs #tab-header ul li .active:after { border-top: 15px solid #ffff00 } #tabs #tab-header ul li a.active { background: #FFF682; color: #000000 } #tabs small { background: #fff682; color: #000000 } /** scrolling nav */ #nav-items ul li a{ background: #555555; color: #FFF682; } #nav-items ul li a.active { background: #FFF682; color: #000000; } #left-arrow, #right-arrow{ background:#ED9CED; color:#000000; } /** end scrolling nav*/ .review{ background:#2F2626; } .review > small{ color: #888888; } .table { color: #FFF682 } .table th { background-color: #FFF682; color: #333333 } .table td, .table th { border: 1px solid #d3ca67 } .sub-head { background-color: #333333; color: #FCD450 } .card-title { background: #333333; color: #eaeaea } .end-section { border-top: 1px dotted #ffffff } .title { color: #ffffff } .table-logged-in th { background-color: #F2F246; color: #000000 } .head  td { background-color: #D6D668; color: #000000 } .odd { background-color: #333333; color: #ffffff } .even { background-color: #000000; color: #ffffff } .announce { border: 1px dashed #ffffff; background-color: #E5E56B; color: #000000 } .lead { color: #000000 } .slide-title, .slide-subtitle { color: #ffff00 } .slide-title:before, .slide-subtitle:before, .slide-title.open:before, .slide-subtitle.open:before { color: #ffffff } .head-map a { color: #ff0 !important; } #breadcrumb { color: #ffffff } #breadcrumb > a { color: #fec81d } #toTop { background:url("/com.mcgm.newframework/images/arrow-top-h.png") no-repeat; } #checklist { color: #ffff00 } #checklist .subtitle { background: #2d2d2d; color: #ffffff } #checklist td, #checklist th { border: 1px solid #999999 } #checklist thead th { background-color: #2c2c2c; color: #ffffff } #checklist caption > h1 { color: #ffff00 } .button-panel { background-color: #2c2c2c; border-top: 1px solid #000000 } .chklstbtn { border: 1px solid #ffff00; color: #ffff00; background-color: #eb6ac7 } .chklstubtn { background: #eb6ac7; border: 1px solid #ffff00 } #aq-billing { color: #ffffff } #aq-billing td, #aq-billing th { border: 1px solid #999999 } #aq-billing tr:first-child { background-color: #2c2c2c; color: #ffffff } #aq-billing .button-panel { background-color: #4c4c4c; border-top: 1px solid #000000 } #aq-billing input[type="text"] { border: 1px solid #000000; color: #000000 } #aq-billing input[type="text"]:focus { border: 1px solid #000000; background: #fcfc9f } #aq-billing input[type="button"]:focus, #aq-billing input[type="button"]:hover { color: #ffff00; border: 1px solid #ffff00 } #aq-billing .chklstbtn { border: 1px solid #ffffff; color: #000000; background-color: #ED9CED } .datatable { color: #000000 } .datatable td, .datatable th { border: 1px solid #888888; color: #ffff00 } .datatable thead > th { background-color: #D7E6F8; color: #000000 } .datatable thead tr:first-child > th { background-color: #2c2c2c; color: #ffffff } .datatable tr:nth-child(even) { background-color: #4F4D4D } .datatable tr:nth-child(odd) { background-color: #595656 } .datatable .error { color: #c43936; background: #000000 } .datatable .foot-detail { background-color: #2c2c2c !important } .datatable .foot-break { background: #ffff00 !important } .datatable tbody tr:hover td { background-color: #595555 } #loader { color: #ffff00; background-image: url("../images/loading_h.gif") } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc { cursor: pointer } table.dataTable thead .sorting, table.dataTable thead .sorting_asc, table.dataTable thead .sorting_desc, table.dataTable thead .sorting_asc_disabled, table.dataTable thead .sorting_desc_disabled { background-repeat: no-repeat; background-position: center right } table.dataTable thead .sorting { background-image: url("../images/sort_both.png") } table.dataTable thead .sorting_asc { background-image: url("../images/sort_asc_h.png") } table.dataTable thead .sorting_desc { background-image: url("../images/sort_desc_h.png") } .dataTables_wrapper .dataTables_paginate .paginate_button { color: #ffffff !important } #output_previous:active, #output_next:active, #output_previous:focus, #output_next:focus{ color:#4040b2; text-decoration:none; } .dataTables_wrapper .dataTables_paginate .paginate_button.disabled, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover, .dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active { color: #35332f !important; } .dataTables_wrapper .dataTables_length, .dataTables_wrapper .dataTables_filter, .dataTables_wrapper .dataTables_info, .dataTables_wrapper .dataTables_processing, .dataTables_wrapper .dataTables_paginate { color: #ffff00 } .dataTables_wrapper select { color: #000000 } .description { background: #383838 !important; color: #fff682 !important } .blueimp-gallery > .prev, .blueimp-gallery > .next { background: #fff682 !important } .blueimp-gallery > .prev:hover, .blueimp-gallery > .next:hover, .blueimp-gallery > .close:hover, .blueimp-gallery > .title:hover, .blueimp-gallery > .play-pause:hover { color: #fff; opacity: 1 } .blueimp-gallery > .indicator > li:hover, .blueimp-gallery > .indicator > .active { background: #fff682 !important } #citi-box, #health-box { margin-left: 0px } #citi-box, #ward-box, #rti-box, #health-box, #edu-box, #env-box { background: #464646; color: #fff682 } #rti-box { margin-bottom: 5px } #btn_search { width: 100px } #accessibility-controls span.active { border-bottom: 2px solid #ffff00 } #jump-controls > span a { color: #ffffff } #text-controls > span:focus, #display-controls > span:focus { border-bottom: 2px solid #ffff00 } /**common**/ #sort{ border:1px solid #FEAB0A; } #sort a:hover{ background:#FFF682; color:#000000!important; } .sort-disabled:hover{ color:#cccccc!important; }