body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; font-size: 0.75em; background: #ffffff; color: #333; width: 100%; } img, div, iframe, .cycle, table, td {max-width: 100% !important; height: auto !important} a {word-wrap: break-word; word-break: break-word; overflow-wrap: break-word; font-weight: bold; text-decoration: none; color: #000;} .content h1, h2, h3, img, object, .content .captioned_image { clear: both; } #header { background: #00929f; padding: 0; margin: 0; color: #ffffff; position: relative; min-height: 38px; width: 100%; } #header p { margin: 0; } #header #logo { top: 0; right: 0; padding: 0; } #header a { position: absolute; top: 0; padding: 4px 4px 2px 4px; } #header a.open { background: #fdbb30; border-radius: 2px 2px 0 0; border: solid 2px #000; border-bottom: none; padding: 2px 2px 4px 2px; bottom: -2px; } #navigation-icon { left: 0; } #search-icon { right: 0; } #header h1 { font-size: 1.5em; text-align: right; padding: 0.4em 48px; margin: 0; } #navigation{ display: none;} #jPanelMenu-menu { background: #fa9d24; padding: 0.2em 1em; border-right: solid 1px #333; min-height: 100%; font-size: 1.2em; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; } #search { border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius: 2px; width: 200px; margin: 0 0 0.5em 0; padding: 3px 0; } #search .submit { display: block; float: left; border: 0; width: 20px; padding: 3px; color: transparent; background: #fa9d24 url('/skins/Mobile/images/search.png') no-repeat; background-size: auto 100%; background-position: 2% 100%;} #jPanelMenu-menu #menu ul { list-style: none; margin: 0; padding: 0; font-weight: bold; } #jPanelMenu-menu #menu ul.languages { text-align: right; margin: -0.5em 0 1em 0; } #jPanelMenu-menu #menu ul ul { padding: 0.5em 0 0.5em 2em; font-weight: normal; } #jPanelMenu-menu #menu li { padding: 0 0 0.5em 0; } #jPanelMenu-menu #menu label, #jPanelMenu-menu #menu .button, .#jPanelMenu-menu #menu span { font-weight: bold; } #jPanelMenu-menu #menu span + span:before { content: " | "; } #jPanelMenu-menu #menu label { display: inline-block; width: 15%; text-align: right; } #jPanelMenu-menu #menu select, #jPanelMenu-menu #menu input { width: 60%; } #jPanelMenu-menu #menu input.button { width: 20%; } #banner {display: none;} .content { clear: both; padding: 0.5em; background: #ffffff; } form { margin: 0; } .content img { border: none; margin: 0.25em; max-width: 100% !important; } table.extras_splitter td { vertical-align: top; display: block; } td.extras { /* display: none; */ } .more { background-color: #eee; padding: 1em; clear:both; } .more ul { list-style-type: none; padding: 0; } .more li { margin: 0.5em 0; } .more > ul + ul { margin: 1em 0; border-top: dotted 1px #000; } .more .list p { clear: none; } .more .list ul { overflow: hidden; list-style-type: none; font-size: 0.95em; margin: 0; padding: 0 0.5em; } .more .list ul li { float: left; width: auto; padding: 0; margin: 0.5em; } .more .list ul li a { background-position: 0 0; background-repeat: no-repeat; padding: 2px 0 1px 20px; } .more .list ul li span { background-position: 0 0; background-repeat: no-repeat; padding: 2px 0 1px 20px; font-weight: bold; width: 3.5em; display: block; } #footer { font-size: 0.8em; font-style: normal; padding: 0.25em; text-align: center; background: #eee; } .footerlinks { list-style-type: none; padding: 0; margin: 0.5em 0; font-size: 1.25em; } .footerlinks li { display: inline-block; } .footerlinks li + li:before { content: " | "; } .feed-box, .markwrap, .poll-form, .election-result { width: auto !important; } .feed-box {clear: both; padding: 1.0em; border: 1px solid #DDD; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; } .feed-box h5 {font-size: 1.5em; padding: 0; margin: 0;} .feed-box ul {border-top: solid 1px #DDD; padding: 0; margin: 1em 0;} .feed-box ul ul {border-top: none; padding: 0; margin: 0;} .feed-box li {list-style: none; margin: 0.5em 0 0 0; padding: 0 0 6px 0; border-bottom: solid 1px #DDD; color: #666666; font-size: 0.8em;} .feed-box li li{list-style: none; padding: 0; border-bottom: none; color: #000000;} .feed-box li li, .feed-box strong { font-size: 1.25em;} form ul { padding: 0; } form ul li { list-style-type: none; } form li label { font-size: 0.9em; font-weight: bold; display: block; } .large { font-size: 1.25em; } .small { font-size: 0.8em; } table.border, table.border td, table.border th { border: solid 1px #999; } table.border { border-collapse: collapse; } table.spaced.border { border-style: none; border-collapse: separate; } table.spaced.padded5 { border-spacing: 2px; } table.spaced.padded10 { border-spacing: 4px; } table.spaced.padded20 { border-spacing: 8px; } table.padded5 td, table.padded5 th { padding: 5px; } table.padded10 td, table.padded10 th { padding: 10px; } table.padded20 td, table.padded20 th { padding: 20px; } .fivebutton, .markwrap, .donate-box {clear: both !important; margin: auto !important; float: none !important; width: 200px !important;} .fivebutton li {width: 100% !important;} .donate-box a {width: 85%;} @media all and (min-width: 1024px) {#header h1 {color: #00929f;} #banner {clear: both; display: block; width: 100%; min-height: 120px;} #banner .captioned_image p { color: #fff; font-weight: bold; font-family: Helvetica,Arial,sans-serif; font-size: 2.2em; width: 100%; max-width: 100%; text-shadow: 0 1px 1px #fdbb30; padding: 0; margin: -1.5em 0 1.5em 0; display: block; text-align: center; }}