﻿html {
  -webkit-font-smoothing: antialiased;
}

/* This is the default Tooltipster theme (feel free to modify or duplicate and create multiple themes!): */
.tooltipster-default {
  border-radius: 5px;
  border: 1px solid #999;
  background: #ffffff;
  color: #000;
  box-shadow: 2px 2px 10px #999;
  min-width: 420px;
  line-height: 2px !important;
}

.tooltipster-federatedSearch {
  border-radius: 5px;
  border: 10px solid #f5f5f5;
  background: #f5f5f5;
  color: #000;
  box-shadow: 2px 2px 10px #999;
  min-width: 140px;
  line-height: 2px !important;
  text-align: center;
}

.tooltipster-federatedSearchHelp {
  border-radius: 5px;
  border: 5px solid #f5f5f5;
  background: #f5f5f5;
  color: #000;
  box-shadow: 2px 2px 10px #999;
  max-width: 300px;
}

.tooltipster-federatedSearchHelp .tooltipster-content {
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 15px;
  padding: 4px 5px;
}

div#labor {
  background-image: url(../../images/seating-plan/labor-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#liberal {
  background-image: url(../../images/seating-plan/liberal-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#palmer {
  background-image: url(../../images/seating-plan/palmer-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#greens {
  background-image: url(../../images/seating-plan/greens-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#nationals {
  background-image: url(../../images/seating-plan/nationals-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#amep {
  background-image: url(../../images/seating-plan/amep-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#countryliberals {
  background-image: url(../../images/seating-plan/countryliberals-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#familyfirst {
  background-image: url(../../images/seating-plan/familyfirst-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#lnp {
  background-image: url(../../images/seating-plan/lnp-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#sports {
  background-image: url(../../images/seating-plan/sports-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#ldp {
  background-image: url(../../images/seating-plan/ldp-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#dlp {
  background-image: url(../../images/seating-plan/dlp-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

div#ind {
  background-image: url(../../images/seating-plan/ind-bg.jpg) !important;
  background-position: no-repeat;
  min-height: 144px;
}

/* Use this next selector to style things like font-size and line-height: */
.tooltipster-default .tooltipster-content {
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Helvetica, Sans-Serif;
  font-size: 12px;
  line-height: 16px;
  overflow: hidden;
  padding-top: 10px;
  padding-right: 10px;
  padding-bottom: 8px;
  padding-left: 10px;
}

/* This next selector defines the color of the border on the outside of the arrow. This will automatically match the color and size of the border set on the main tooltip styles. Set display: none; if you would like a border around the tooltip but no border around the arrow */
.tooltipster-default .tooltipster-arrow .tooltipster-arrow-border {
  /* border-color: ... !important; */
}

/* If you're using the icon option, use this next selector to style them */
.tooltipster-icon {
  cursor: help;
  margin-left: 4px;
}

/* This is the base styling required to make all Tooltipsters work */
.tooltipster-base {
  padding: 0;
  font-size: 0;
  line-height: 0;
  position: absolute;
  z-index: 9999999;
  pointer-events: none;
  width: auto;
  overflow: visible;
}

.tooltipster-base .tooltipster-content {
  overflow: hidden;
}

/* These next classes handle the styles for the little arrow attached to the tooltip. By default, the arrow will inherit the same colors and border as what is set on the main tooltip itself. */
.tooltipster-arrow {
  display: block;
  text-align: center;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
}

.tooltipster-arrow span, .tooltipster-arrow-border {
  display: block;
  width: 0;
  height: 0;
  position: absolute;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top-right span, .tooltipster-arrow-top-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid;
  bottom: -7px;
}

.tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-top-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid;
  bottom: -7px;
}

.tooltipster-arrow-bottom span, .tooltipster-arrow-bottom-right span, .tooltipster-arrow-bottom-left span {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid;
  top: -7px;
}

.tooltipster-arrow-bottom .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid;
  top: -7px;
}

.tooltipster-arrow-top span, .tooltipster-arrow-top .tooltipster-arrow-border, .tooltipster-arrow-bottom span, .tooltipster-arrow-bottom .tooltipster-arrow-border {
  left: 0;
  right: 0;
  margin: 0 auto;
}

.tooltipster-arrow-top-left span, .tooltipster-arrow-bottom-left span {
  left: 6px;
}

.tooltipster-arrow-top-left .tooltipster-arrow-border, .tooltipster-arrow-bottom-left .tooltipster-arrow-border {
  left: 5px;
}

.tooltipster-arrow-top-right span, .tooltipster-arrow-bottom-right span {
  right: 6px;
}

.tooltipster-arrow-top-right .tooltipster-arrow-border, .tooltipster-arrow-bottom-right .tooltipster-arrow-border {
  right: 5px;
}

.tooltipster-arrow-left span, .tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-left: 8px solid;
  top: 50%;
  margin-top: -7px;
  right: -7px;
}

.tooltipster-arrow-left .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-left: 9px solid;
  margin-top: -8px;
}

.tooltipster-arrow-right span, .tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
  border-right: 8px solid;
  top: 50%;
  margin-top: -7px;
  left: -7px;
}

.tooltipster-arrow-right .tooltipster-arrow-border {
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
  border-right: 9px solid;
  margin-top: -8px;
}

/* Some CSS magic for the awesome animations - feel free to make your own custom animations and reference it in your Tooltipster settings! */
.tooltipster-fade {
  opacity: 0;
  -webkit-transition-property: opacity;
  -moz-transition-property: opacity;
  -o-transition-property: opacity;
  -ms-transition-property: opacity;
  transition-property: opacity;
}

.tooltipster-fade-show {
  opacity: 1;
}

.tooltipster-grow {
  -webkit-transform: scale(0, 0);
  -moz-transform: scale(0, 0);
  -o-transform: scale(0, 0);
  -ms-transform: scale(0, 0);
  transform: scale(0, 0);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
  -webkit-backface-visibility: hidden;
}

.tooltipster-grow-show {
  -webkit-transform: scale(1, 1);
  -moz-transform: scale(1, 1);
  -o-transform: scale(1, 1);
  -ms-transform: scale(1, 1);
  transform: scale(1, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-swing {
  opacity: 0;
  -webkit-transform: rotateZ(4deg);
  -moz-transform: rotateZ(4deg);
  -o-transform: rotateZ(4deg);
  -ms-transform: rotateZ(4deg);
  transform: rotateZ(4deg);
  -webkit-transition-property: -webkit-transform, opacity;
  -moz-transition-property: -moz-transform;
  -o-transition-property: -o-transform;
  -ms-transition-property: -ms-transform;
  transition-property: transform;
}

.tooltipster-swing-show {
  opacity: 1;
  -webkit-transform: rotateZ(0deg);
  -moz-transform: rotateZ(0deg);
  -o-transform: rotateZ(0deg);
  -ms-transform: rotateZ(0deg);
  transform: rotateZ(0deg);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 1);
  -webkit-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -moz-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -ms-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  -o-transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
  transition-timing-function: cubic-bezier(0.23, 0.635, 0.495, 2.4);
}

.tooltipster-fall {
  top: 0;
  -webkit-transition-property: top;
  -moz-transition-property: top;
  -o-transition-property: top;
  -ms-transition-property: top;
  transition-property: top;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-fall.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  top: 0px !important;
  opacity: 0;
}

.tooltipster-slide {
  left: -40px;
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  -ms-transition-property: left;
  transition-property: left;
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1);
  -webkit-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -moz-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -ms-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  -o-transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.15);
}

.tooltipster-slide.tooltipster-dying {
  -webkit-transition-property: all;
  -moz-transition-property: all;
  -o-transition-property: all;
  -ms-transition-property: all;
  transition-property: all;
  left: 0px !important;
  opacity: 0;
}

/* CSS transition for when contenting is changing in a tooltip that is still open. The only properties that will NOT transition are: width, height, top, and left */
.tooltipster-content-changing {
  opacity: 0.5;
  -webkit-transform: scale(1.1, 1.1);
  -moz-transform: scale(1.1, 1.1);
  -o-transform: scale(1.1, 1.1);
  -ms-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}

#planimg {
  height: 140px;
  width: 108px;
  border: 1px solid #CCC;
}

.planimg {
  width: 120px !important;
  display: inline !important;
  float: left !important;
}

.plantxt {
  width: 100% !important;
  display: inline !important;
  font-family: Franklin Gothic Book, Helvetica, Arial, sans-serif;
}

.plantxt p strong {
  font-family: Franklin Gothic Book, Helvetica, Arial, sans-serif;
  color: #333;
  font-size: 1.2em;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote.quote {
  margin-right: 3em;
  margin-left: 3em;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

/* tables still need cellspacing="0" in the markup */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

body {
  font: 13px/1.231 sans-serif;
  *font-size: small;
}

/* hack retained to preserve specificity */
select, input, textarea, button {
  font: 99% sans-serif;
}

/* normalize monospace sizing
 * en.wikipedia.org/wiki/MediaWiki_talk:Common.css/Archive_11#Teletype_style_fix_for_Chrome
 */
pre, code, kbd, samp {
  font-family: monospace, sans-serif;
}

/*
 * minimal base styles
 */
body, select, input, textarea {
  color: #444;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: bold;
}

html {
  overflow-y: scroll;
}

a:hover, a:active {
  outline: none;
}

a, a:active, a:visited {
  color: #607890;
}

a:hover {
  color: #036;
}

ul, ol {
  margin-left: 1.8em;
}

ol {
  list-style-type: decimal;
}

nav ul, nav li {
  margin: 0;
}

small {
  font-size: 85%;
}

strong, th {
  font-weight: bold;
}

td, td img {
  vertical-align: top;
}

sub {
  vertical-align: sub;
  font-size: smaller;
}

sup {
  vertical-align: super;
  font-size: smaller;
}

pre {
  padding: 15px;
  white-space: pre;
  /* CSS2 */
  white-space: pre-wrap;
  /* CSS 2.1 */
  white-space: pre-line;
  /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word;
  /* IE */
}

textarea {
  overflow: auto;
}

.ie6 legend, .ie7 legend {
  margin-left: -7px;
}

input[type="radio"] {
  vertical-align: text-bottom;
}

.ie7 input[type="checkbox"] {
  vertical-align: baseline;
}

.ie6 input {
  vertical-align: text-bottom;
}

label, input[type=button], input[type=submit], button {
  cursor: pointer;
}

button, input, select, textarea {
  margin: 0;
}

input:invalid, textarea:invalid {
  border-radius: 1px;
  -moz-box-shadow: 0px 0px 5px red;
  -webkit-box-shadow: 0px 0px 5px red;
  box-shadow: 0px 0px 5px red;
}

.no-boxshadow input:invalid,
.no-boxshadow textarea:invalid {
  background-color: #f0dddd;
}

button {
  width: auto;
  overflow: visible;
}

.ie7 img {
  -ms-interpolation-mode: bicubic;
}

/*
 * Non-semantic helper classes
 */
/* for image replacement */
.ir {
  display: block;
  text-indent: -999em;
  overflow: hidden;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
  display: none;
  visibility: hidden;
}

/* Hide only visually, but have it available for screenreaders
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden {
  position: absolute !important;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
  visibility: hidden;
}

/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020";
  display: block;
  height: 0;
  visibility: hidden;
}

.clearfix:after {
  clear: both;
}

/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix {
  zoom: 1;
}

/************************
	APH Styles
************************/
body {
  font-size: 0.7em;
  background-repeat: repeat-x;
  background-position: top;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Helvetica, Sans-Serif;
}

select, input, textarea, button {
  font-size: 1em;
  font-family: "Lucida Grande", "Lucida Sans Unicode", "Segoe UI", Arial, Helvetica, Sans-Serif;
}

ul, ol, dl, p, blockquote, form, table, .form {
  margin: 0 0 1em 0;
  line-height: 1.5;
}

body, select, input, textarea {
  color: #000;
}

fieldset, img {
  border: 0;
}

ul {
  list-style-type: disc;
  list-style-position: outside;
  padding-left: 12px;
}

ol {
  list-style-position: outside;
  padding-left: 20px;
}

a:link {
  text-decoration: none;
  color: #045f85;
}

a:link:hover {
  text-decoration: underline;
  color: #045f85;
  cursor: pointer;
}

a:link:active {
  text-decoration: none;
  color: #045f85;
}

a:visited {
  text-decoration: none;
  color: #551A8B;
}

h1 {
  font-size: 2.4em;
  font-family: Franklin Gothic Book, Helvetica, Arial, sans-serif;
  font-weight: normal;
  margin: 0 0 0.5em 0;
  color: #333;
  text-shadow: #fff 0px 1px 1px;
  line-height: 1.1em;
}

h2 {
  font-size: 1.5em;
  font-weight: normal;
  color: #666;
  margin: 0 0 0.6em 0;
  clear: left;
}

h3 {
  font-size: 1.3em;
  font-weight: normal;
  margin: 0 0 0.5em 0;
  color: #333;
  clear: left;
}

h4 {
  font-size: 1em;
  color: #444;
  margin: 0 0 0.5em 0;
}

h5 {
  font-size: 1em;
  color: #333;
  font-weight: normal;
  font-style: italic;
}

h6 {
  font-size: 1em;
  color: #444;
  font-weight: normal;
}

hr, .hr {
  float: left;
  width: 100%;
  border: 0;
  height: 1px;
  border-top: 1px solid #e8e8e8;
  margin: 0 0 1em 0;
  clear: left;
}

blockquote {
  margin: 1em;
}

table {
  border-collapse: collapse;
  text-align: left;
  width: 100%;
}

.narrow-content table {
  width: 498px;
  position: relative;
  left: -10px;
}

.narrow-content .tabs table {
  width: 100%;
  left: auto;
}

table th, table td {
  padding: 6px 8px;
  vertical-align: top;
}

table th {
  font-weight: bold;
}

table td {
  font-weight: normal;
}

table thead th, table thead td {
  background: #E8E8E8;
  padding: 8px 8px;
  text-align: left;
}

table tbody th {
  text-align: left;
}

table tfoot td {
  background: #fff;
  border-top: 1px solid #ccc;
}

.fileLink {
  text-decoration: none;
  color: #045f85;
}

.fileLink hover {
  text-decoration: underline;
  color: #045f85;
  cursor: pointer;
}

.fileLink active {
  text-decoration: none;
  color: #045f85;
}

.fileLink visited {
  text-decoration: none;
  color: #551A8B;
}

/* Table sorter styles */
.tablesorter-default {
  width: 100%;
}

.tablesorter-default .header,
.tablesorter-default .tablesorter-header {
  background-image: url(data:image/gif;base64,R0lGODlhFQAJAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==);
  background-position: center right;
  background-repeat: no-repeat;
  cursor: pointer;
  white-space: normal;
  padding: 4px 20px 4px 4px;
}

.tablesorter-default thead .headerSortUp,
.tablesorter-default thead .tablesorter-headerSortUp,
.tablesorter-default thead .tablesorter-headerAsc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7);
}

.tablesorter-default thead .headerSortDown,
.tablesorter-default thead .tablesorter-headerSortDown,
.tablesorter-default thead .tablesorter-headerDesc {
  background-image: url(data:image/gif;base64,R0lGODlhFQAEAIAAACMtMP///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7);
}

.tablesorter-default td {
  padding: 4px;
  vertical-align: top;
}

/* Table shading */
.js table tbody .even th, .js table tbody .even td {
  background: #efefef;
}

table .date {
  /* width:80px; */
  white-space: nowrap;
}

table .format {
  width: 70px;
  text-align: right;
  white-space: nowrap;
}

table .media {
  width: 70px;
  text-align: right;
  white-space: nowrap;
}

/* White background table used mainly for document listing */
table.docs {
  border-bottom: 1px solid #e8e8e8;
}

table.docs thead th, table.docs thead td {
  padding: 4px 8px;
}

table.docs tbody td, table.docs tbody th {
  background: #fff;
  border-top: 1px solid #e8e8e8;
}

table.docs tbody .even th, table.docs tbody .even td {
  background: #ffffff;
}

table.bill-docs tbody td {
  padding-left: 0;
}

/* Icons representing formats/types of content */
.media-format {
  position: relative;
  top: 2px;
  display: block;
}

.media-format img {
  float: left;
  width: 17px;
  height: 15px;
  margin: 0 0 0 5px;
  text-indent: 9999px;
  overflow: hidden;
  /* outline:0; */
}

.media-format a {
  float: left;
  width: 17px;
  height: 15px;
  background: url(/images/template/vid-options-sprite.png) no-repeat left top;
  margin: 0 0 0 5px;
  text-indent: 9999px;
  overflow: hidden;
  /* outline:0; */
}

.media-format a.lo {
  background-position: -15px 0;
}

.media-format a.aud {
  background-position: -30px 0;
}

.media-format-disabled {
  position: relative;
  top: 2px;
  display: block;
}

.media-format-disabled img {
  float: left;
  width: 17px;
  height: 15px;
  margin: 0 0 0 5px;
  text-indent: 9999px;
  overflow: hidden;
  /* outline:0; */
}

.media-format-disabled a {
  float: left;
  width: 17px;
  height: 15px;
  background: url(/images/template/vid-options-sprite-disabled.png) no-repeat left top;
  margin: 0 0 0 5px;
  text-indent: 9999px;
  overflow: hidden;
  /* outline:0; */
}

.media-format-disabled a.lo {
  background-position: -15px 0;
}

.media-format-disabled a.aud {
  background-position: -30px 0;
}

/* Move earlier or later in a timeline listing */
.date-range-control {
  position: relative;
  background: #e8e8e8;
  padding: 5px 10px;
}

.narrow-content .date-range-control {
  width: 478px;
  position: relative;
  left: -10px;
}

.narrow-content .tabs .date-range-control {
  width: auto;
  left: auto;
}

.date-range-control p {
  text-align: center;
  font-size: 1.1em;
  margin: 0;
  color: #333;
}

.date-range-control ul {
  list-style: none;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 7px;
  left: 0;
  margin: 0;
}

.date-range-control ul li a {
  color: #333;
  text-transform: uppercase;
  /* outline:none; */
  position: relative;
}

.date-range-control ul li a:hover {
  text-decoration: none;
}

.date-range-control ul li.prev a {
  position: absolute;
  top: 0;
  left: 0;
  padding-left: 25px;
}

.date-range-control ul li.next a {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 25px;
}

.date-range-control ul li.next a img {
  position: absolute;
  right: 7px;
  bottom: 3px;
}

.date-range-control ul li.prev a img {
  position: absolute;
  left: 7px;
  top: 3px;
}

.date-range-control ul li a span {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 10px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/template/square-arrow-sprite.png) no-repeat 0 0;
}

.date-range-control ul li.next a span {
  background-position: -10px 0;
  right: 10px;
  left: auto;
}

.watch-live {
  margin: 0 0 2px 0;
  color: #666;
}

.narrow-content table.documents {
  width: 498px;
  position: relative;
  left: -10px;
}

table.documents {
  position: relative;
  margin: 0 0 1em 0;
  width: 100%;
}

table.documents thead th {
  text-transform: uppercase;
  font-size: 0.9em;
  background: #e8e8e8;
  padding: 8px 10px;
}

table.documents .date {
  width: 120px;
}

table.documents td {
  padding: 8px 10px;
}

table.documents tbody .date {
  font-weight: bold;
}

table.documents td .links {
  position: relative;
  display: block;
  padding-right: 60px;
}

table.documents td.format, table.documents th.format {
  width: 50px;
  text-align: right;
}

table.documents td .formats {
  position: absolute;
  top: 0;
  right: 0;
}

table.documents tfoot td {
  background: #fff;
  border-top: 1px solid #ccc;
}

.col-half table.documents .date {
  width: 85px;
}

table.inquiries {
  position: relative;
  margin: 0 0 1em 0;
  width: 100%;
}

table.inquiries thead th {
  text-transform: uppercase;
  font-size: 0.9em;
  background: #e8e8e8;
  padding: 8px 10px;
  text-align: left;
}

table.inquiries tbody tr td {
  border-bottom: 1px solid #e8e8e8;
}

table.inquiries tbody td {
  padding: 8px 10px;
}

table.statistics-detail {
  width: 100%;
  border-collapse: collapse;
}

table.statistics-detail th, table.statistics-detail td {
  border: 1px solid #d3d3d3;
  background: #fff;
}

table.statistics-detail thead th {
  background: #587b8c;
  border: 1px solid #496574;
  color: #fff;
  padding-top: 30px;
}

table.statistics-detail tbody th {
  background: #efefef;
}

table.statistics-detail tbody td {
  padding: 4px 10px;
}

.js table.statistics-detail tbody td {
  background: #fff;
}

.narrow-content table.document-contents {
  width: 498px;
  position: relative;
  left: -10px;
}

table.document-contents {
  position: relative;
  margin: 0;
  width: 100%;
}

table.document-contents thead th {
  text-transform: uppercase;
  color: #333;
  font-size: 0.9em;
}

table.document-contents tr td {
  background: #fff;
}

table.document-contents tr td.time {
  width: 90px;
}

table.document-contents tr td p {
  margin: 0;
  padding-left: 12px;
}

table.document-contents tr td .toggle {
  margin: 0 0 3px 0;
  padding: 0;
  position: relative;
}

table.document-contents .page {
  width: 50px;
  padding: 4px 8px;
}

table.document-contents tr td .toggle-control {
  background: url(/images/template/collapse-arrow-open.png) no-repeat center center;
  position: absolute;
  width: 15px;
  height: 15px;
  top: 0;
  left: -5px;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:0; */
}

table.document-contents tr td .title-closed .toggle-control {
  background-image: url(/images/template/collapse-arrow-closed.png);
}

table.year-calendar thead th {
  padding: 3px 8px;
}

table.year-calendar thead td {
  padding: 3px 0;
}

table.year-calendar tbody th {
  padding: 0 8px;
}

table.year-calendar tbody td {
  padding: 0;
}

table.year-calendar tbody td {
  color: #ddd;
  border: 1px solid #ddd;
  width: 18px;
  height: 15px;
  overflow: hidden;
  text-align: center;
}

table.year-calendar tbody td a {
  display: block;
  background: #045F85;
  color: #fff;
}

table.year-calendar tbody td a:hover {
  background: #043649;
  text-decoration: none;
}

.heading {
  margin: 0 0 5px 0;
  font-size: 1.2em;
}

.datestamp {
  font-weight: bold;
  color: #666;
  margin: 0 0 5px 0;
}

.right {
  text-align: right;
}

.no-gap {
  margin-bottom: 0;
}

table.week-calendar {
  float: left;
  display: inline;
  width: 360px;
}

.js table.week-calendar tbody td, table.week-calendar thead th {
  background: #fff;
  padding: 6px 14px;
  border: 1px solid #fff;
  text-align: center;
}

table.week-calendar tbody td a {
  color: #fff;
}

table.week-calendar tbody td.inactive {
  color: #ddd;
}

table.week-calendar tbody td.senate {
  background: #9f382a;
  color: #fff;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}

table.week-calendar tbody td.house {
  background: #2f7158;
  color: #fff;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

table.week-calendar tbody td.both {
  background: #336699;
  color: #fff;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}

table.week-calendar tbody td.holiday {
  background: #999999;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

table.week-calendar tbody td.event {
  background: #f9ce69;
  color: #fff;
}

table.week-calendar tbody td.election {
  background: #ff6600;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

table.week-calendar tbody td.prorogue {
  background: #663366;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.event-key {
  margin: 20px 0 0 0;
  float: right;
  display: inline;
  padding: 5px 10px 0 10px;
  background: #e8e8e8;
}

.event-key p {
  font-weight: bold;
  text-transform: uppercase;
}

.event-key ul {
  list-style: none;
  padding: 0;
}

.event-key ul li span {
  float: left;
  width: 12px;
  height: 12px;
  display: inline;
  margin: 0 3px 0 0;
  position: relative;
  top: 2px;
}

.event-key ul .senate span {
  background: #9f382a;
}

.event-key ul .house span {
  background: #2f7158;
}

.event-key ul .both span {
  background: #336699;
}

.event-key ul .holiday span {
  background: #999999;
}

.event-key ul .event span {
  background: #f9ce69;
}

a.rssfeed {
  background: url(/images/template/rss.gif) no-repeat left top;
  padding-left: 40px;
  padding-bottom: 2px;
}

/************************
	SPECIAL CLASSES
************************/
.offScreen {
  position: absolute;
  left: -9999px;
  width: 900px;
}

.hide {
  display: none;
}

.clear {
  display: inline-block;
}

.clear:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.printOnly {
  display: none;
}

/************************
	PAGE CONSTRAINTS
************************/
#bgimagewrapper {
  width: 100%;
  margin: 0 auto;
  background-position: center top;
  background-repeat: no-repeat;
}

#container {
  width: 982px;
  margin: 0 auto;
}

/************************
	HEADER
************************/
#header {
  height: 108px;
  position: relative;
}

#site-logo {
  top: 13px;
  left: 23px;
  position: absolute;
  margin: 0;
}

#site-logo a {
  display: block;
  background: url(/images/template/header-logo.png) no-repeat left top;
  width: 360px;
  height: 56px;
}

#options {
  float: right;
  margin: 10px 20px 12px 0;
  list-style: none;
  padding: 0;
}

#options li {
  display: inline;
  color: #a2b9d0;
  padding: 0 7px 0 3px;
  background: url(/images/template/header-divider.png) no-repeat right center;
}

#options li.last {
  background: none;
  padding-right: 0;
}

#options li a {
  color: #fff;
}

#options-last {
  float: right;
  margin: 10px 5px 12px 0;
  list-style: none;
  padding: 0;
}

#options-last li {
  display: inline;
  color: #a2b9d0;
  padding: 0 7px 0 3px;
  background: url(/images/template/header-divider.png) no-repeat right center;
}

#options-last li.last {
  background: none;
  padding-right: 0;
}

#options-last li a {
  color: #fff;
}

.header-search {
  clear: right;
  float: right;
  margin-right: 15px;
}

.header-search ul {
  float: right;
  clear: right;
}

.header-search form {
  margin: 0;
}

.header-search fieldset {
  background: none;
  padding: 0;
  margin-right: 27px;
  margin-bottom: 4px;
  float: right;
}

.header-search select {
  position: relative;
  top: 0px;
}

.header-search .text-input {
  height: 14px;
  margin: 0 7px;
  padding: 0px 5px;
}

.header-search .button {
  background: url(/images/template/go-button.png) top left no-repeat;
  width: 24px;
  height: 20px;
  border: none;
  position: relative;
  top: 1px;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:none; */
}

.header-search p {
  margin: 5px 0 0 0;
  text-align: right;
}

.header-search p a {
  color: #fff;
}

.header-search label {
  color: #fff;
  padding: 0 5px 0 2px;
}

.header-search p a:hover {
  color: #fff;
}

/************************
	NAVIGATION
************************/
#top-nav {
  width: 100%;
  float: left;
  display: inline;
  background: url(/images/template/top-nav-bg-bottom.png) bottom left no-repeat;
  margin: 0 0 8px 0;
  color: #ffffff;
  font-size: 1.1em;
}

#top-nav .bg {
  background: url(/images/template/top-nav-bg-top.png) top left no-repeat;
  min-height: 42px;
  width: 100%;
  float: left;
  display: inline;
}

#top-nav .house-nav {
  float: left;
  display: inline;
  width: 429px;
  position: relative;
  padding: 11px 0 9px 62px;
}

#top-nav .house-nav .live-button, #top-nav .house-nav .live-button-off {
  position: absolute;
  top: 13px;
  left: 14px;
  width: 35px;
  height: 16px;
  background: url(/images/template/live-indicators.png) no-repeat left top;
}

#top-nav p {
  float: left;
  display: inline;
  margin: 0 10px 0 0;
}

#top-nav .live-button span, #top-nav .live-button-off span {
  position: absolute;
  left: -9999px;
  width: 900px;
}

#top-nav ul {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#top-nav ul li {
  display: inline;
  margin: 0 10px 0 0;
}

#top-nav a {
  color: #fff;
}

#top-nav #reps-nav .live-button {
  background-position: 0 -16px;
}

#top-nav #reps-nav .live-button-off {
  background-position: -35px -16px;
}

#top-nav #senate-nav .live-button {
  background-position: 0 0;
}

#top-nav #senate-nav .live-button-off {
  background-position: -35px 0;
}

#main-nav {
  float: left;
  width: 100%;
  height: 41px;
}

#main-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#main-nav ul li {
  display: inline;
  position: relative;
  float: left;
}

#main-nav ul li a {
  float: left;
  display: inline;
  padding: 0;
  height: 41px;
  background: url(/images/template/main-nav2.png) top left no-repeat;
}

#main-nav ul li a span {
  position: absolute;
  left: -9999px;
  width: 900px;
}

#main-nav ul li a.active {
  border-bottom: 1px solid #d2d2d2;
  position: relative;
  z-index: 999;
}

#main-nav ul li.link1 a {
  width: 94px;
}

#main-nav ul li.link1 a.active {
  background-position: 0 -41px;
}

#main-nav ul li.link2 a {
  width: 215px;
  background-position: -94px 0;
}

#main-nav ul li.link2 a.active {
  background-position: -94px -41px;
}

#main-nav ul li.link3 a {
  width: 194px;
  background-position: -309px 0;
}

#main-nav ul li.link3 a.active {
  background-position: -309px -41px;
}

#main-nav ul li.link4 a {
  width: 146px;
  background-position: -503px 0;
}

#main-nav ul li.link4 a.active {
  background-position: -503px -41px;
}

#main-nav ul li.link5 a {
  width: 167px;
  background-position: -649px 0;
}

#main-nav ul li.link5 a.active {
  background-position: -649px -41px;
}

#main-nav ul li.link6 a {
  width: 166px;
  background-position: -816px 0;
}

#main-nav ul li.link6 a.active {
  background-position: -816px -41px;
}

#main-nav ul li ul {
  display: none;
  position: absolute;
  top: 41px;
  left: 0;
  background: #f5f5f5;
  border-bottom: 1px solid #444;
  z-index: 9999;
  width: 100%;
}

#main-nav ul li ul li {
  display: block;
  float: none;
  border: 1px solid #444;
  border-width: 0 1px;
}

#main-nav ul li ul li a {
  background: none;
  display: block;
  width: auto !important;
  float: none;
  height: auto;
  padding: 5px 15px;
  color: #444;
  border-bottom: 1px solid #a2a2a2;
}

#main-nav ul li ul li.last a {
  border: 0;
}

#main-nav ul li ul li a:hover {
  background: #fff;
  color: #000;
  text-decoration: none;
}

#main-wrapper {
  border: 1px solid #fff;
  background: url(/images/template/main-shadow.png) repeat-x left top #dedede;
  float: left;
  display: inline;
  width: 978px;
  margin: 0 1px;
  padding: 0 0 15px 0;
}

#secondary-nav {
  margin: 20px 0 20px 19px;
  width: 160px;
  float: left;
  display: inline;
}

#secondary-nav ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

#secondary-nav ul li {
  display: inline;
}

#secondary-nav ul li a {
  background: #ffffff;
  border: solid 1px #e8e8e8;
  color: #000;
  display: block;
  padding: 8px 8px 6px 8px;
  line-height: 1.2em;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  position: relative;
}

#secondary-nav ul li a:hover {
  text-decoration: none;
  background: #f5f5f5;
}

#secondary-nav ul li a.active {
  background-color: #666666;
  color: #ffffff;
  text-decoration: none;
  border: 1px solid #555;
  font-weight: bold;
  margin: 1px 0;
}

#secondary-nav ul li a.active span {
  width: 9px;
  height: 8px;
  background: url(/images/template/nav/second-level-arrow.png) no-repeat left top;
  position: absolute;
  left: 7px;
  bottom: -7px;
  z-index: 999;
}

#secondary-nav ul li ul li a {
  padding: 6px 8px 4px 18px;
  font-size: 0.9em;
  color: #000;
}

#secondary-nav ul li ul li a:hover {
  color: #045f85;
  text-decoration: none;
  background: #e5eff3;
}

#secondary-nav ul li ul li a.active {
  background: #f5f5f5;
  color: #000;
  border: solid 1px #ccc;
  margin: 0;
}

#secondary-nav ul li ul li a.active span {
  background-image: url(/images/template/nav/third-level-arrow.png);
}

#secondary-nav ul li ul li ul {
  border-bottom: solid 1px #e8e8e8;
  border-top: solid 1px #e8e8e8;
}

#secondary-nav ul li ul li ul li a {
  padding: 4px 8px 2px 28px;
  border: 0;
  color: #444;
  background: url(/images/template/nav/square-bullet.png) no-repeat 18px 8px #fff;
}

#secondary-nav ul li ul li ul li a:hover {
  background: url(/images/template/nav/square-bullet.png) no-repeat 18px 8px #fff;
  color: #444;
  text-decoration: underline;
}

#secondary-nav ul li ul li ul li a.active {
  background: url(/images/template/nav/square-bullet.png) no-repeat 18px 8px #fff;
  border: 0;
  color: #444;
}

/************************
	CONTENT
************************/
#page-tools ul {
  float: right;
  display: inline;
  margin: 0;
  padding: 0;
  list-style: none;
}

#page-tools ul li {
  display: inline;
}

#page-tools ul li a {
  float: left;
  display: inline;
  width: 20px;
  height: 20px;
  background: url(/images/template/tools-sprite.png) no-repeat -20px top;
  margin: 0 0 0 4px;
}

#page-tools ul li a span {
  position: absolute;
  left: -9999px;
  width: 900px;
}

#page-tools ul li a.link2 {
  background-position: -40px 0;
}

#page-tools ul li a.link3 {
  background-position: -60px 0;
  margin: 0 0 0 10px;
}

#page-tools ul li a.link4 {
  background-position: -80px 0;
}

#page-tools ul li a.link5 {
  background-position: -100px 0;
}

#page-tools ul li a.link6 {
  background-position: -120px 0;
  margin: 0 0 0 10px;
}

#page-tools ul li a.link7 {
  background-position: -140px 0;
  width: 33px;
}

#page-tools ul li a.link8 {
  background-position: 0 0;
  margin-right: 7px;
}

#my-parliament {
  clear: right;
  float: right;
  margin: 10px 0 10px 6px;
  background: url(/images/template/my-select.png) no-repeat;
  overflow: hidden;
  line-height: 1em;
}

#my-parliament a {
  color: #fff;
  text-transform: uppercase;
  width: 170px;
  height: 20px;
  padding: 4px 25px 0 25px;
  display: block;
}

#my-parliament a:hover {
  text-decoration: none;
}

#find-committee {
  clear: right;
  float: right;
  margin: 0px 0 0px 0px;
  background: url(/images/template/find_inquiry.png) no-repeat;
  overflow: hidden;
  line-height: 1em;
}

#find-committee a {
  color: #fff;
  text-transform: uppercase;
  width: 120px;
  height: 20px;
  padding: 4px 25px 0 25px;
  display: block;
}

#find-committee a:hover {
  text-decoration: none;
}

#online-submission {
  clear: right;
  float: left;
  margin: 0px 0 0px 0px;
  background: url(/images/template/find_inquiry.png) no-repeat;
  overflow: hidden;
  line-height: 1em;
}

#online-submission a {
  color: #fff;
  text-transform: uppercase;
  width: 120px;
  height: 20px;
  padding: 4px 25px 0 25px;
  display: block;
}

#online-submission a:hover {
  text-decoration: none;
}

#my-parliament a:hover {
  text-decoration: none;
}

#page-tools fieldset {
  padding: 0;
  margin: 0;
  background: none;
}

#breadcrumb {
  width: 530px;
}

#breadcrumb ol {
  padding: 0;
  list-style: none;
}

#breadcrumb ol li {
  display: inline;
  color: #333333;
}

#breadcrumb ol li a {
  color: #444;
  background: url(/images/template/breadcrumb-divider.png) no-repeat right center;
  padding: 0 13px 0 0;
  margin: 0 2px 0 0;
}

#breadcrumb ol li a:hover {
  color: #333;
}

.searchcrumb {
  padding: 0;
  list-style: none;
}

.searchcrumb li {
  display: inline;
  color: #333333;
  border: none !important;
}

.searchcrumb li a {
  color: #444;
  background: url(/images/template/breadcrumb-divider-white.png) no-repeat right center;
  padding: 0 13px 0 0;
  margin: 0 2px 0 0;
}

.searchcrumb li a:hover {
  color: #333;
}

.addthis_toolbox {
  margin: 0 0 1em 0;
  float: right;
}

.addthis_toolbox .share-label {
  font-size: 1em;
  color: #666;
  position: relative;
  top: 2px;
  left: -5px;
  float: left;
}

.addthis_toolbox a, .addthis_toolbox .addthis_separator {
  float: left !important;
}

.addthis_toolbox .addthis_separator {
  margin: 2px 0 0 5px;
}

.addthis_toolbox .custom_images a {
  width: 20px;
  height: 20px;
  margin: 0 0 0 5px;
  padding: 0;
}

.addthis_toolbox .custom_images a:hover img {
  opacity: 1;
}

.addthis_toolbox .custom_images a img {
  opacity: 0.75;
}

#social {
  padding: 0;
  list-style: none;
  float: right;
}

#social li {
  float: left;
  display: inline;
}

#social li a {
  display: block;
  width: 20px;
  height: 20px;
  background: url(/images/template/social-sprite.png) no-repeat left top;
  margin: 0 0 0 5px;
}

#social li a span {
  position: absolute;
  left: -9999px;
  width: 900px;
}

#social li.share a {
  background: none;
  width: auto;
  height: auto;
  position: relative;
  top: 3px;
  color: #666;
  margin: 0 2px 0 0;
}

#social li.favourite a {
  background-position: -20px 0;
}

#social li.favourite {
  background: url(/images/template/social-divider.png) no-repeat right center;
  padding-right: 6px;
}

#social li.twitter a {
  background-position: -40px 0;
}

#social li.facebook a {
  background-position: -60px 0;
}

#social li.su a {
  background-position: -80px 0;
}

#social li.su {
  background: url(/images/template/social-divider.png) no-repeat right center;
  padding-right: 6px;
}

#social li.plus a {
  background-position: -100px 0;
}

#content {
  width: 757px;
  margin: 20px 20px 0 20px;
  float: left;
  display: inline;
}

.home #content {
  width: 938px;
}

#wide-blog {
  width: 936px;
  margin: 20px 20px 0 20px;
  float: left;
  display: inline;
}

#wide-blog #breadcrumb {
  width: 700px;
}

#wide-blog .wb-comment-name {
  font-weight: bold;
}

#wide-blog .right-content .box {
  margin-bottom: 10px;
}

#wide-blog .right-content .box h2 {
  font-size: 1.2em;
  color: #333;
}

.wide-content {
  float: left;
  display: inline;
  width: 700px;
}

.narrow-content {
  float: left;
  display: inline;
  width: 520px;
}

.right-content {
  float: right;
  display: inline;
  width: 220px;
}

.home .right-content {
  margin-top: 7px;
}

#wide-blog .wb-entry-detail {
  font-size: 1.2em;
}

#wide-blog .wb-entry {
  font-size: 1.2em !important;
}

#wide-blog .wb-tagCloud {
  font-size: 1.2em;
}

#wide-blog .right-content .box {
  font-size: 1.2em;
}

#wide-blog .right-content .wb-archive {
  font-size: 1.2em;
}

#wide-blog .right-content .wb-feeds {
  font-size: 1.2em;
}

/*#wide-blog{font-size:1.2em;}*/
.col-quart {
  width: 25%;
  margin: 0;
  float: left;
  display: inline;
}

.col-half {
  width: 48%;
  margin: 0 4% 0 0;
  float: left;
  display: inline;
}

.col-third {
  width: 32%;
  margin: 0 2% 0 0;
  float: left;
  display: inline;
}

.col-twothirds {
  width: 66%;
  margin: 0 2% 0 0;
  float: left;
  display: inline;
}

.col-last {
  margin: 0;
}

ul.nobottommargin {
  margin-bottom: 0;
}

ul.links {
  padding: 0;
  list-style: none;
}

ul.links li {
  padding-left: 8px;
  background: url(/images/template/bullet-links.png) no-repeat left 4px;
  margin: 0 0 2px 0;
}

ul.inline li {
  float: left;
  margin: 0 10px 0 0;
}

ul.links li .playback-icon {
  position: relative;
  top: 2px;
}

.red-box ul.links li {
  background-image: url(/images/template/bullet-links-onred.png);
}

.green-box ul.links li {
  background-image: url(/images/template/bullet-links-ongreen.png);
}

.blue-box ul.links li {
  background-image: url(/images/template/bullet-links-onblue.png);
}

.pboblue-box ul.links li {
  background-image: url(/images/template/bullet-links-onpboblue.png);
}

ul.rss-links {
  padding: 0;
  list-style: none;
}

ul.rss-links li {
  background: url(/images/template/icons/rss.png) no-repeat left 0px;
  margin: 0 0 2px 0;
  padding: 2px 0 3px 24px;
}

ul.summaries {
  padding: 0;
  list-style: none;
}

ul.summaries li {
  margin: 0 0 1em 0;
}

ul.summaries li .title {
  display: block;
  font-size: 1.2em;
  margin: 0;
}

ul.summaries li .desc {
  display: block;
}

ul.summaries li ul li {
  margin: 0;
}

.anchors {
  background: #f2f2f2;
  float: left;
  width: 100%;
  margin: 0 0 1em 0;
  display: inline;
  border: 1px solid #e5e5e5;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.narrow-content .anchors {
  width: 488px;
  position: relative;
  left: -5px;
}

.anchors p {
  font-weight: bold;
  margin: 5px 10px;
}

.anchors ul {
  margin: 5px 15px;
  list-style: none;
  padding: 0 0 5px 0;
}

.anchors li {
  float: left;
  display: inline;
  margin: 0 15px 5px 0;
}

dl {
  width: 100%;
  float: left;
  display: inline;
}

dl dt {
  float: left;
  display: inline;
  clear: left;
  width: 30%;
}

dl dd {
  margin-left: 35%;
  margin-bottom: 3px;
}

dd:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

dl.event-specs dt {
  font-weight: bold;
  text-transform: uppercase;
  width: 20%;
}

dl.event-specs dd {
  margin-left: 25%;
}

.highlight {
  font-size: 1.2em;
}

.top {
  float: right;
  clear: left;
}

.box, .scfForm {
  clear: both;
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 1em 20px 0 20px;
  margin: 0 0 1px 0;
  position: relative;
  height: 1%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.box:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.submissionbox {
  clear: both;
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 1em 20px 0 20px;
  margin: 0 0 1px 0;
  position: relative;
  height: 1%;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.submissionbox:after {
  display: block;
  visibility: hidden;
  clear: both;
  height: 0;
  content: ".";
}

.submissionbox table {
  left: 0px;
}

.red-box {
  background: #99504f;
  border: 1px solid #854948;
  color: #fff;
}

.red-box a, .red-box a:link, .red-box a:visited, .red-box a:hover, .red-box a:active {
  color: #fff;
}

.green-box {
  background: #307159;
  border: 1px solid #2d5847;
  color: #fff;
}

.green-box a, .green-box a:link, .green-box a:visited, .green-box a:hover, .green-box a:active {
  color: #fff;
}

.green-box .dim {
  color: #85c7ae;
}

.blue-box {
  background: #435d6c;
  border: 1px solid #39515f;
  color: #fff;
}

.blue-box a, .blue-box a:link, .blue-box a:visited, .blue-box a:hover, .blue-box a:active {
  color: #fff;
}

.pboblue-box {
  background: #5D7A8B;
  border: 1px solid #39515f;
  color: #fff;
}

.pboblue-box a, .pboblue-box a:link, .pboblue-box a:visited, .pboblue-box a:hover, .pboblue-box a:active {
  color: #fff;
}

.pboblue-box h2, .green-box h2, .red-box h2, .blue-box h2 {
  color: #fff;
}

.box .rss-feed {
  position: absolute;
  top: 1em;
  right: 20px;
}

.splash {
  margin: 0 0 1px 0;
  overflow: hidden;
}

.splash img {
  display: block;
}

.splash .box {
  font-size: 1.1em;
}

.green-box .action, .red-box .action {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  text-align: right;
}

.green-box .action a.button, .red-box .action a.button {
  display: block;
  float: none;
  text-align: left;
}

.green-box .action span, .red-box .action span {
  display: block;
  clear: both;
  font-size: 0.9em;
  margin: 3px 0 0 0;
}

#member-summary {
  padding-left: 160px;
  width: 577px;
  position: relative;
  min-height: 180px;
}

#member-summary .thumbnail {
  position: absolute;
  top: 20px;
  left: 20px;
  margin: 0;
}

#member-summary h2, #member-summary a {
  color: #fff;
}

#member-summary dl dt {
  text-transform: uppercase;
  font-weight: bold;
}

#member-summary .action {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  text-align: right;
}

#member-summary .action a.button {
  display: block;
  float: none;
  text-align: left;
}

#member-summary .action span {
  display: block;
}

#member-summary a.button .corner {
  background-image: url(/images/template/button/corners-on-red.png);
}

#member-summary .action span {
  display: block;
  clear: both;
  font-size: 0.9em;
  margin: 3px 0 0 0;
}

#member-summary .seating-plan span {
  float: left;
  margin: 0 10px 0 0;
  font-weight: bold;
}

#committee-summary {
  position: relative;
}

#committee-summary .title {
  position: absolute;
  top: 10px;
  left: 15px;
  color: #fff;
  font-size: 1.2em;
  font-weight: bold;
}

#committee-summary dl dt {
  width: 90px;
  font-weight: bold;
  clear: left;
}

#committee-summary dl dd {
  float: none;
  padding-left: 100px;
  padding-right: 100px;
  margin: 0;
}

#committee-summary .additional {
  padding-left: 100px;
}

#committee-summary .action {
  position: absolute;
  top: 10px;
  right: 10px;
  margin: 0;
  text-align: right;
}

#committee-summary .action a.button {
  display: block;
  float: none;
  text-align: left;
}

#committee-summary .action span {
  display: block;
}

#committee-summary a.button .corner {
  background-image: url(/images/template/button/corners-on-red.png);
}

#committee-summary .action span {
  display: block;
  clear: both;
  font-size: 0.9em;
  margin: 3px 0 0 0;
}

#committee-members {
  float: left;
  display: inline;
  width: 520px;
  margin: 0 0 1em 0;
}

#committee-members ul.member-list {
  list-style: none;
  padding: 0;
  margin: 0 0 1em 0;
  float: left;
  width: 100%;
  display: inline;
}

#committee-members ul.member-list li {
  float: left;
  width: 248px;
  margin: 0 2px 2px 0;
  background: #e8e8e8;
  padding: 5px;
}

#committee-members ul.member-list li .thumbnail {
  float: left;
  margin: 0;
}

#committee-members ul.member-list li .type {
  float: left;
  width: 80px;
  display: inline;
  margin: 0 0 0 5px;
}

#committee-members ul.links {
  clear: left;
  float: left;
}

#committee-contact {
  float: left;
  width: 185px;
  margin: 0 0 0 10px;
}

#transcript-summary dl dt {
  width: 90px;
  font-weight: bold;
  clear: left;
}

#transcript-summary dl dd {
  float: none;
  padding-left: 100px;
  padding-right: 100px;
  margin: 0;
}

#transcript-summary .additional {
  padding-left: 100px;
}

#transcript-summary .additional .links {
  float: left;
  width: 100%;
}

.red-box dl.specs dt, .green-box dl.specs dt {
  width: 20%;
  font-weight: bold;
  clear: both;
}

.red-box dl.specs dd, .green-box dl.specs dd {
  float: right;
  width: 80%;
  margin: 0;
  clear: right;
}

.red-box .additional, .green-box .additional {
  padding-left: 20%;
}

.red-box .additional ul.links, .green-box .additional ul.links {
  clear: left;
  float: left;
}

.download-panel {
  border: 1px solid #cce5ef;
  background: #e5eff3;
  padding: 12px 20px 0 50px;
  font-size: 1.1em;
  position: relative;
  margin: 0 0 1em 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  clear: left;
}

.download-panel .format {
  position: absolute;
  top: 10px;
  left: 20px;
}

.download-panel ul.links {
  font-size: 0.9em;
}

.blue-panel {
  border: 1px solid #cce5ef;
  background: #e5eff3;
  padding: 12px 20px 0 20px;
  position: relative;
  margin: 0 0 1em 0;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.narrow-content .blue-panel {
  width: 458px;
  position: relative;
  left: -10px;
}

a.button {
  text-indent: -9999px;
  overflow: hidden;
  float: left;
  display: inline;
  /* outline:0; */
  height: 20px;
}

a.button:active {
  position: relative;
  top: 1px;
  left: 1px;
}

.btn-contact-form {
  background: url(/images/template/buttons/contact.png) no-repeat left top;
  width: 78px;
}

.btn-contact-form:hover {
  background-position: 0 -20px;
}

.btn-track-this-senator {
  width: 112px;
  background: url(/images/template/buttons/track-this-senator-onred.png) no-repeat left top;
}

.btn-search {
  background: url(/images/template/buttons/search.png) no-repeat left top;
  width: 78px;
}

.btn-reset {
  background: url(/images/template/buttons/reset.png) no-repeat left top;
  width: 78px;
}

.btn-reset:hover {
  background-position: 0 -20px;
}

.btn-search:hover {
  background-position: 0 -20px;
}

.btn-question-mark {
  background: url(/images/template/buttons/question-mark.png) no-repeat left top;
  width: 20px;
}

.btn-send {
  background: url(/images/template/buttons/send-ongray.png) no-repeat left top;
  width: 58px;
}

.btn-preview {
  background: url(/images/template/buttons/preview-ongray.png) no-repeat left top;
  width: 58px;
}

.btn-track {
  background: url(/images/template/buttons/track.png) no-repeat left top;
  width: 78px;
}

.btn-track:hover {
  background-position: 0 -20px;
}

.btn-untrack {
  background: url(/images/template/buttons/track.png) no-repeat -78px top;
  width: 78px;
}

.btn-untrack:hover {
  background-position: -78px -20px;
}

.btn-book {
  background: url(/images/template/buttons/book.png) no-repeat left top;
  width: 78px;
}

.btn-book:hover {
  background-position: 0 -20px;
}

.btn-login {
  background: url(/images/template/buttons/login.png) no-repeat left top;
  width: 78px;
}

.btn-login:hover {
  background-position: 0 -20px;
}

.btn-register {
  background: url(/images/template/buttons/register.png) no-repeat left top;
  width: 78px;
}

.btn-register:hover {
  background-position: 0 -20px;
}

.btn-browse {
  background: url(/images/template/buttons/browse.png) no-repeat left top;
  width: 78px;
}

.btn-browse:hover {
  background-position: 0 -20px;
}

.btn-add {
  background: url(/images/template/buttons/add.png) no-repeat left top;
  width: 78px;
}

.btn-add:hover {
  background-position: 0 -20px;
}

.btn-save {
  background: url(/images/template/buttons/save.png) no-repeat left top;
  width: 78px;
}

.btn-save:hover {
  background-position: 0 -20px;
}

.btn-go {
  background: url(/images/template/buttons/go.png) no-repeat left top;
  width: 27px;
}

.btn-go:hover {
  background-position: 0 -20px;
}

.btn-ok {
  background: url(/images/template/buttons/ok.png) no-repeat left top;
  width: 27px;
}

.btn-ok:hover {
  background-position: 0 -20px;
}

input.button {
  text-indent: -9999px;
  text-transform: uppercase;
  overflow: hidden;
  height: 20px;
  /* outline:none; */
  border: 0;
}

input.button:hover {
  cursor: pointer;
}

input.button:active {
  position: relative;
  top: 1px;
  left: 1px;
}

a.social {
  display: inline;
  width: 20px;
  height: 20px;
  background: url(/images/template/social-sprite.png) no-repeat 0px 0;
  text-indent: -9999px;
  /* outline:0; */
  float: left;
  margin: 0 5px 0 0;
}

a.twitter {
  background-position: -40px 0;
}

a.facebook {
  background-position: -60px 0;
}

/* Forms */
.submission {
  margin: 0 0 1em 0;
}

.submission fieldset legend {
  position: absolute;
}

.submission label, .submission .label {
  width: 150px;
  margin: 0 10px 0 0;
  float: left;
  display: inline;
  clear: left;
  font-weight: bold;
  font-size: 1.1em;
  position: relative;
}

.submission label em {
  position: absolute;
  top: 5px;
  right: -5px;
  color: red;
  font-weight: bold;
  font-style: normal;
}

.submission .ctrl-holder {
  margin: 0 0 10px 0;
  padding-left: 160px;
}

.submission .ctrl-holder .text-input {
  padding: 4px 5px;
  border: 1px solid #999;
  width: 250px;
}

.submission .ctrl-holder .hint {
  font-style: italic;
  font-size: 0.9em;
  margin-top: 2px;
  color: #666;
}

.submission .ctrl-holder label {
  float: none;
  margin: 0;
  clear: none;
  font-weight: normal;
  font-size: 1em;
  width: auto;
}

.submission .button-holder {
  padding: 10px 0 0 160px;
}

.submission .error-msg {
  color: red;
}

.narrow-content .search-filter {
  width: 498px;
  position: relative;
  left: -10px;
}

.search-filter {
  clear: left;
}

.search-filter fieldset, .fieldset {
  background: #e8e8e8;
  margin: 0 0 1px 0;
  padding: 8px 10px 5px 10px;
  position: relative;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.search-filter fieldset .frame {
  position: relative;
}

.search-filter fieldset p {
  margin: 0;
}

.search-filter fieldset legend {
  position: absolute;
}

.search-filter fieldset .legend {
  float: left;
  width: 80px;
  clear: left;
}

.search-filter fieldset .frame legend {
  position: absolute;
  top: 0px;
  left: 0px;
}

.search-filter fieldset .ctrl-group {
  padding: 0 0 4px 70px;
}

.search-filter fieldset .text-input {
  padding: 3px 5px;
  width: 150px;
  border: 0;
  margin: 0 10px 0 0;
  color: #444;
}

.search-filter fieldset .text-input-keywords {
  width: 250px;
}

.search-filter fieldset .medium {
  width: 85px;
}

.search-filter fieldset .short {
  width: 40px;
}

.search-filter fieldset .ctrl-group select {
  margin: 0 5px;
}

.search-filter fieldset .group {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.search-filter .check-holder {
  float: left;
  display: inline;
  padding: 1px 0;
}

.search-filter .check-holder label {
  margin: 0 10px 0 0;
}

.search-filter .button-row {
  margin: 5px 0;
  text-align: right;
}

.search-filter .date-range label {
  margin-right: 5px;
}

.search-filter .ctrl-group .hint {
  font-size: 0.9em;
  font-style: italic;
  margin: 5px 0;
  color: #444;
}

.search-filter .ctrl-group .popup-hint {
  display: inline;
  position: relative;
}

.search-filter .ctrl-group .popup-hint a span {
  display: none;
}

.search-filter .ctrl-group .popup-hint a:hover {
  cursor: pointer;
}

.search-filter .ctrl-group .popup-hint a:hover span {
  display: block;
  position: absolute;
  top: 0px;
  right: 20px;
  width: 300px;
  padding: 10px;
  background: #fff;
  border: 1px solid #999;
  z-index: 999;
  color: #000;
}

.search-filter .browse-group label {
  margin: 0 5px 0 0px;
}

.search-filter .browse-group select {
  margin: 0 15px 0 0;
}

.js .search-filter-showmore .ctrls-additional {
  display: none;
}

.js .search-filter-showmore-open .ctrls-additional {
  display: block;
}

.js .search-filter .Mykeywords {
  z-index: 9999;
  padding: 0;
  list-style: none;
  background: none;
}

#ddParty {
  width: 190px;
  margin: 0;
}

.narrow-content .send-mail fieldset {
  width: 498px;
  left: -10px;
}

.send-mail {
  position: relative;
}

.send-mail fieldset {
  background: url(/images/template/form-label-bg.png) repeat-y left top #e8e8e8;
  margin: 0 0 1px 0;
  padding: 8px 10px 5px 10px;
  position: relative;
  width: 715px;
  left: -10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.send-mail fieldset p {
  margin: 0;
}

.send-mail fieldset legend {
  position: absolute;
  font-weight: bold;
}

.send-mail fieldset .legend {
  float: left;
  width: 100px;
  font-weight: bold;
}

.send-mail fieldset .ctrl-group {
  padding-left: 130px;
  margin-bottom: 4px;
}

.send-mail fieldset .text-input {
  padding: 3px 5px;
  width: 150px;
  border: 0;
  margin: 0 10px 0 0;
}

.send-mail fieldset .short {
  width: 40px;
}

.send-mail fieldset textarea {
  padding: 3px 5px;
  width: 400px;
  border: 0;
}

.send-mail fieldset .ctrl-group select {
  margin: 0 5px;
}

.send-mail fieldset .group {
  font-weight: bold;
  margin: 0 0 5px 0;
}

.send-mail .check-holder {
  float: left;
  display: inline;
}

.send-mail .check-holder label {
  margin: 0 10px 0 0;
}

.send-mail .button-row {
  margin: 5px 0;
  text-align: right;
}

.send-mail .radio-select p {
  width: 100%;
  float: left;
  margin: 0 0 3px 0;
}

.send-mail .radio-select input {
  float: left;
}

.send-mail .radio-select select {
  float: left;
}

.send-mail .radio-select label {
  float: left;
  width: 90px;
}

.send-mail .mandatory-desc {
  color: red;
  float: right;
}

.send-mail fieldset .mandatory {
  color: red;
}

.send-mail .add-another {
  padding: 0px 0 0 0;
}

.send-mail .add-another a {
  background: url(/images/template/buttons/plus-add.png) no-repeat left top;
  width: 20px;
  height: 20px;
  float: left;
  text-indent: -9999px;
  overflow: hidden;
  margin: 0 8px 0 0;
  position: relative;
  top: -2px;
}

.send-mail fieldset .ctrl-group label.error {
  color: red;
}

.send-mail fieldset .ctrl-group .error-msg {
  display: block;
  color: red;
  margin: 4px 0 0 0;
}

.form-help {
  float: right;
  margin: 0;
}

.my-details fieldset {
  margin: 0 0 1em 0;
}

.my-details .ctrl-holder label {
  display: block;
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
}

.my-details .ctrl-holder .text-input {
  padding: 3px 5px;
  border: 1px solid #E8E8E8;
  width: 186px;
  margin: 0px 0 4px 0;
}

.my-details .ctrl-holder select {
  width: 198px;
  margin: 0px 0 4px 0;
}

.my-details .ctrl-holder .hint {
  display: block;
  color: #666;
  font-size: 0.9em;
  line-height: 1.3em;
}

.my-details .error-msg {
  color: red;
}

.my-details .btn-holder {
  text-align: right;
}

#my-details-edit {
  float: right;
  padding-top: 3px;
}

.js .my-details .btn-holder {
  display: none;
}

.js .tracking-handle {
  position: relative;
  padding-left: 20px;
}

.js .tracking-handle .toggle {
  width: 15px;
  height: 15px;
  background: url(/images/template/toggle-sprite.png) no-repeat -15px top;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 3px;
  left: 0px;
  /* outline:0; */
}

.js .tracking-handle-open .toggle {
  background-position: 0px 0px;
}

.js .tracking-draw {
  /* display:none; */
}

.tracking-add {
  float: right;
  z-index: 999;
  position: relative;
  margin-top: 4px;
}

.connect-links {
  list-style: none;
  padding: 0;
  clear: left;
}

.connect-links li {
  padding-left: 25px;
  position: relative;
  padding: 2px 0 4px 25px;
}

.connect-links li img {
  position: absolute;
  top: 0;
  left: 0;
}

/* Search results listing */
.narrow-content .results-pagination {
  width: 498px;
  position: relative;
  left: -10px;
}

.results-pagination {
  position: relative;
  margin: 0 0 1em 0;
}

.results-pagination .page-controls {
  background: #E8E8E8;
  padding: 8px 10px;
  position: relative;
  margin: 0 0 1px 0;
}

.results-pagination .page-controls .position {
  text-align: center;
  margin: 0;
}

.results-pagination .page-controls .result-number {
  /* position: absolute;top:8px;left:10px; */
  margin: 0;
}

.results-pagination .page-controls .result-number label {
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
  font-size: 0.9em;
  margin: 0 5px 0 0;
}

.results-pagination .page-controls ul {
  list-style: none;
  padding: 0;
  position: absolute;
  top: 8px;
  right: 10px;
}

.results-pagination .page-controls ul li {
  display: inline;
  float: left;
  margin: 0 0 0 7px;
}

.results-pagination .page-controls ul li.button a, .results-pagination .page-controls ul li.inactive span {
  width: 11px;
  height: 11px;
  text-indent: -9999px;
  overflow: hidden;
  display: block;
  position: relative;
  top: 3px;
}

.results-pagination .page-controls ul li.prev a, .results-pagination .page-controls ul li.prev span {
  background: url(/images/template/buttons/position-arrows.png) no-repeat -11px 0;
}

.results-pagination .page-controls ul li.prev a:hover {
  background-position: -11px -11px;
}

.results-pagination .page-controls ul li.next a, .results-pagination .page-controls ul li.next span {
  background: url(/images/template/buttons/position-arrows.png) no-repeat -22px 0;
}

.results-pagination .page-controls ul li.next a:hover {
  background-position: -22px -11px;
}

.results-pagination .page-controls ul li.first a, .results-pagination .page-controls ul li.first span {
  background: url(/images/template/buttons/position-arrows.png) no-repeat 0 0;
}

.results-pagination .page-controls ul li.first a:hover {
  background-position: 0 -11px;
}

.results-pagination .page-controls ul li.last a, .results-pagination .page-controls ul li.last span {
  background: url(/images/template/buttons/position-arrows.png) no-repeat -33px 0;
}

.results-pagination .page-controls ul li.last a:hover {
  background-position: -33px -11px;
}

.results-pagination .sort-controls {
  background: #E8E8E8;
  padding: 8px 10px;
  position: relative;
  overflow: hidden;
}

.results-pagination .sort-controls p {
  text-transform: uppercase;
  font-weight: bold;
  color: #333;
  font-size: 0.9em;
  margin: 0 5px 0 0;
}

.results-pagination .sort-controls ul {
  padding: 0;
  margin: 0;
  list-style: none;
  position: absolute;
  top: 7px;
  left: 70px;
  width: 500px;
}

.results-pagination .sort-controls ul li {
  display: inline;
  float: left;
  margin: 0 0 0 4px;
}

.results-pagination .sort-controls ul li a {
  color: #666;
  text-transform: uppercase;
  font-size: 0.9em;
  font-weight: bold;
  padding: 3px 5px;
}

.results-pagination .sort-controls ul li.active a, .results-pagination .sort-controls ul li a:hover {
  text-decoration: none;
  border: 1px solid #999;
  padding: 2px 4px;
  color: #333;
}

.results-page-number {
  float: right;
}

.search-filter-results {
  list-style: none;
  padding: 0;
}

.search-filter-results li {
  border-bottom: 1px solid #e8e8e8;
  padding: 10px 0;
  position: relative;
}

.search-filter-results li .title {
  font-size: 1.1em;
  margin: 0 0 5px 0;
  padding-right: 90px;
}

.search-filter-results li .action {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
  text-align: right;
}

.search-filter-results li .action .button {
  float: right;
  text-align: left;
}

.search-filter-results li .action .time {
  display: block;
  margin: 0 0 2px 0;
}

.search-filter-results li .action span {
  clear: both;
  display: block;
  font-size: 0.9em;
  position: relative;
  top: 3px;
  color: #666;
}

.search-filter-results li .controls {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
}

.search-filter-results li .controls a {
  float: left;
  width: 21px;
  height: 20px;
  background: url(/images/template/tracker-sprite.png) no-repeat left top;
  margin: 0 0 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:0; */
}

.search-filter-results li .controls a.remove {
  background-position: -42px 0;
}

.search-filter-results li .controls a.close {
  background-position: -21px 0;
}

.search-filter-results li dl {
  float: none;
  /* font-size: 0.9em; */
}

.search-filter-results li dl dt {
  width: 110px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}

.search-filter-results li dl dd {
  margin-left: 120px;
}

.narrow-content .search-filter-results li dl dt {
  width: 100px;
  text-transform: uppercase;
  font-weight: bold;
  color: #666;
}

.narrow-content .search-filter-results li dl dd {
  margin-left: 110px;
}

.search-filter-results li .extra {
  color: #999;
  padding-left: 90px;
  /* font-size: 0.9em; */
  margin: 0;
}

.search-filter-results li .extra-calendar {
  text-align: right;
}

.search-filter-results li .extra-calendar img {
  position: relative;
  top: 4px;
  left: -3px;
}

.search-filter-results-thumbnails li {
  position: relative;
  padding-left: 90px;
  margin: 0 0 10px 0;
  min-height: 110px;
}

.search-filter-results-thumbnails li .thumbnail {
  position: absolute;
  top: 10px;
  left: 0;
}

.search-filter-narrow {
  width: 480px;
  float: left;
  display: inline;
  left: -5px;
}

/* Predictive search results */
ul.MyKeywords {
  list-style: none;
  width: 160px !important;
  left: 69px !important;
  top: 20px !important;
  padding: 0;
  background: #fff;
  border: 1px solid #e8e8e8;
}

ul.MyKeywords li {
  padding: 2px 5px !important;
  display: block;
}

.ie6 ul.MyKeywords {
  left: 79px !important;
  top: 28px !important;
}

.ie7 ul.MyKeywords {
  left: 79px !important;
  top: 28px !important;
}

.ie8 ul.MyKeywords {
  left: 79px !important;
  top: 28px !important;
}

.ie7 .narrow-content .search-filter {
  z-index: 1000;
}

.ie7 .search-filter fieldset {
  position: static;
}

#small-map {
  width: 215px;
  float: left;
  display: inline;
  background: #e8e8e8;
  position: relative;
  right: -5px;
  padding: 10px;
  margin: 0 0 1em 0;
}

.narrow-content .search-filter-narrow {
  width: 280px;
}

.narrow-content #small-map {
  width: 175px;
}

#small-map .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  color: #333;
}

#small-map ul {
  padding: 0;
  float: right;
  list-style: none;
  position: relative;
  margin: 0;
}

#small-map ul li.active {
  font-weight: bold;
}

#small-map .map {
  position: absolute;
  top: 25px;
  left: 3px;
}

#large-map {
  background: #e8e8e8;
  padding: 10px;
  float: left;
  display: inline;
  width: 458px;
  margin: 0 0 1em 0;
}

.narrow-content #large-map {
  width: 478px;
  position: relative;
  left: -10px;
}

#large-map .title {
  text-transform: uppercase;
  font-weight: bold;
  font-size: 0.9em;
  color: #333;
}

#large-map ul {
  padding: 0;
  float: right;
  list-style: none;
  position: relative;
  margin: 0;
  font-size: 1.3em;
  left: -40px;
}

#large-map ul li.active {
  font-weight: bold;
}

#large-map .map {
  float: left;
}

.gallery-results {
  padding: 0;
  list-style: none;
  margin: 0 0 0em 0;
  float: left;
  display: inline;
  width: 100%;
  position: relative;
  left: 5px;
}

.gallery-results li {
  display: inline;
}

.gallery-results li a {
  display: inline;
  float: left;
  width: 153px;
  overflow: hidden;
  background: #e8e8e8;
  margin: 0 5px 5px 0;
  padding: 10px;
  height: 240px;
}

.gallery-results li a:hover {
  background: #ccc;
  text-decoration: none;
}

.gallery-results li a .thumbnail {
  overflow: hidden;
  height: 140px;
  margin: 0 0 10px 0;
}

.gallery-results li a .title {
  font-size: 1.1em;
  color: #333;
  font-weight: bold;
  margin: 0 0 3px 0;
  line-height: 1.1em;
}

.gallery-results li a .datestamp {
  text-transform: uppercase;
  font-size: 0.9em;
  margin: 0 0 5px 0;
}

.gallery-results li a .summary {
  color: #444;
}

/* Tabs */
.tabs .tab-control {
  padding: 0;
  margin: 0;
  list-style: none;
  border-bottom: 1px solid #c8c8c8;
  float: left;
  display: inline;
  width: 100%;
}

.tabs .tab-control li {
  display: inline;
}

.tabs .tab-control li a {
  float: left;
  border: 1px solid #c8c8c8;
  border-width: 1px 0px 0 1px;
  color: #333;
  padding: 4px 15px;
  background: #e6e6e6;
  /* outline:0; */
  position: relative;
  top: 1px;
}

.tabs .tab-control li.last a {
  border-width: 1px 1px 0 1px;
}

.tabs .tab-control li a:hover {
  text-decoration: none;
}

.tabs .tab-control li a.active {
  background: #fff;
  border-bottom: 1px solid #fff;
}

.tabs .tab-content {
  clear: left;
  padding-top: 20px;
  /* position: relative;top:-1px; */
}

.box-tabs .tab-control {
  position: relative;
  top: 1px;
  z-index: 999;
}

ul.browse {
  list-style: none;
  padding: 0;
}

ul.browse li {
  display: inline-block;
  background: url(/images/template/browse-divider.png) no-repeat right center;
  padding: 0 6px 0 0;
  margin: 0 1px 0 0;
}

ul.browse li.last {
  background: none;
  margin: 0;
  padding: 0;
}

/* Expandable content areas, eg. Senate Inquiries */
.narrow-content .drawer {
  left: -10px;
  position: relative;
  width: 498px;
}

.drawer {
  margin: 0 0 1em 0;
}

.drawer .drawer-header {
  border: 1px solid #e8e8e8;
  padding: 10px 10px 0 25px;
  position: relative;
}

.drawer .drawer-body {
  border: 1px solid #e8e8e8;
  border-width: 0 1px 1px 1px;
  padding: 10px 10px 0 10px;
}

.drawer .drawer-toggle {
  width: 15px;
  height: 15px;
  background: url(/images/template/collapse-arrow-closed.png) no-repeat 4px 5px;
  position: absolute;
  left: 8px;
  top: 9px;
}

.drawer .drawer-toggle:hover {
  cursor: pointer;
}

.drawer-open .drawer-toggle {
  background-image: url(/images/template/collapse-arrow-open.png);
}

/* FAQs */
ol.faqs {
  padding: 0;
}

ol.faqs li {
  margin: 0 0 1em 0;
  list-style: none;
  padding: 0;
}

ol.faqs li .question {
  background: url(/images/template/collapse-arrow-closed.png) no-repeat left 5px;
  font-size: 1.1em;
}

ol.faqs li .question-open {
  background-image: url(/images/template/collapse-arrow-open.png);
}

ol.faqs li .question a {
  padding-left: 12px;
  /* outline:0; */
  display: block;
}

ol.faqs li .answer {
  padding: 10px 10px 0 10px;
  background: #efefef;
  border: 1px solid #e8e8e8;
  margin: 0 12px;
}

.js ol.faqs li .answer {
  display: none;
}

/* Sitemap */
ul.tree {
  list-style: none;
  padding: 0;
}

ul.tree li {
  margin: 0 0 5px 0;
  position: relative;
}

ul.tree li span.has-children {
  background: url(/images/template/collapse-arrow-open.png) no-repeat left 5px;
  height: 14px;
  width: 10px;
  position: absolute;
  top: 0;
  left: 0;
}

ul.tree li span.has-children:hover {
  cursor: pointer;
}

ul.tree li span.closed {
  background-image: url(/images/template/collapse-arrow-closed.png);
}

ul.tree li a {
  padding-left: 12px;
  /* outline:0; */
  font-size: 1.1em;
  margin: 0 0 5px 0;
  display: block;
}

ul.tree li ul {
  list-style: none;
  padding: 0 0 0 10px;
  margin: 0;
}

ul.tree li ul li a {
  font-size: 1em;
  margin: 0;
}

/* Right column */
.right-content {
  color: #333;
}

.right-content .widget {
  margin: 0 0 10px 0;
  word-wrap: break-word;
}

.right-content .box {
  padding: 1em 10px 0 10px;
}

.right-content .widget .half-pad {
  padding: 0.5em 10px 0.5em 10px;
}

.right-content .widget .half-pad p {
  margin: 0;
}

.right-content .widget h3 {
  margin: 0 0 5px 0;
}

.right-content .widget p {
  margin: 0 0 5px 0;
}

.right-content .widget p.small-heading {
  margin: 0;
  font-size: 1.1em;
}

.right-content .widget .rss {
  position: absolute;
  top: 12px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(/images/template/icons/rss.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

.right-content .widget .more {
  border-top: 1px solid #e8e8e8;
  padding-top: 5px;
}

.right-content .downloads p.desc {
  float: left;
  margin: 0 5px 0 0;
}

.right-content .collapsable .handle {
  padding: 7px 33px;
  position: relative;
}

.right-content .collapsable .handle h3 {
  margin: 0;
}

.right-content .collapsable .handle .toggle {
  width: 15px;
  height: 15px;
  background: url(/images/template/toggle-sprite.png) no-repeat -15px top;
  text-indent: -9999px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 10px;
  /* outline:0; */
}

.right-content .collapsable .open .toggle {
  background-position: 0px 0px;
}

.right-content .collapsable .handle .rss {
  position: absolute;
  top: 5px;
  right: 10px;
  width: 20px;
  height: 20px;
  background: url(/images/template/icons/rss.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

.right-content .collapsable .draw {
  margin: 0 0 0px 0;
}

ul.tracker {
  padding: 0;
  margin: 0;
  list-style: none;
}

ul.tracker li {
  position: relative;
  border-bottom: 1px solid #e8e8e8;
  margin: 0;
  float: left;
  display: inline;
  width: 100%;
  padding: 13px 0 8px 0;
}

ul.tracker li.last {
  border: 0;
}

ul.tracker li p {
  margin: 0 0 5px 0;
  font-size: 1.1em;
}

ul.tracker dl {
  margin: 0;
}

ul.tracker dl dt {
  text-transform: uppercase;
}

ul.tracker .controls {
  margin: 0;
  position: absolute;
  top: 10px;
  right: 0;
}

ul.tracker .controls a {
  float: left;
  width: 21px;
  height: 20px;
  background: url(/images/template/tracker-sprite.png) no-repeat left top;
  margin: 0 0 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:0; */
}

ul.tracker .controls a.remove {
  background-position: -42px 0;
}

ul.tracker .controls a.close {
  background-position: -21px 0;
}

.right-content .calendar {
  padding: 0;
  word-wrap: normal;
}

.right-content .calendar .tabs .tab-content .box {
  border-top: 0;
}

.right-content .calendar .tabs .tab-content .box .tl, .right-content .calendar .tabs .tab-content .box .tr {
  display: none;
}

.right-content .calendar .tabs .tab-control li {
  width: 109px;
  float: left;
}

.right-content .calendar .tabs .tab-control li a {
  text-align: center;
  padding: 4px 0;
  width: 100%;
}

.right-content .calendar .tabs .tab-content {
  padding-top: 0;
}

.right-content .calendar .title {
  text-align: center;
  padding: 0.5em 0;
  margin-bottom: 0;
}

.right-content .calendar .title h3 {
  font-size: 1.2em;
  margin: 0;
}

.right-content .calendar .position {
  position: relative;
  margin: 0 0 10px 0;
  width: 100%;
}

.right-content .calendar .position h4 {
  text-align: center;
  font-size: 1.2em;
}

.right-content .calendar .position ul {
  list-style: none;
  padding: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}

.right-content .calendar .position ul li a {
  position: absolute;
  top: 4px;
  width: 8px;
  height: 9px;
  background: url(/images/template/arrow-sprite.png) no-repeat left top;
  text-indent: -9999px;
  overflow: hidden;
}

.right-content .calendar .position li.prev a {
  left: 0;
}

.right-content .calendar .position li.next a {
  right: 0;
  background-position: -8px 0;
}

.right-content .calendar table {
  border-collapse: collapse;
  width: 100%;
}

.right-content .calendar table th {
  text-align: center;
  vertical-align: top;
  color: #666;
  width: 27px;
  font-weight: normal;
  padding: 0;
  background: none;
}

.right-content .calendar table td {
  border: 1px solid #efefef;
  text-align: center;
  vertical-align: top;
  padding: 4px 0;
  width: 27px;
  font-size: 1.1em;
  background: none;
}

.right-content .calendar table tr td.off {
  color: #c8c8c8;
}

.right-content .calendar table tr td.ph {
  background: #989898;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.right-content .calendar table tr td.sen {
  background: #9f382a;
  color: #fff;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}

.right-content .calendar table tr td.rep {
  background: #2f7158;
  color: #fff;
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
}

.right-content .calendar table tr td.both {
  background: #336699;
  color: #fff;
  border-top-left-radius: 10px;
}

.right-content .calendar table tr td.other {
  background: #ffcc66;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.right-content .calendar table tr td.election {
  background: #ff6600;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.right-content .calendar table tr td.prorogue {
  background: #663366;
  color: #fff;
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottom-right-radius: 10px;
}

.right-content .calendar dd {
  width: 124px;
}

.right-content .calendar dt {
  font-weight: bold;
  width: 70px;
}

.right-content .calendar .cal-colours {
  padding: 0;
  list-style: none;
  margin: 5px 0;
  float: left;
  width: 100%;
  display: inline;
}

.right-content .calendar .cal-colours li {
  display: inline;
  float: left;
  border-left: 12px solid #000;
  line-height: 1em;
  padding: 0 0 0 4px;
  margin: 0 5px 8px 0;
}

.right-content .calendar .cal-colours li.sen {
  border-color: #9f382a;
}

.right-content .calendar .cal-colours li.reps {
  border-color: #2f7158;
}

.right-content .calendar .cal-colours li.both {
  border-color: #336699;
}

.right-content .calendar .cal-colours li.ph {
  border-color: #989898;
}

.right-content .calendar .cal-colours li.other {
  border-color: #ffcc66;
}

.right-content .search fieldset {
  padding: 0;
  margin: 0;
  background: none;
}

.right-content .search .text-input {
  height: 12px;
  padding: 2px 5px;
  width: 140px;
}

.right-content .search .button {
  background: url(/images/template/buttons/go.png) top left no-repeat;
  width: 27px;
  height: 20px;
  border: none;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:none; */
}

.right-content .search .button:hover {
  background-position: 0 -20px;
}

.right-content .widget .box h3 {
  padding-bottom: 10px;
}

.right-content .widget .box .collapsable h3 {
  float: left;
}

.right-content .widget .box .collapsable h3:hover {
  cursor: pointer;
  cursor: hand;
}

.right-content .widget .box .collapsed .collapsed-content {
  display: none;
}

.right-content .widget .box .arrow-right, .right-content .widget .box .arrow-down {
  float: right;
  margin-right: 20px;
}

.right-content .widget .box .collapsable .arrow-right {
  width: 0;
  height: 0;
  margin-top: 6px;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid #333;
}

.right-content .widget .box .collapsable .arrow-down {
  width: 0;
  height: 0;
  margin-top: 6px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 5px solid #333;
}

/* News and Events */
ul.vid-options {
  padding: 0;
  list-style: none;
  margin-top: 1em;
}

ul.vid-options li {
  padding-right: 60px;
  position: relative;
}

ul.vid-options li .vid-rate {
  position: absolute;
  top: 3px;
  right: 0;
}

ul.vid-options li .vid-rate a {
  float: left;
  width: 15px;
  height: 13px;
  background: url(/images/template/vid-options-sprite.png) no-repeat left top;
  margin: 0 0 0 5px;
  text-indent: -9999px;
  overflow: hidden;
  /* outline:0; */
}

ul.vid-options li .vid-rate a.lo {
  background-position: -15px 0;
}

ul.vid-options li .vid-rate a.aud {
  background-position: -30px 0;
}

ul.left-thumb {
  padding: 0;
  list-style: none;
  clear: left;
}

ul.left-thumb li {
  position: relative;
  padding: 0 10px 0 90px;
  margin: 0 0 10px 0;
  min-height: 54px;
}

ul.left-thumb li.active {
  background: url(/images/template/left-thumb-active.png) repeat-x left bottom;
}

ul.left-thumb li p {
  margin: 0;
}

ul.left-thumb li .title {
  font-size: 1.2em;
}

ul.left-thumb li .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

ul.left-thumb li .datestamp {
  margin: 0;
  color: #666;
}

ul.left-thumb ul.links {
  margin: 5px 0;
}

ul.left-thumb ul.links li {
  padding-left: 8px;
  margin: 0;
  min-height: 0;
}

ul.left-thumb-highlights {
  padding: 0;
  list-style: none;
  clear: left;
  /* border-top:1px solid #e8e8e8; */
}

ul.left-thumb-highlights li {
  position: relative;
  padding: 10px 10px 10px 100px;
  margin: 0 0 0px 0;
  min-height: 80px;
  /* border-bottom:1px solid #e8e8e8;*/
  border-bottom: 1px solid #e8e8e8;
  /* border-top:0;background:url(/images/template/highlight-active.png) repeat-x left bottom; */
}

/* ul.left-thumb-highlights li.last {border-bottom:0;} */
ul.left-thumb-highlights li.last {
  border-bottom: 0;
}

ul.left-thumb-highlights li p {
  margin: 0;
}

ul.left-thumb-highlights li .title {
  font-size: 1.2em;
}

ul.left-thumb-highlights li .thumbnail {
  position: absolute;
  top: 10px;
  left: 10px;
}

ul.left-thumb-highlights li .thumbnail img {
  display: block;
}

ul.left-thumb-highlights ul.links {
  margin: 5px 0;
}

ul.left-thumb-highlights ul.links li {
  padding-left: 8px;
  margin: 0;
  min-height: 0;
}

div.left-thumb {
  position: relative;
  padding-left: 90px;
  margin: 0 0 10px 0;
  min-height: 54px;
  clear: left;
}

div.left-thumb .title {
  font-size: 1.2em;
  margin: 0 0 5px 0;
}

div.left-thumb .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

div.large-left-thumb {
  position: relative;
  padding-left: 165px;
  margin: 0 0 10px 0;
  min-height: 90px;
  clear: left;
}

div.large-left-thumb .title {
  font-size: 1.2em;
  margin: 0 0 5px 0;
}

div.large-left-thumb .thumbnail {
  position: absolute;
  top: 0;
  left: 0;
}

div.large-left-thumb .datestamp {
  margin: 0;
  color: #666;
}

img.icon {
  position: relative;
  top: 2px;
}

ul.dash {
  list-style-type: none;
  padding: 0 0 0 15px;
}

ul.dash li {
  background: url(/images/template/dash.png) no-repeat left center;
  padding: 0 0 0 13px;
}

/* Parliamentary Buisiness */
.document-downloads {
  background: #e8e8e8;
  padding: 10px 10px 0 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

.document-downloads .title {
  float: left;
  clear: left;
  width: 60%;
  display: inline;
}

.document-downloads ul {
  list-style: none;
  padding: 0;
  position: relative;
  top: -3px;
}

.document-downloads ul li {
  display: inline;
  margin: 0 5px 0 0;
}

.statistics-chart {
  background: #e8e8e8;
  padding: 10px 10px 10px 10px;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  margin: 0 0 1em 0;
}

.statistics-chart .links {
  float: left;
  width: 100%;
}

.statistics-chart label {
  clear: left;
  font-weight: bold;
  display: block;
  margin: 0 0 4px 0;
}

/* Document section preview */
.document-section-control {
  position: relative;
  background: #e8e8e8;
  padding: 5px 10px;
  clear: left;
  margin: 0 0 1em 0;
}

.document-section-control p {
  text-align: center;
  font-size: 1.1em;
  margin: 0;
  color: #333;
}

.document-section-control ul {
  list-style: none;
  padding: 0;
  position: absolute;
  width: 100%;
  top: 7px;
  left: 0;
  margin: 0;
}

.document-section-control ul li a {
  color: #333;
  text-transform: uppercase;
  outline: none;
}

.document-section-control ul li a:hover {
  text-decoration: none;
}

.document-section-control ul li.prev a {
  position: absolute;
  top: 0;
  left: 18px;
  padding-left: 25px;
}

.document-section-control ul li.next a {
  position: absolute;
  top: 0;
  right: 18px;
  padding-right: 25px;
}

.document-section-control ul li.start a {
  position: absolute;
  top: 0;
  left: 0px;
}

.document-section-control ul li.end a {
  position: absolute;
  top: 0;
  right: 0px;
}

.document-section-control ul li a span {
  width: 11px;
  height: 11px;
  position: absolute;
  top: 3px;
  left: 10px;
  text-indent: -9999px;
  overflow: hidden;
  background: url(/images/template/buttons/position-arrows.png) no-repeat 0 0;
}

.document-section-control ul li.prev a span {
  background-position: -11px 0;
  left: 10px;
}

.document-section-control ul li.prev a:hover span {
  background-position: -11px -11px;
}

.document-section-control ul li.prev a.inactive:hover span {
  background-position: -11px 0 !important;
  left: 10px !important;
}

.document-section-control ul li.next a span {
  background-position: -22px 0;
  right: 10px;
  left: auto;
}

.document-section-control ul li.next a:hover span {
  background-position: -22px -11px;
}

.document-section-control ul li.next a.inactive:hover span {
  background-position: -22px 0 !important;
  right: 10px !important;
  left: auto !important;
}

.document-section-control ul li.start a span {
  background-position: 0px 0;
  left: 10px;
}

.document-section-control ul li.start a:hover span {
  background-position: 0px -11px;
}

.document-section-control ul li.start a.inactive:hover span {
  background-position: 0px 0 !important;
  left: 10px !important;
}

.document-section-control ul li.end a span {
  background-position: -33px 0;
  right: 10px;
  left: auto;
}

.document-section-control ul li.end a:hover span {
  background-position: -33px -11px;
}

.document-section-control ul li.end a.inactive:hover span {
  background-position: -33px 0 !important;
  right: 10px !important;
  left: auto !important;
}

/* Photo Galleries */
ul.gallery {
  width: 100%;
  float: left;
  display: inline;
  list-style: none;
  padding: 0;
  margin: 1em 0;
}

ul.gallery li {
  margin: 0;
  float: left;
  display: inline;
  width: 178px;
  padding: 5px 0 20px 0;
}

ul.gallery li a {
  display: block;
  text-align: center;
}

ul.gallery li a:hover {
  text-decoration: none;
  cursor: pointer;
}

ul.gallery li a.img-holder {
  width: 100px;
  height: 130px;
  overflow: hidden;
  border: 1px solid #ddd;
  margin: 0 auto 5px auto;
  display: block;
}

ul.gallery li a.img-holder img {
  display: block;
}

ul.gallery li .name {
  display: block;
  height: 3em;
  overflow: hidden;
  font-weight: bold;
  padding: 0 5px;
}

ul.gallery li a:hover .name {
  text-decoration: underline;
}

ul.gallery li .position {
  display: block;
  height: 3em;
  overflow: hidden;
  color: #444;
  padding: 0 5px;
}

/* Seating plans */
#seating-plan {
  float: right;
  display: inline;
  margin: 0 0 1em 10px;
  text-align: left;
}

/* Overlay windows */
.overlay {
  padding: 0 5px 0px 5px;
}

.overlay h2 {
  color: #666;
  font-weight: normal;
  font-size: 1.6em;
}

.overlay .note {
  background: #bde6fc;
  padding: 1em 10px 0 10px;
  border: 1px solid #5f7b87;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0 0 1em 0;
}

.overlay .tracked-item {
  border: 1px solid #c9c9c9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 1em 10px 0 10px;
  margin: 0 0 1em 0;
}

.overlay .tracked-item p {
  font-weight: bold;
  color: #333;
  font-size: 1.1em;
}

.overlay .track-option label {
  font-weight: bold;
}

.overlay .login-register-form {
  float: left;
  background: url(/images/template/vertical-line.png) repeat-y center top;
  margin: 0 0 1em 0;
}

.overlay .login-register-form h3 {
  font-weight: bold;
}

.overlay .login-register-form .ctrl-holder {
  margin: 0 0 5px 0;
}

.overlay .login-register-form .ctrl-holder label {
  font-size: 1em;
  color: #333;
  margin: 0 0 2px 0;
  display: block;
}

.overlay .login-register-form label em {
  font-style: normal;
  color: red;
}

.overlay .login-register-form .ctrl-holder .text-input {
  border: 1px solid #aaaaaa;
  padding: 4px 5px;
  display: block;
  width: 185px;
}

.overlay .login-register-form .check-holder {
  margin: 0 0 5px 0;
}

.overlay .login-register-form .help {
  text-align: right;
  font-size: 0.9em;
}

.overlay .login-register-form .hint {
  color: #666666;
  font-size: 0.9em;
  font-style: italic;
  margin-top: 2px;
}

.overlay .login-register-form .hint {
  font-size: 0.9em;
}

.overlay .login-register-form .btn-holder {
  text-align: right;
}

.overlay .login-register-form .error-msg {
  color: red;
}

/************************
	FOOTER
************************/
#footer {
  margin: 0 1px 30px 1px;
  background: #ffffff;
  clear: left;
}

#footer .footer-map {
  float: left;
  display: inline;
}

#footer .footer-map .column {
  width: 220px;
  padding: 20px 0 0px 20px;
  float: left;
}

#footer .footer-map h3 {
  font-size: 1em;
  font-weight: bold;
}

#footer .footer-map p {
  color: #666666;
}

#footer .footer-map ul {
  margin-bottom: 20px;
  padding: 0;
  list-style: none;
}

#footer .footer-map ul li {
  margin-top: 3px;
  line-height: 1.3em;
}

#footer .senate, #footer .senate a {
  color: #93463b;
}

#footer .house-reps, #footer .house-reps a {
  color: #1e523e;
}

#footer .footer-nav {
  background: #333333;
  float: left;
  display: inline;
  padding: 5px 20px;
  width: 940px;
}

#footer .footer-nav p {
  float: left;
  display: inline;
  color: #ffffff;
  margin: 0;
}

#footer .footer-nav ul {
  float: right;
  margin: 0;
  padding: 0;
  list-style: none;
}

#footer .footer-nav ul li {
  display: inline;
  padding: 0 7px 0 3px;
  background: url(/images/template/footer-divider.png) no-repeat right center;
}

#footer .footer-nav ul li.last {
  background: none;
  padding-right: 0;
}

#footer .footer-nav ul li a {
  color: #fff;
}

/************************
	HOMEPAGE
************************/
body.home {
  background-image: url(/images/template/body-home.jpg);
}

.home #header {
  height: 315px;
}

#dynamic-red {
  padding: 10px 20px 10px 20px;
  background: #e8e8e8;
  margin: 0 0 1em 0;
  color: #666;
}

.fom {
  padding-left: 10px;
}

.fom p {
  margin: 0;
  position: relative;
  left: -10px;
}

div.act-reference {
  display: inline;
  font-style: italic;
}

/************************
	MIGRATED
************************/
#migrated .box h5 {
  font-style: normal;
  font-weight: bold;
  margin: 0 0 1em 0;
  font-size: 1.1em;
}

#migrated .box h3 {
  font-size: 1.2em;
}

.green-box h2, .red-box h2, .blue-box h2 {
  color: #fff;
}

.green-box h1, .red-box h1, .blue-box h1 {
  color: #fff;
  text-shadow: none;
}

.dynamic-red table td {
  padding: 0;
}

.dynamic-red table td.readerAnnotation {
  width: 200px;
  padding: 0 0 0 10px;
  background-color: #FFF0F1;
  border: 2px solid #FFFFFF;
}

.dynamic-red table td.readerAnnotationBlock {
  background-color: #FFE1E3;
  width: 10px;
  border: 2px solid #FFFFFF;
}

.draft {
  background: url(/images/template/draft.gif) repeat left top;
}

/* IE6 Specific styles */
.ie6 #top-nav .house-nav ul {
  width: 235px;
}

.ie6 .button {
  text-transform: uppercase;
}

.ie6 #options li {
  padding: 0 7px 0 7px;
}

.ie6 #options-last li {
  padding: 0 7px 0 7px;
}

.ie6 #member-summary .action {
  width: 112px;
}

.ie6 #site-tools {
  width: 230px;
  float: right;
}

.ie6 #member-summary {
  height: 180px;
}

.ie6 .header-search {
  text-align: right;
}

.ie6 #main-nav {
  overflow: hidden;
}

.ie6 #content li {
  zoom: 1;
}

.ie6 .right-content .calendar .tabs .tab-control li {
  width: 108px;
}

.ie6 #main-nav ul li ul {
  border: 0;
}

.ie6 #main-nav ul li ul li {
  display: none;
}

.ie6 .send-mail fieldset {
  width: 690px;
  left: 0;
  display: block;
}

.ie6 .narrow-content .search-filter {
  width: 478px;
  overflow: hidden;
  left: 0;
}

.ie6 .narrow-content .search-filter-narrow {
  width: 280px;
}

.ie6 .add-another span {
  display: block;
}

.ie6 .narrow-content .anchors {
  width: 478px;
  position: static;
}

.ie6 .anchors li {
  float: none;
  display: inline;
  margin: 0 15px 5px 0;
}

.ie6 .narrow-content .box {
  width: 478px;
  overflow: hidden;
}

.ie6 .right-content .calendar .cal-colours li.ph {
  clear: both;
}

.ie6 .right-content .calendar .cal-colours li.reps {
  clear: left;
  width: 189px;
}

.ie6 .results-pagination .sort-controls {
  padding-bottom: 10px;
}

.ie6 .results-pagination .sort-controls ul li a {
  float: left;
}

.ie6 .results-pagination .page-controls .result-number label {
  position: relative;
  top: -4px;
}

.ie6 .search-filter .ctrl-group .popup-hint a {
  text-decoration: none;
  color: #000;
  position: relative;
}

.ie6 .search-filter .ctrl-group .popup-hint a:hover span {
  top: -15px;
}

.ie6 ul.browse li {
  padding: 0 3px;
}

.ie6 ul.browse li.last {
  padding: 0 3px;
}

.ie6 ul.tree * {
  zoom: 1;
}

.ie6 #committee-members ul.links {
  width: 100%;
}

.ie6 .top {
  float: left;
  width: 100%;
  text-align: right;
}

.ie6 #secondary-nav ul li a.active {
  position: relative;
  z-index: 999;
}

.ie6 #content {
  overflow: hidden;
}

.ie6 #secondary-nav ul li a.active span {
  display: none;
}

.ie6 .overlay {
  width: 423px;
}

.ie6 div.left-thumb {
  zoom: 1;
}

.ie6 div.large-left-thumb {
  zoom: 1;
}

.ie6 #member-summary {
  height: 180px;
}

.ie6 .search-filter-results-thumbnails li {
  height: 120px;
}

.ie6 ul.left-thumb li {
  height: 54px;
}

.ie6 ul.left-thumb ul.links li {
  height: 0;
}

.ie6 ul.left-thumb-highlights li {
  height: 44px;
}

.ie6 ul.left-thumb-highlights ul.links li {
  height: 0;
}

.ie6 div.large-left-thumb {
  height: 90px;
}

.ie6 .download-panel {
  zoom: 1;
}

.ie6 #small-map .map {
  position: static;
}

.ie6 #small-map ul li {
  display: inline;
  margin: 0 0 0 5px;
}

.ie6 .overlay {
  overflow-x: hidden;
}

.ie6 .overlay .login-register-form {
  width: 100%;
  min-height: 472px;
}

.ie6 .overlay .track-option .button {
  display: block;
}

.ie6 .results-pagination * {
  zoom: 1;
}

.ie6 .search-filter .check-holder {
  clear: left;
  width: 100%;
}

.ie6 .search-filter .ctrls-additional .check-holder {
  clear: none;
  width: auto;
  white-space: nowrap;
}

.ie6 .send-mail fieldset {
  margin: 0 0 0px 0;
  border-bottom: 1px solid #fff;
}

/* IE7 Specific styles */
.ie7 #top-nav .house-nav ul {
  width: 235px;
}

.ie7 .button {
  text-transform: uppercase;
}

.ie7 #options li {
  padding: 0 7px 0 7px;
}

.ie6 #options-last li {
  padding: 0 7px 0 7px;
}

.ie7 #member-summary .action {
  width: 112px;
}

.ie7 #main-nav ul li {
  z-index: 9999;
}

.ie7 #main-nav ul li ul li a {
  display: block;
}

.ie7 .right-content .calendar .cal-colours li.ph {
  clear: both;
}

.ie7 .right-content .calendar .cal-colours li.reps {
  clear: left;
  width: 189px;
}

.ie7 .results-pagination .sort-controls {
  padding-bottom: 10px;
}

.ie7 .results-pagination .sort-controls ul li a {
  float: left;
}

.ie7 .results-pagination .page-controls .result-number label {
  position: relative;
  top: -4px;
}

.ie7 .search-filter .ctrl-group .popup-hint a {
  text-decoration: none;
  color: #000;
  position: relative;
}

.ie7 .search-filter .ctrl-group .popup-hint a:hover span {
  top: -15px;
}

.ie7 ul.browse li {
  padding: 0 3px;
}

.ie7 ul.browse li.last {
  padding: 0 3px;
}

.ie7 ul.tree * {
  zoom: 1;
}

.ie7 #committee-members ul.links {
  width: 100%;
}

.ie7 .top {
  float: left;
  width: 100%;
  text-align: right;
}

.ie7 #secondary-nav ul li a.active {
  position: relative;
  z-index: 999;
}

.ie7 .tab-content {
  zoom: 1;
}

.ie7 ul.links li {
  zoom: 1;
}

.ie7 #colorbox {
  z-index: 99999;
}

.ie7 .overlay {
  overflow-x: hidden;
}

.ie7 .overlay .login-register-form {
  width: 100%;
  min-height: 472px;
}

.ie7 .overlay .track-option .button {
  display: block;
}

.ie7 .results-pagination * {
  zoom: 1;
}

.ie7 .search-filter .check-holder {
  clear: left;
  width: 100%;
}

.ie7 .search-filter .ctrls-additional .check-holder {
  clear: none;
  width: auto;
  white-space: nowrap;
}

.ie7 .send-mail fieldset {
  margin: 0 0 0px 0;
  border-bottom: 1px solid #fff;
}

@media print {
  * {
    background: transparent !important;
    /* color: #444 !important; */
    text-shadow: none !important;
  }
  a:link, a:visited {
    color: #045F85 !important;
    text-decoration: underline;
  }
  a:after {
    /*content: " (" attr(href) ")";*/
  }
  abbr:after {
    /* content: " (" attr(title) ")"; */
  }
  .ir a:after {
    content: "";
  }
  /* Don't show links for images */
  pre, blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  thead {
    display: table-header-group;
  }
  /* css-discuss.incutio.com/wiki/Printing_Tables */
  tr, img {
    page-break-inside: avoid;
  }
  page {
    margin: 0.5cm;
  }
  p, h2, h3 {
    orphans: 3;
    widows: 3;
  }
  h2, h3 {
    page-break-after: avoid;
  }
  /* Author */
  .printOnly {
    display: block;
  }
  a {
    text-decoration: none;
    color: #045f85;
  }
  h1 {
    font-size: 2.4em;
    font-family: Franklin Gothic Book, Helvetica, Arial, sans-serif;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    color: #333;
    line-height: 1.1em;
  }
  h2 {
    font-size: 1.5em;
    font-weight: normal;
    color: #666;
    margin: 0 0 0.6em 0;
    clear: left;
  }
  h3 {
    font-size: 1.3em;
    font-weight: normal;
    margin: 0 0 0.5em 0;
    color: #333;
    clear: left;
  }
  h4 {
    font-size: 1em;
    color: #444;
  }
  h5 {
    font-size: 1em;
    color: #333;
    font-weight: normal;
    font-style: italic;
  }
  h6 {
    font-size: 1em;
    color: #444;
    font-weight: normal;
  }
  /* h2 a:link, h3 a:link, h4 a:link, h5 a:link, .title a:link {text-decoration: none;} */
  ul.links {
    list-style: disc;
    padding: 0 !important;
    margin: 0 0 1em 20px !important;
  }
  ul.links li {
    padding: 0;
  }
  .form {
    display: none;
  }
  #small-map {
    display: none;
  }
  .splash {
    display: none;
  }
  .top {
    display: none;
  }
  .drawer .drawer-header, .drawer .drawer-body {
    border: 0;
    padding: 0;
  }
  .tabs .tab-control li a {
    border-width: 0 !important;
    text-decoration: none !important;
  }
  .tabs .tab-control li a.active {
    border-width: 1px !important;
    font-weight: bold !important;
  }
  table.documents {
    position: static !important;
    width: auto !important;
    border: 1px solid #efefef;
  }
  table.documents td, table.documents th {
    border: 1px solid #efefef !important;
  }
  #options, #options-last, #header .header-search, #top-nav, #main-nav, #secondary-nav, #page-tools, #breadcrumb, #content .right-content {
    display: none;
  }
  .addthis_toolbox {
    display: none;
  }
  #header {
    border-bottom: 1px solid #ccc;
    height: auto !important;
    padding: 0 0 10px 0;
    margin: 0 0 20px 0;
  }
  #site-logo {
    position: static;
  }
  #content {
    width: 100%;
    margin: 0;
  }
  .wide-content {
    width: 100% !important;
  }
  .narrow-content {
    width: 100%;
  }
  .box {
    margin: 0 0 5px 0;
    border: 0;
    padding: 0;
  }
  ul.gallery {
    float: none !important;
  }
  ul.gallery li {
    float: none !important;
    display: inline-block;
  }
  .ie6 ul.gallery li {
    display: inline !important;
  }
  .ie7 ul.gallery li {
    display: inline !important;
  }
  input.text-input {
    border: 1px solid #c8c8c8 !important;
  }
  input.button {
    border: 1px solid #c8c8c8 !important;
    height: auto;
    outline: none;
    overflow: auto;
    text-indent: 0;
    text-transform: none;
    padding: 0;
  }
  #footer {
    border-top: 1px solid #ccc;
  }
  #footer .footer-map, #footer .footer-nav ul {
    display: none;
  }
}

ul.links span.scWebEditInput, div.tab-content span.scWebEditInput {
  display: block;
}

.bt-full-search {
  text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
  color: #222222;
  border: 1px solid #DEDEDE;
  font-size: 0.8em;
  padding: 1px 10px;
  height: 20px;
  text-transform: uppercase;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#E3E3E3), to(#A1A1A1));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #E3E3E3, #A1A1A1);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #E3E3E3, #A1A1A1);
  /* IE 10 */
  background: -ms-linear-gradient(top, #E3E3E3, #A1A1A1);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #E3E3E3, #A1A1A1);
}

.bt-full-search:hover {
  border: 1px solid #555555;
  text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.5);
  color: #FFFFFF;
  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#3D3D3D), to(#6D6D6D));
  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #3D3D3D, #6D6D6D);
  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #3D3D3D, #6D6D6D);
  /* IE 10 */
  background: -ms-linear-gradient(top, #3D3D3D, #6D6D6D);
  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #3D3D3D, #6D6D6D);
}

.federatedSearchContainer {
  width: 100%;
  overflow: hidden;
}

.federatedSearchTools {
  width: 250px;
  float: left;
}

.federatedSearchResults {
  margin: 0 0 1px 252px;
  background: #fff;
  border: 1px solid #c8c8c8;
  padding: 1em 20px 0 20px;
  min-height: 300px;
}

.federatedSearchResultsContainer {
  width: 618px;
  overflow: hidden;
  padding: 10px 10px 0 10px;
  margin: 0 0 0 12px;
}

.federatedSearchResultsCount {
  width: 200px;
  float: left;
}

.federatedSearchResultsSorter {
  float: right;
}

.federatedSearchItemContainer {
  width: 100%;
  overflow: hidden;
}

.federatedSearchItemContainer:hover {
  width: 100%;
  overflow: hidden;
  background-color: #f8f8f8;
}

.federatedSearchItemImage {
  margin: 2px 0 0 0;
  width: 60px;
  float: left;
}

.federatedSearchItemContent {
  margin: 0 0 1px 68px;
}

.federatedSearchItemDT {
  float: left;
  width: 120px;
}

.federatedSearchItemDTTop {
  float: left;
  width: 120px;
  margin-top: 2px;
}

.federatedSearchItemDTText {
  display: block;
  float: left;
  line-height: 1.3;
}

.federatedSearchItemDD {
  margin: 2px;
  padding: 0 0 0 10px;
  overflow: hidden;
}

.federatedSearchItemDivider {
  border-bottom: 1px solid #F5F5F5;
  min-height: 8px;
  margin-bottom: 8px;
  width: 100%;
}

.federatedSearchProgressPanel {
  position: fixed;
  text-align: center;
  height: 100%;
  width: 100%;
  top: 0;
  right: 0;
  left: 0;
  z-index: 9999999;
  background-color: #000000;
  opacity: 0.7;
}

.federatedSearchProgressImage {
  padding: 10px;
  position: fixed;
  top: 45%;
  left: 50%;
}

.federatedSearchPagerPanel {
  width: 644px;
  margin: 0 auto;
  text-align: center;
  padding: 10px 0 0 0;
  margin: 0 0 0 10px;
}

.federatedSearchPagerFirst {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
}

.federatedSearchPagerFirst:hover {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
}

.federatedSearchPagerFirstActive {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
  text-decoration: none;
}

.federatedSearchPagerItem {
  padding: 5px;
  font-weight: bold;
}

.federatedSearchPagerItemActive {
  padding: 5px;
  font-weight: bold;
  color: #ccc;
  text-decoration: none;
}

.federatedSearchPagerLast {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
}

.federatedSearchPagerLast:hover {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
}

.federatedSearchPagerLastActive {
  padding: 5px;
  font-weight: normal;
  color: #ccc;
  text-decoration: none;
}

.federatedSearchcrumb {
  padding: 0;
  list-style: none;
  margin-bottom: 0;
}

.federatedSearchcrumb li {
  display: inline;
  color: #333333;
  border: none !important;
}

.federatedSearchcrumb li a {
  background: url(/images/template/breadcrumb-divider-white.png) no-repeat right center;
  padding: 0 13px 0 0;
  margin: 0 2px 0 0;
}

/*.federatedSearchcrumb li a:hover {color:#333;}*/
.federatedSearchDateRange {
  width: 80px;
}

.federatedSearchControlDivider {
  border-bottom: 1px solid #F5F5F5;
  min-height: 8px;
  margin-bottom: 8px;
  width: 100%;
}

.federatedSearchHiddenDiv {
  display: none;
}

input.federatedSearchWatermark {
  color: #999;
}

input.federatedSearchNormal {
  color: #000;
}

/*ooyala player*/
.ooyala_player {
  position: relative;
  z-index: 1;
}

.ooyala_player.wide {
  width: 720px;
  height: 406px;
}

.ooyala_player.narrow {
  width: 480px;
  height: 270px;
}

.ooyala_player.home {
  width: 640px;
  height: 360px;
}

/*end ooyala player*/
/* Event Calendar style adjustments for WCAG2 */
td.event a[title=Other] {
  color: #333 !important;
}

td.other a[title=Other] {
  color: #333 !important;
}

td.election {
  background-color: #ff8a3c !important;
}

td.election a[title=Election] {
  color: #333 !important;
}

td.holiday {
  background-color: #c3c3e1 !important;
}

td.holiday a[title="Public holiday"] {
  color: #333 !important;
}

td.ph {
  background-color: #c3c3e1 !important;
}

td.ph a[title="Public holiday"] {
  color: #333 !important;
}

ul.cal-colours li.ph {
  border-color: #c3c3e1 !important;
}

div.event-key ul li.holiday span {
  background: #c3c3e1 !important;
}

td.senate, td.sen {
  background-color: #842e23 !important;
}

div.event-key ul li.senate span {
  background: #842e23 !important;
}

ul.cal-colours li.sen {
  border-color: #842e23 !important;
}

td.both {
  background-color: #2b5681 !important;
}

div.event-key ul li.both span {
  background: #2b5681 !important;
}

ul.cal-colours li.both {
  border-color: #2b5681 !important;
}

/* retina graphics (2x size) */
/* add styles for portrait ipad size */
/* orig 768 */
@media all and (max-width: 1040px) {
  html {
    overflow-y: auto;
  }
  #wide-blog {
    width: auto;
  }
  #wide-blog > img {
    width: 100%;
    height: auto;
  }
  .wb, .wb-leftcolumn {
    width: auto !important;
  }
  #wide-blog #breadcrumb {
    width: auto;
  }
  .wb-categories, .wb-archive, .wb-feeds, .wb-tagCloud, .wb-recent-comments {
    width: auto !important;
  }
  .box {
    font-size: large;
  }
  .offscreen {
    position: absolute;
    margin-left: -9999px;
  }
  #site-logo {
    position: static;
    padding: 13px 23px 0 23px;
  }
  #site-logo a {
    max-width: 360px;
    width: auto;
    background-size: 100%;
  }
  #container {
    max-width: 982px;
    width: auto;
  }
  .splash img {
    height: auto !important;
    width: 100%;
  }
  /*
  #options{
    position:absolute;
    top:0px;
    right:0px;
    padding-top: 10px;
  }
  #options a.search{
    display: none;
  }
  #main-nav {
    float: left;
    width: 100%;
    height: auto;
  }

  #top-nav .house-nav{
    width:50%;
    padding: 0px;
  }

  #top-nav .house-nav > p{
    margin: 0px 0px 0px 26px;
    display: inline-block!important;
    font-size: 150%;
  }

  #top-nav .house-nav .live-button {
    margin: 0;
  }

  #top-nav ul{
    float:none;
    display:block;
  }

  #top-nav .house-nav > ul{
    display:none;
    clear:both;
    padding: 6px 0px;
    margin-bottom: -12px;
    font-size: 150%;
    position: relative;
    width: 200%;
    margin-top: 40px;
  }
  #top-nav #reps-nav > ul {
    background-color: #31624f;
    border-top: 1px solid #528b76;
    border-bottom: 1px solid #528b76;
  }
  #top-nav #senate-nav > ul {
    background-color: #6E1B10;
    border-top:1px solid #a64639;
    border-bottom: 1px solid #a64639;
    left: -100%;
  }
  #top-nav #senate-nav > ul > li {
    margin-left: 50%;
  }
  #top-nav #senate-nav > ul > li > a {
    margin-left: 28px;
  }

  #top-nav ul li {
    display: block;
    margin: 0px 0px 0px 28px;
  }

  #top-nav #reps-nav{
    padding: 15px 0px 12px 0px;
    border-bottom:1px solid #528b76;
    border-top:1px solid #528b76;
    background-color: #467664;
  }

  #top-nav #senate-nav{
    padding: 15px 0px 12px 0px;
    border-bottom:1px solid #a64639;
    border-top:1px solid #a64639;
    background-color: #892517;
  }
*/
  #top-nav .house-nav .live-button,
  #top-nav .house-nav .live-button-off {
    background: url("/images/template/mobile/live-indicators-side.png") no-repeat left top;
    width: 16px;
    height: 35px;
    top: 9px;
    left: 6px;
  }
  #top-nav #reps-nav .live-button {
    background-position: -16px -35px;
  }
  #top-nav #reps-nav .live-button-off {
    background-position: -16px 0px;
  }
  #top-nav #senate-nav .live-button {
    background-position: 0px -35px;
  }
  #top-nav #senate-nav .live-button-off {
    background-position: 0px 0px;
  }
  /*
  #top-nav a.show-menu {
    float: right;
    position: absolute;
    right: 9px;
    top: 9px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: url('/images/template/mobile/menu-arrow.png') transparent no-repeat top left;
  }
  #top-nav a.show-menu.open {
    background-position: bottom left;
  }
*/
  #main-wrapper {
    width: 100%;
    margin: 0;
    border: none;
  }
  .home #content {
    max-width: 938px;
    width: auto;
    display: block;
    float: none;
  }
  /*
  #content {
    max-width: 675px;
    width:69%;
    display:block;
  }
*/
  #footer {
    margin: 0;
    font-size: medium;
  }
  /*#footer .column a,
  #footer .column h3,
  #footer .column p {
    font-size: 140%!important;
  }*/
  #footer .footer-nav {
    width: 100%;
    max-width: 960px;
    padding: 0px !important;
  }
  #footer .footer-nav > p {
    margin: 5px 10px 5px 20px;
  }
  #footer .footer-nav > ul {
    margin: 5px 20px 5px 20px;
  }
  .wide-content {
    float: none;
    display: block;
    width: auto;
  }
  .right-content {
    float: none;
    display: block;
    width: 100%;
    margin-left: 0;
  }
  .holder, .slideshow, .slideshow img {
    width: 100% !important;
    height: auto !important;
    position: relative !important;
  }
  /*.holder {
    width:100% !important;
  }*/
  .slideshow > div {
    width: 100% !important;
    top: 0px !important;
    height: auto !important;
    z-index: 10;
  }
  .slideshow img {
    height: auto !important;
    position: relative !important;
    top: 0px !important;
    max-width: 100% !important;
  }
  #heroTextBox {
    width: 100% !important;
    top: auto !important;
    bottom: 10px;
  }
  /*
  #secondary-nav {
    margin: 2%;
    width: 20%;
    display: block;
  }
*/
  .narrow-content {
    width: 100%;
  }
  /*
  #main-nav ul li a.active, .tabs .tab-control li a.active{
    border-bottom:0px;
  }

  #main-nav ul li:first {
    width: 100%;
  }
    */
  .snap-drawers {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    float: none;
    background-color: #333;
    /*z-index: 1; disabled for desktop testing*/
    display: none;
  }
  body.snapjs-right .snap-drawers {
    display: block;
  }
  .snap-drawer-left {
    position: absolute;
    right: 0;
    left: auto;
    width: 265px;
  }
  .snap-drawers ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  .snap-drawers ul.accordion {
    display: none;
  }
  .snap-drawers li.selected ul.accordion {
    display: block;
  }
  .snap-drawers ul li {
    display: block;
    background-color: #333;
    clear: both;
    border-bottom: 1px solid #000;
    border-top: 1px solid #555;
  }
  .snap-drawers ul li:last-child {
    border-bottom: none;
  }
  .snap-drawers ul li a {
    display: block;
    color: #fff;
    padding: 12px 6px 12px 6px;
    font-size: 150%;
  }
  .snap-drawers ul li ul a {
    display: block;
  }
  .snap-drawers > ul > li > a {
    display: block;
    float: left;
  }
  .snap-drawers li > ul li {
    font-size: 90%;
  }
  .snap-drawers li > ul li a {
    padding-left: 20px;
  }
  .snap-drawers li > ul li > ul li a {
    padding-left: 40px;
  }
  .snap-drawers li > ul li > ul li > ul li a {
    padding-left: 60px;
  }
  .snap-drawers li > ul li > ul li > ul li > ul li a {
    padding-left: 80px;
  }
  .snap-drawers li > ul li > ul li > ul li > ul li > ul li a {
    font-style: italic;
  }
  .snap-drawers li > ul li > ul li > ul li > ul li > ul li > ul li a {
    font-style: normal;
  }
  .snap-drawers a.active {
    background-color: #666;
  }
  .snap-drawers a.active.current {
    background-color: #999;
    color: #333;
  }
  .snap-drawers ul li.selected > a {
    background-color: #666;
  }
  .snap-drawers ul li a:hover,
  .snap-drawers ul li a:focus {
    text-decoration: underline;
    color: #fff;
  }
  .snap-drawers a.active.current:hover,
  .snap-drawers a.active.current:focus {
    color: #333;
  }
  .snap-scroll {
    overflow-y: scroll;
    -webkit-transition-property: top, bottom;
    transition-property: top, bottom;
    -webkit-transition-duration: 0.2s, 0.2s;
    transition-duration: 0.2s, 0.2s;
    -webkit-transition-timing-function: linear, linear;
    transition-timing-function: linear, linear;
    /*-webkit-overflow-scrolling: touch;*/
  }
  .snap-drawer-left a.menu-toggle {
    background: url("/images/template/mobile/menu-arrow.png") transparent no-repeat top left;
    width: 35px;
    height: 35px;
    padding: 0;
    margin-top: -42px;
    position: absolute;
    right: 7px;
  }
  .snap-drawer-left a.menu-toggle.open {
    background-position: bottom left;
  }
  /*
  #main-nav .page-selected {
    width: 100%;
    background-color: #fff;
    font-size: 200%;
    padding: 15px 0px;
  }
  #main-nav .page-selected > span {
    margin: 0px 0px 0px 10px;
    display: inline-block;
    width: 78%;
    line-height: 1.2;
  }
  #main-nav .page-selected .menu-button {
    background: url('/images/template/mobile/menu-and-close_side.png') transparent no-repeat bottom left;
    width: 35px;
    height: 52px;
    color: #333;
    float: right;
    margin: 0px 10px 0px 0px;
    font-size: 60%;
  }

  #main-nav .page-selected .menu-button.open {
    background-position: bottom right;
  }
*/
  #bgimagewrapper {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
  }
  #page-tools {
    text-align: right;
  }
  #page-tools ul {
    float: none;
    display: inline-block;
  }
  #page-tools #my-parliament {
    display: inline-block;
    margin: 8px 0px 0px 0px;
    background-image: url("/images/template/mobile/my-select-mobile.png");
    width: 120px;
  }
  #page-tools #my-parliament a {
    float: none;
    display: inline-block;
    width: auto;
    padding: 4px 12px 0 16px;
  }
  #page-tools ul li a {
    float: none;
    display: inline-block;
    margin-left: 0px;
    vertical-align: top;
  }
  #page-tools a.tool-button {
    display: inline-block !important;
    padding: 8px 12px 8px 8px;
    background-color: #fff;
    border: 1px solid #c8c8c8;
    width: 32px;
    margin: 0px 8px 4px 8px;
    color: #333;
  }
  #page-tools a.tool-button:hover,
  #page-tools a.tool-button:focus {
    text-decoration: underline;
  }
  #page-tools a.tool-button.open {
    border-bottom: none;
  }
  #page-tools ul.tools {
    display: block;
    background-color: #fff;
    padding: 14px 20px 14px 10px;
    margin-top: -5px;
    margin-bottom: 8px;
    border: 1px solid #c8c8c8;
    display: none;
  }
  #page-tools div.mobile-tools {
    position: relative;
    display: inline-block;
    float: none !important;
  }
  .heroBody {
    display: none;
  }
  .heroHead {
    line-height: 18px;
  }
  #content .box h2.accordion-trigger > span {
    display: inline-block;
    width: 80%;
  }
  #content .box h2.accordion-trigger {
    border-top: 1px solid #ccc;
    padding: 10px 0px 5px 0px;
  }
  #content .box h2.accordion-trigger.first {
    border-top: none;
    padding: 0;
  }
  #content .box .accordion-content {
    display: none;
  }
  .accordion-content > div > span > div {
    width: 100% !important;
  }
  .narrow-content .box > p > img,
  #content .box > p > img,
  #content .box > p > b > img,
  #content .box > h1 > img {
    width: 100% !important;
    height: auto !important;
  }
  #content .wide-content .thumbnail > img {
    width: auto !important;
  }
  #content .accordion-content > p img {
    max-width: 40%;
    height: auto !important;
  }
  div.large-left-thumb {
    display: inline-block;
    padding-top: 5px;
    padding-bottom: 5px;
  }
  a.open-close {
    background: url("/images/template/mobile/open-close.png") transparent no-repeat top left;
    width: 35px;
    height: 35px;
    float: right;
    margin-bottom: 6px;
    margin-top: -3px;
  }
  a.open-close.open {
    background-position: bottom left;
  }
  .box .col-third {
    display: block;
    float: none;
    width: 100%;
  }
  .green-box.box .col-third,
  .red-box.box .col-third {
    display: block;
    float: left;
    width: 32%;
  }
  .box .col-third .links {
    float: none !important;
  }
  .home .tab-content .accordion-content {
    display: block;
  }
  .results-pagination .page-controls ul {
    position: static;
  }
  #breadcrumb ol {
    font-size: 140%;
  }
  #migrated > .box > table,
  #content > .box > .accordion-content table {
    width: 100% !important;
    display: inline-block;
    overflow-x: scroll;
  }
  #content table {
    width: auto !important;
  }
  .box td > img {
    width: 100% !important;
    height: auto !important;
  }
  #migrated table td,
  #content > .box > .accordion-content table td {
    width: 20% !important;
    height: auto !important;
  }
  .send-mail fieldset {
    width: 100% !important;
    padding: 0;
  }
  .send-mail fieldset legend {
    padding: 8px 0px 0px 8px;
  }
  .send-mail fieldset .ctrl-group {
    padding-top: 8px;
    padding-bottom: 8px;
  }
  .send-mail .mandatory-desc {
    float: none;
  }
  .send-mail fieldset .text-input {
    width: auto;
  }
  label, input[type=button], input[type=submit], button, input[type=checkbox], input[type=radio] {
    display: block;
  }
  .send-mail fieldset textarea {
    width: 90% !important;
  }
  .send-mail fieldset .ctrl-group select {
    max-width: 160px !important;
  }
  table input, table select {
    width: auto !important;
    max-width: 170px;
  }
  .fom {
    font-size: 1.2em !important;
  }
}

/* specific break points for elements where needed */
/*orig 600*/
@media all and (max-width: 568px) {
  #tabParliamentary_Budget_Office_Tab td, #tabLibrary td, #tabParlView_Tab td {
    display: block;
  }
  .narrow-content {
    float: none;
    display: block;
    width: auto;
  }
  .right-content {
    float: none;
    display: block;
    width: auto;
    margin-left: 0px;
  }
}

/* breaks for smaller sized mobile devices (iphone 4s and previous etc)  */
/*orig 470 */
@media all and (max-width: 479px) {
  .send-mail fieldset {
    width: 110% !important;
    padding: 0;
  }
  .col-half {
    float: none;
    display: block;
    width: auto;
  }
  div.left-thumb {
    min-height: 0px;
    margin-bottom: 0px;
  }
  .tab-content img {
    max-width: 100%;
    height: auto;
  }
  table .date {
    white-space: pre-line;
  }
  .col-third, .col-twothirds {
    float: none;
    display: block;
    margin: 0;
    width: auto;
  }
  #content {
    margin: 10px;
  }
  table .media {
    width: auto;
  }
  div.large-left-thumb {
    padding-left: 0px;
  }
  div.large-left-thumb .thumbnail {
    position: static;
  }
  .splash {
    overflow: visible;
  }
  #breadcrumb {
    width: auto;
  }
  /*
  #secondary-nav {
    display: none;
  }

  #top-nav #reps-nav{
    padding: 12px 0px 12px 0px;
  }
  #top-nav .house-nav {
    font-size: 100%;
  }
  #top-nav #reps-nav > p {
    font-size: 80%;
    width: 60%;
  }
  #top-nav .house-nav .live-button,
  #top-nav .house-nav .live-button-off {
    top: 10px;
  }
  #top-nav #reps-nav > ul {
    margin-top: 42px;
    margin-bottom: -13px;
  }
    */
  ul.left-thumb > div.left-thumb > .thumbnail {
    display: block;
    position: static;
  }
  ul.left-thumb > div.left-thumb {
    padding-left: 0;
  }
  #page-tools div.mobile-tools {
    max-width: 54%;
  }
  #page-tools ul.tools {
    padding: 14px 10px 14px 0px;
  }
  .green-box.box .col-third,
  .red-box.box .col-third {
    display: block;
    float: none;
    width: 100%;
  }
  #cboxBottomCenter,
  #cboxTopCenter {
    width: 85% !important;
  }
  #cboxLoadedContent {
    width: 100% !important;
  }
  #cboxContent {
    width: 85% !important;
  }
  .login-register-form {
    background: none !important;
  }
  #cboxWrapper {
    width: 94% !important;
  }
  #colorbox {
    width: 100% !important;
  }
  /* TEMP: FOR WIREFRAMES ONLY  */
  /*#page-tools {
    margin-bottom: 60px;
  }

  .box > div, .box > p{
    display:none;
  }

  .box > div.holder{
    display:block;
  }*/
}

/* =Functions
----------------------------------------*/
/* =media query ranges
----------------------------------------*/
/* =html tags
----------------------------------------*/
sup, sub {
  vertical-align: baseline;
  position: relative;
  top: -0.4em;
}

sub {
  top: 0.4em;
}

@media only screen and (max-width: 40em) {
  img {
    max-width: 100%;
    height: auto;
  }
}

/* =search
----------------------------------------*/
@media only screen and (max-width: 65em) {
  #options {
    position: relative;
    padding: 0;
    margin: 0 1em 1em 0;
  }
}

#options .toggle-search {
  display: inline-block;
  padding: 0.5em 1em;
  background-color: #333333;
  border: 1px solid black;
  transition: background-color 0.3s ease-out;
}

#options .toggle-search.focused, #options .toggle-search:hover, #options .toggle-search:focus, #options .toggle-search:active {
  background-color: #4d4d4d;
}

@media only screen and (min-width: 65em) {
  #options .toggle-search {
    display: none;
  }
}

.form.header-search {
  display: none;
}

@media only screen and (min-width: 65em) {
  .form.header-search {
    display: block !important;
  }
}

.header-search {
  float: right;
  margin-right: .5em;
}

.header-search .text-input {
  height: 20px;
  margin: 0;
  border: 1px solid #20362e;
  background-color: #f2f2f2;
}

.header-search .text-input:focus {
  background-color: white;
}

.header-search label {
  display: inline-block;
}

.header-search input.button {
  display: inline-block;
  width: auto;
  height: 22px;
  top: 0;
  background-image: none;
  background-color: #467664;
  border: 1px solid #20362e;
  border-radius: 2px;
  color: white;
  line-height: 20px;
  font-weight: bold;
  text-indent: 0;
}

.header-search input.button:hover, .header-search input.button:focus {
  background: #4f8672;
  transition: background-color 0.5s ease;
}

.right-content .search .button {
  display: inline-block;
  width: auto;
  height: 28px;
  background: none;
  background-color: #DADADA;
  background: linear-gradient(to bottom, #DADADA, #c1c1c1);
  border: 1px solid #8d8d8d;
  text-indent: 0;
  text-align: center;
  line-height: 28px;
}

.right-content .search .button:hover, .right-content .search .button:focus {
  background: linear-gradient(to bottom, #f3f3f3, #DADADA);
}

input.button {
  background: none;
  background-color: #DADADA;
  background: linear-gradient(to bottom, #DADADA, #c1c1c1);
  border: 1px solid #8d8d8d;
  border-radius: 2px;
  text-indent: 0;
  font-size: .83em;
}

input.button:hover, input.button:focus {
  background: none;
  background: linear-gradient(to bottom, #f3f3f3, #DADADA);
}

@media only screen and (max-width: 65em) {
  .federatedSearchTools {
    width: 100%;
    float: none;
  }
  .federatedSearchResults {
    margin: 0;
    padding: 0 0.5em;
  }
  .federatedSearchResultsContainer {
    width: 100%;
    float: none;
    overflow: auto;
  }
  .federatedSearchResultsSorter {
    margin-right: 2em;
  }
  .federatedSearchItemDTTop,
  .federatedSearchItemDT,
  .federatedSearchItemDD {
    display: block;
    float: none;
    width: 100%;
    overflow: hidden;
  }
  .federatedSearchItemDD {
    width: 98%;
    padding: 0 0 0 1%;
  }
  .federatedSearchItemDTText {
    float: none;
    line-height: 1.5em;
  }
  .federatedSearchPagerPanel {
    width: 100%;
  }
  dl dt,
  dl dd {
    display: block;
    float: none;
  }
}

@media only screen and (max-width: 65em) {
  label, input[type=checkbox], input[type=radio] {
    display: inline-block;
  }
}

/* =ooyala
----------------------------------------*/
@media only screen and (max-width: 65em) {
  #content .ooyala_player {
    width: initial;
    height: initial;
  }
  #content .ooyala_player .innerWrapper {
    position: relative;
    padding-bottom: 57.3%;
    height: 0;
    overflow: hidden;
  }
  #content .ooyala_player .innerWrapper .video object {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* =switch player
----------------------------------------*/
@media only screen and (max-width: 65em) {
  .switch-container {
    position: relative;
    padding-bottom: 55%;
    height: 0 !important;
    width: auto !important;
    overflow: hidden;
  }
  .switch-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
}

/* =live switch player */
.live-switch-container {
  position: relative;
  padding-bottom: 55%;
  height: 0;
  overflow: hidden;
}

.live-switch-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.switch_player {
  position: relative;
  z-index: 1;
}

.switch_player.wide {
  width: 720px;
  height: 405px;
}

.switch_player.narrow {
  width: 480px;
  height: 264px;
}

.switch_player.home {
  width: 640px;
  height: 360px;
}

/* =Search Results (senate, hansard, bills, etc)
----------------------------------------*/
.box div.results-pagination {
  clear: both;
  width: 100%;
  left: 0;
}

@media only screen and (max-width: 40em) {
  .box div.results-pagination .sort-controls {
    min-height: 20px;
  }
}

@media only screen and (max-width: 40em) and (max-width: 40em) {
  .box div.results-pagination .sort-controls p {
    display: none;
  }
}

@media only screen and (max-width: 40em) {
  .box div.results-pagination .sort-controls ul {
    max-width: 100%;
    position: static;
  }
  .box div.results-pagination .sort-controls ul li {
    display: inline-block;
    float: none;
  }
}

@media only screen and (max-width: 40em) {
  .search-filter {
    width: 100%;
  }
  .search-filter fieldset .ctrl-group {
    /* for senators and members */
    padding: 0 0 4px 80px;
  }
  .search-filter fieldset .ctrl-group input[type=text], .search-filter fieldset .ctrl-group select {
    display: block;
    width: 100%;
    box-sizing: border-box;
  }
  .search-filter fieldset .ctrl-group select {
    margin: 0;
  }
  .search-filter fieldset .ctrl-group label {
    margin-bottom: 10px;
  }
  .search-filter fieldset .ctrl-group .check-holder {
    float: none;
    display: block;
  }
  .search-filter fieldset .ctrl-group .col-half {
    width: 100% !important;
  }
  .search-filter .legend {
    width: auto !important;
  }
}

@media only screen and (max-width: 40em) {
  #small-map {
    width: 100% !important;
    box-sizing: border-box;
    right: 0;
  }
  #small-map ul {
    margin-right: 10%;
  }
}

@media only screen and (max-width: 40em) {
  ul.search-filter-results li dt, .narrow-content ul.search-filter-results li dt {
    margin-top: 10px;
    width: 100%;
  }
  ul.search-filter-results li dd, ul.search-filter-results li dl, .narrow-content ul.search-filter-results li dd, .narrow-content ul.search-filter-results li dl {
    margin-left: 0;
  }
  ul.search-filter-results li .title, .narrow-content ul.search-filter-results li .title {
    width: 100%;
    padding-right: 0;
  }
  ul.search-filter-results li .action, .narrow-content ul.search-filter-results li .action {
    position: static;
    text-align: left;
  }
  ul.search-filter-results li .action a.button, .narrow-content ul.search-filter-results li .action a.button {
    float: left;
  }
}

ul.search-filter-results .extra, .narrow-content ul.search-filter-results .extra {
  padding-left: 110px;
}

@media only screen and (max-width: 65em) {
  #main_0_content_1_pTotalResults {
    clear: both;
  }
}

@media only screen and (max-width: 65em) {
  #main_0_content_1_updateSearchParam > div {
    float: none !important;
  }
}

@media only screen and (max-width: 65em) {
  #content .narrow-content table {
    width: 100% !important;
    left: 0;
  }
}

@media only screen and (max-width: 65em) {
  #main_0_content_1_updateSearchParam + p {
    clear: both;
  }
}

/* =nav
----------------------------------------*/
#top-nav {
  background: none;
}

#top-nav .bg {
  background: none;
  min-height: 0;
  width: auto;
  float: none;
  display: block;
}

#top-nav .house-nav {
  box-sizing: border-box;
  width: 50%;
  box-shadow: inset 0 0 1px rgba(255, 255, 255, 0.5);
}

@media only screen and (max-width: 65em) {
  #top-nav .house-nav {
    min-height: 56px;
    padding: 0;
  }
}

#top-nav .house-nav > ul {
  display: none;
}

@media only screen and (max-width: 65em) {
  #top-nav .house-nav > ul {
    box-sizing: border-box;
    padding: 0.5em 1em;
  }
}

@media only screen and (min-width: 65em) {
  #top-nav .house-nav > ul {
    display: block !important;
  }
}

@media only screen and (max-width: 65em) {
  #top-nav .house-nav p:not(.live-button) {
    box-sizing: border-box;
    float: none;
    display: block;
    height: 56px;
    padding: 10px 30px 0 30px;
    vertical-align: center;
  }
}

#top-nav .toggle-list {
  display: block;
  overflow: hidden;
  position: absolute;
  width: 2em;
  height: 2em;
  top: 1.2em;
  right: 1em;
  border: 1px solid white;
  text-align: center;
}

#top-nav .toggle-list i {
  font-size: 1.5em;
  line-height: 1.4em;
  transition: all 0.2s ease-out;
}

#top-nav .toggle-list.focused i {
  transform: rotate(-180deg);
}

@media only screen and (min-width: 65em) {
  #top-nav .toggle-list {
    display: none;
  }
}

#reps-nav {
  background-color: #467664;
  border: 1px solid #335649;
}

@media only screen and (min-width: 65em) {
  #reps-nav {
    background: linear-gradient(to bottom, #4f8672 0%, #467664 50%, #42705f 51%, #3d6656 100%);
  }
}

#senate-nav {
  background-color: #892517;
  border: 1px solid #5d1910;
}

@media only screen and (min-width: 65em) {
  #senate-nav {
    background: linear-gradient(to bottom, #9f2b1b 0%, #892517 50%, #802316 51%, #731f13 100%);
  }
}

/* =main nav
----------------------------------------*/
#main-nav {
  height: auto;
  float: none;
  clear: both;
  background-color: #333333;
  /* =mobile menu ----------------------*/
}

@media only screen and (min-width: 65em) {
  #main-nav {
    height: 41px;
  }
}

#main-nav .title-area {
  display: block;
  text-align: right;
}

#main-nav .title-area a.toggle-topbar {
  box-sizing: border-box;
  height: 41px;
  position: relative;
  display: inline-block;
  margin-right: .5em;
  font-size: 1.5em;
  background-color: #333333;
  padding: 0.5em 40px 0.5em 1em;
  color: white;
  transition: background-color 0.3s ease-out;
}

#main-nav .title-area a.toggle-topbar:hover, #main-nav .title-area a.toggle-topbar:active, #main-nav .title-area a.toggle-topbar:focus {
  text-decoration: none;
  background-color: #4d4d4d;
}

#main-nav .title-area a.toggle-topbar:after {
  content: "";
  position: absolute;
  display: block;
  height: 0;
  top: 50%;
  margin-top: -8px;
  right: 16px;
  box-shadow: 0 0px 0 1px white, 0 7px 0 1px white, 0 14px 0 1px white;
  width: 16px;
}

#main-nav .title-area a.toggle-topbar.toggled:after {
  margin-top: -10px;
  box-shadow: 0 0px 0 1px white, 0 9px 0 1px white, 0 18px 0 1px white;
}

@media only screen and (min-width: 65em) {
  #main-nav .title-area {
    display: none;
  }
}

#main-nav {
  /* =main menu ----------------------*/
}

#main-nav > ul.top-bar-section {
  background-color: #333333;
}

@media only screen and (min-width: 65em) {
  #main-nav > ul.top-bar-section {
    display: block !important;
  }
}

@media only screen and (max-width: 65em) {
  #main-nav > ul.top-bar-section > li {
    display: block;
    position: relative;
    float: none;
  }
  #main-nav > ul.top-bar-section > li:after {
    content: "";
    display: table;
    clear: both;
  }
}

@media only screen and (max-width: 65em) {
  #main-nav > ul.top-bar-section > li:first-child > a {
    border-top: none;
  }
}

#main-nav > ul.top-bar-section > li:last-child > a {
  border-right: 1px solid #1a1a1a;
}

#main-nav > ul.top-bar-section > li:last-child > a.active {
  border: 1px solid #DADADA;
}

#main-nav > ul.top-bar-section > li.focused ul {
  display: block;
}

@media only screen and (max-width: 65em) {
  #main-nav > ul.top-bar-section > li.focused ul {
    display: block !important;
  }
}

#main-nav > ul.top-bar-section > li .toggle-dropdown {
  box-sizing: border-box;
  overflow: hidden;
  z-index: 1;
  display: block;
  width: 41px;
  height: 41px;
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #4d4d4d;
  border-top: 1px solid #4d4d4d;
  background-color: #333333;
  color: white;
  text-align: center;
  font-size: 2em;
  line-height: 41px;
}

@media only screen and (min-width: 65em) {
  #main-nav > ul.top-bar-section > li .toggle-dropdown {
    display: none;
  }
}

#main-nav > ul.top-bar-section > li .toggle-dropdown i {
  transition: all 0.2s ease-out;
}

#main-nav > ul.top-bar-section > li .toggle-dropdown.toggled i {
  transform: rotate(-180deg);
}

#main-nav > ul.top-bar-section > li > a {
  z-index: 0;
  display: inline-block;
  box-sizing: border-box;
  background-image: none;
  background-color: #333333;
}

@media only screen and (max-width: 65em) {
  #main-nav > ul.top-bar-section > li > a {
    border: none;
    border-top: 1px solid #4d4d4d;
    width: 100%;
  }
}

@media only screen and (min-width: 65em) {
  #main-nav > ul.top-bar-section > li > a {
    border: 1px solid #333333;
    border-bottom: none;
    border-right: 1px solid #4d4d4d;
    background: linear-gradient(to bottom, #666666 0%, #333333 50%, #303030 51%, #262626 100%);
  }
}

#main-nav > ul.top-bar-section > li > a span {
  position: relative;
  left: auto;
  display: block;
  width: auto;
  padding: 0 0 0 1em;
  color: white;
  font-size: 1.1em;
  line-height: 40px;
  text-transform: uppercase;
}

@media only screen and (min-width: 65em) {
  #main-nav > ul.top-bar-section > li > a span {
    padding: 0;
    text-align: center;
  }
}

#main-nav > ul.top-bar-section > li > a:hover, #main-nav > ul.top-bar-section > li > a:focus {
  text-decoration: none;
  background-color: #4d4d4d;
}

@media only screen and (min-width: 65em) {
  #main-nav > ul.top-bar-section > li > a:hover, #main-nav > ul.top-bar-section > li > a:focus {
    background: linear-gradient(to bottom, gray 0%, #404040 50%, #333333 51%, #262626 100%);
  }
}

#main-nav > ul.top-bar-section > li > a:hover span.offscreen, #main-nav > ul.top-bar-section > li > a:focus span.offscreen {
  background: none;
}

#main-nav > ul.top-bar-section > li > a.active {
  background: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  border-bottom: none;
}

#main-nav > ul.top-bar-section > li > a.active span {
  color: #333333;
}

#main-nav > ul.top-bar-section > li > a.active:hover span, #main-nav > ul.top-bar-section > li > a.active:focus span {
  background-color: #f3f3f3;
  background: linear-gradient(to bottom, #f3f3f3, #DADADA);
}

#main-nav > ul.top-bar-section > li > a.menu-button {
  border: none;
}

@media only screen and (max-width: 65em) {
  #main-nav ul li ul {
    position: relative;
    top: 0;
    clear: both;
  }
}

@media only screen and (max-width: 65em) {
  #main-nav ul li ul li {
    border: none;
  }
}

@media only screen and (max-width: 65em) {
  #main-nav ul li ul li a {
    font-size: 1.2em;
    border: none;
  }
}

/* =Secondary nav
----------------------------------------*/
@media only screen and (max-width: 65em) {
  #secondary-nav {
    display: none;
    box-sizing: border-box;
    display: block;
    float: none;
    margin: 1em 2% 0 2%;
    width: 96%;
    font-size: 1.1em;
  }
}

#secondary-nav > ul {
  display: none;
}

@media only screen and (min-width: 65em) {
  #secondary-nav > ul {
    display: block !important;
  }
}

a.toggle-secondary-nav {
  display: block;
  padding: 0.5em 1em;
  background-color: #f3f3f3;
  border: 1px solid #e8e8e8;
  text-align: center;
  color: #333333;
  transition: background-color 0.2s ease-out;
}

@media only screen and (min-width: 65em) {
  a.toggle-secondary-nav {
    display: none;
  }
}

a.toggle-secondary-nav:hover, a.toggle-secondary-nav:active, a.toggle-secondary-nav:focus {
  text-decoration: none;
  background-color: white;
}

a.toggle-secondary-nav.focused i {
  transform: rotate(-180deg);
}

a.toggle-secondary-nav i {
  font-size: 1.2em;
  transition: all 0.2s ease-out;
}

/* =main
----------------------------------------*/
#main-wrapper {
  box-sizing: border-box;
  width: 100% !important;
  background: none;
  background-color: #DADADA;
  border: 1px solid #DADADA;
  border-top: none;
}

@media only screen and (min-width: 65em) {
  #main-wrapper {
    margin: 0;
  }
}

@media only screen and (max-width: 65em) {
  #page-tools ul {
    display: block;
    width: 100%;
    text-align: right;
  }
}

#page-tools ul li {
  display: inline-block;
  box-sizing: border-box;
}

#page-tools ul li a {
  display: block;
  margin: 0;
  padding: 0 0.5em;
  width: auto;
  background: none;
  background-color: #f3f3f3;
  border: 1px solid #a7a7a7;
  border-radius: 2px;
  color: #333333;
  line-height: 20px;
}

#page-tools ul li a span {
  position: relative;
  left: auto;
  width: auto;
  line-height: 20px;
}

#page-tools ul li a:hover, #page-tools ul li a:focus {
  text-decoration: none;
  background-color: white;
}

#page-tools #my-parliament {
  background: none;
  margin: 0.5em 0 0.5em 0;
  display: block;
}

#page-tools #my-parliament a {
  display: block;
  background-color: #536F7F;
  background: linear-gradient(to bottom, #688a9d, #3f5460);
  border-radius: 2px;
  line-height: 1.5em;
}

#page-tools #my-parliament a:hover, #page-tools #my-parliament a:focus {
  background-color: #688a9d;
  background: linear-gradient(to bottom, #7896a7, #536F7F);
}

@media only screen and (max-width: 65em) {
  #breadcrumb {
    clear: both;
    width: 100%;
  }
}

@media only screen and (max-width: 65em) {
  #breadcrumb ol {
    font-size: 1.2em;
  }
}

@media only screen and (max-width: 65em) {
  #content {
    width: 96%;
    margin: 1em 2% 0 2%;
  }
}

@media only screen and (max-width: 40em) {
  #content h1 {
    clear: both;
  }
}

@media only screen and (max-width: 65em) {
  .narrow-content .search-filter {
    width: 100%;
    margin: 0;
    left: auto;
    font-size: 0.83em;
  }
  .narrow-content .search-filter legend {
    position: absolute;
    top: .5em;
  }
  .narrow-content .search-filter label {
    display: inline-block;
  }
  .narrow-content .search-filter fieldset {
    padding: 2.5em 10px 0.5em 10px;
  }
  .narrow-content .search-filter fieldset .ctrl-group {
    padding: 0;
  }
}

@media only screen and (max-width: 40em) {
  div.left-thumb {
    min-height: 54px;
  }
}

@media only screen and (max-width: 65em) {
  .right-content .box {
    padding: 1em 20px 0 20px;
  }
}

.col-half ul.links {
  float: none !important;
  margin-bottom: 0;
}

.box {
  word-wrap: break-word;
}

/* =Parliamentarian
----------------------------------------*/
#member-summary {
  width: auto;
  max-width: 100%;
}

@media only screen and (max-width: 40em) {
  #member-summary {
    box-sizing: border-box;
    padding: 60px 20px 20px 20px;
  }
  #member-summary .thumbnail {
    position: static;
  }
  #member-summary .seating-plan span {
    margin: 0 20px 0 0;
  }
}

@media only screen and (min-width: 40em) {
  #member-summary {
    padding-left: 200px;
  }
  #member-summary .seating-plan {
    text-align: center;
  }
}

@media only screen and (max-width: 65em) {
  #member-summary {
    padding-left: 200px;
  }
  #member-summary ul, #member-summary dd {
    margin-left: 0;
  }
  #member-summary .seating-plan {
    text-align: center;
  }
}

@media only screen and (max-width: 65em) {
  .col-third dl {
    float: none;
  }
  .col-third dl dt {
    float: left;
  }
}

/* =Calendar
----------------------------------------*/
.narrow-content .date-range-control {
  width: 100%;
}

@media only screen and (max-width: 40em) {
  .narrow-content .date-range-control {
    font-size: 0.6em;
  }
}

.narrow-content .date-range-control ul li a span {
  top: 0;
}

@media only screen and (max-width: 40em) {
  .tabs .date-range-control {
    font-size: 0.6em;
  }
}

#content table.week-calendar {
  float: none;
  margin-left: auto;
  margin-right: auto;
  display: table;
}

@media only screen and (max-width: 40em) {
  #content table.week-calendar tbody td, #content table.week-calendar thead th {
    padding: 6px 8px;
  }
}

@media only screen and (max-width: 40em) {
  #content .narrow-content .box > p > img.icon {
    width: 16px !important;
  }
}

@media only screen and (max-width: 65em) {
  dl.event-specs dt {
    width: 100%;
  }
  dl.event-specs dd {
    margin-left: 0;
    margin-bottom: 10px;
  }
}

/*rule override*/
@media only screen and (max-width: 65em) {
  .narrow-content .box > p > img, #content .box > p > img, #content .box > p > b > img, #content .box > h1 > img {
    width: auto !important;
  }
}

/* =Small Calendar
----------------------------------------*/
@media only screen and (max-width: 40em) {
  .right-content .calendar dd {
    width: auto;
  }
  .right-content .calendar dl, .right-content .calendar dt {
    float: left;
  }
  .right-content .calendar dt {
    width: auto;
  }
}

/* =Watch Parliament
----------------------------------------*/
@media only screen and (max-width: 65em) {
  #content .tabs table {
    width: 100% !important;
  }
  #content .ectable {
    width: 100% !important;
  }
}

.media-format-icon {
  border-radius: 2px;
  font-size: 7px !important;
  padding: 2px 6px 1px 6px !important;
  height: auto !important;
  width: auto !important;
  text-indent: 0 !important;
}

.media-format-icon--enabled {
  background: #045f85 !important;
  color: white !important;
}

.media-format-icon--disabled {
  background: #444444 !important;
  color: white !important;
}

.media-format img {
  width: 14px !important;
  height: 13px !important;
}

/* =Contact Senators and Members
----------------------------------------*/
@media only screen and (max-width: 40em) {
  .send-mail fieldset {
    width: 105% !important;
    background: #e8e8e8;
  }
  .send-mail fieldset label, .send-mail fieldset input {
    display: block;
    clear: both;
  }
  .send-mail fieldset .text-input {
    margin-top: 5px;
    margin-bottom: 5px;
    box-sizing: border-box;
    width: 100%;
  }
  .send-mail fieldset > .ctrl-group {
    padding-left: 10px;
    padding-top: 50px;
    padding-right: 10px;
  }
  .send-mail fieldset > .ctrl-group select {
    margin-left: 0;
  }
  .send-mail fieldset > .ctrl-group ~ .ctrl-group {
    padding-top: 8px;
  }
}

/* =Bills
----------------------------------------*/
@media only screen and (max-width: 40em) {
  .red-box .specs dd, .green-box .specs dd {
    float: none !important;
    width: 100% !important;
    margin-bottom: 10px !important;
  }
  .red-box .specs dt, .green-box .specs dt {
    width: 100% !important;
  }
}

/* =Flagposts
----------------------------------------*/
#CommentInner textarea {
  width: 100%;
  box-sizing: border-box;
}

/* =Live Minutes
----------------------------------------*/
@media only screen and (max-width: 40em) {
  div#fixToTop {
    height: auto;
    left: 0;
    width: 100%;
    box-sizing: border-box;
  }
  div#fixToTop ul.links {
    clear: both;
  }
  div#fixToTop .sitting-status {
    width: 1005;
    float: none;
    box-sizing: border-box;
  }
  div#fixToTop .filterRow .filterSelected {
    margin-left: 1px;
  }
}

@media only screen and (max-width: 40em) {
  .box-dynamicRed .leadItemInfo {
    padding-left: 0;
  }
}

/* =Colorbox
----------------------------------------*/
@media only screen and (max-width: 40em) {
  div#cboxWrapper {
    width: 100% !important;
  }
}

/* =Upcoming Public Hearings
----------------------------------------*/
@media only screen and (max-width: 40em) {
  .narrow-content .drawer {
    width: 100%;
    left: 0;
  }
  .narrow-content .drawer .drawer-header, .narrow-content .drawer .drawer-body {
    width: 100%;
    box-sizing: border-box;
  }
}

/* =Committee Submissions
----------------------------------------*/
.rgArrPart1 input, .rgArrPart2 input {
  width: 22px !important;
}

/* =Hansard
----------------------------------------*/
.hansard-display {
  padding-bottom: 10px;
}

.hansard-toc, .hansard-toc ul {
  list-style-type: none;
}

.hansard-toc li {
  margin: 5px 0;
}

@media only screen and (max-width: 65em) {
  .hansard-toc li {
    padding: 5px 0;
  }
  .hansard-toc li a {
    font-size: 1.3em;
  }
}

.hansard-toc li a {
  text-transform: capitalize;
}

@media only screen and (min-width: 65em) {
  .hansard-toc li .hansard-link {
    display: inline-block;
    vertical-align: top;
    width: 90%;
  }
  .hansard-toc li .expand {
    display: inline-block;
    vertical-align: top;
    width: 10%;
  }
}

.hansard-download * {
  box-sizing: border-box;
}

.hansard-blind {
  padding: 2px;
  text-align: center;
  background: #666666;
  color: white;
  clear: both;
  width: 100px;
  margin-left: auto;
  margin-right: auto;
  border-radius: 10px 10px 0 0;
}

.hansard-download ul {
  list-style-type: none;
  margin: 10px 0 20px 0;
  padding: 0;
}

.hansard-download ul li {
  display: inline;
}

@media only screen and (max-width: 65em) {
  .hansard-download ul li {
    display: block;
    text-align: center;
  }
}

.hansard-download ul li a {
  border-radius: 4px;
  display: inline-block;
  width: 33%;
  text-align: center;
  background: #536F7F;
  padding: 10px;
  color: #ffffff;
}

@media only screen and (max-width: 65em) {
  .hansard-download ul li a {
    width: 100%;
    border-radius: 0;
  }
}

.hansard-metadata dt {
  color: #045f85;
}

@media only screen and (max-width: 65em) {
  .hansard-metadata dd, .hansard-metadata dl {
    margin-left: 0;
  }
}

#hansard-nav {
  float: left;
  display: inline;
  background: #fff;
  margin: 20px 0 0 19px;
}

@media only screen and (max-width: 65em) {
  #hansard-nav {
    float: none;
    display: block;
    margin: -4px 0;
  }
}

#secondary-nav-container {
  width: 179px;
  float: left;
}

@media only screen and (max-width: 65em) {
  #secondary-nav-container {
    float: none;
    width: auto;
  }
}

/* =Tabs
----------------------------------------*/
@media only screen and (max-width: 40em) {
  .box {
    overflow-y: hidden;
    overflow-x: auto;
  }
}

@media only screen and (max-width: 65em) {
  .box {
    font-size: 1.25em;
  }
}

.box table {
  background-color: white;
}

@media only screen and (max-width: 65em) {
  .box .col-third {
    margin-bottom: 1em;
    padding-bottom: 2em;
    border-bottom: 1px solid #c8c8c8;
  }
}

.box .box {
  font-size: .83em;
}

.box-tabs .tab-control {
  float: none;
  display: block;
  top: 0;
  border: none;
}

@media only screen and (max-width: 65em) {
  .holder {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (min-width: 65em) {
  .holder #nav {
    margin-top: 0 !important;
  }
}

@media only screen and (max-width: 65em) {
  .slideshow {
    width: 100% !important;
    height: auto !important;
  }
}

@media only screen and (max-width: 65em) {
  .slideshow img {
    display: block;
    max-width: 100% !important;
    width: 100% !important;
    height: auto;
  }
}

.tabs .tab-content:after {
  content: "";
  display: table;
  clear: both;
}

.tabs .tab-control li {
  box-sizing: border-box;
  display: block;
  height: 25px;
  float: left;
  margin: 0;
  padding: 0;
}

.tabs .tab-control li a {
  display: block;
  float: none;
  top: 0;
}

/* =footer
----------------------------------------*/
#footer {
  margin: 0 0 30px 0;
}

@media only screen and (max-width: 65em) {
  #footer {
    font-size: 1.2em;
  }
}

#footer .footer-map {
  float: none;
  display: block;
}

#footer .footer-nav {
  float: none;
  display: block;
  box-sizing: border-box;
  width: 100%;
}

#footer .footer-map .column {
  box-sizing: border-box;
  width: 100%;
}

@media screen and (min-width: 768px) {
  #footer .footer-map .column {
    width: 22%;
  }
}

#back-to-top {
  display: none;
  position: fixed;
  bottom: 0px;
  right: 1em;
  padding: 0.5em 1em;
  z-index: 9999;
  background-color: #EAEAEA;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
  text-align: center;
  color: #333333;
}

#back-to-top:hover, #back-to-top:focus {
  background-color: white;
  text-decoration: none;
}

#back-to-top:active {
  transform: translateY(2px);
}

/* =accessibility
----------------------------------------*/
.clearfix:after {
  content: "";
  display: table;
  clear: both;
}

.skip-links {
  display: block;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}

.skip-links li a {
  display: block;
  position: absolute;
  top: 0;
  left: -999px;
  padding: 0.5em 1em;
  background-color: #333333;
  color: #EAEAEA;
}

.skip-links li a:hover, .skip-links li a:focus {
  z-index: 1;
  left: 0;
  background-color: #4d4d4d;
  color: white;
  text-decoration: none;
}

.hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
}

a:focus {
  text-decoration: underline;
}

#dialogSurvey {
  position: fixed;
  bottom: 0;
  right: 1em;
  display: block;
  width: 200px;
  height: 80px;
  padding: 1em;
  background: white;
}

#dialogSurvey a {
  display: inline-block;
  padding: .3em;
  margin-right: 1em;
  background: grey;
  color: White;
}

/* STANDING ORDERS NAV */
div.so_navigation div.item {
  margin: 0 0 2em;
}

div.so_navigation div.item h2 {
  font-size: 130%;
  font-weight: bold;
  margin: 0 0 0.2em;
}

div.so_navigation div.item p {
  font-size: 110%;
  margin: 0 0 0.3em;
}

/* STANDING ORDERS SUB-NAV */
div.so_sub-navigation h2 {
  line-height: 1.3;
  margin-top: 1.5em;
}

div.so_sub-navigation h2:first-child {
  margin-top: 0;
}

div.so_sub-navigation h2 em {
  display: block;
  font-size: 80%;
  font-style: normal;
  font-weight: bold;
  text-transform: uppercase;
}

div.so_sub-navigation h3 {
  margin-bottom: 0;
}

div.so_sub-navigation ol {
  counter-reset: item;
  padding: 0;
}

div.so_sub-navigation ol li {
  display: table;
  font-size: 110%;
  margin: 0 0 0.2em;
}

div.so_sub-navigation ol li:before {
  content: counter(item);
  counter-increment: item;
  display: table-cell;
  width: 3em;
}

div.so_sub-navigation ol li.with-an-a:before {
  content: counter(item) "A";
}

/* LIST STYLES */
ol.bracketed-list,
ol.bracketed-list ol {
  counter-reset: item;
  display: table;
  padding: 0;
}

ol.bracketed-list ol {
  margin: 0.5em 0 0;
}

ol.bracketed-list li {
  display: table;
  margin: 0 0 0.5em;
  padding: 0;
}

ol.bracketed-list li:before {
  content: "(" counter(item) ") ";
  counter-increment: item;
  display: table-cell;
  padding-right: 0.7em;
  text-align: right;
  width: 2em;
}

ol.bracketed-list.lower-alpha li:before {
  content: "(" counter(item, lower-alpha) ") ";
  width: 2.9em;
}

ol.bracketed-list.lower-alpha li li:before,
ol.bracketed-list.lower-roman li:before {
  content: "(" counter(item, lower-roman) ") ";
  width: 2.9em;
}

ol.bracketed-list li li:before {
  content: "(" counter(item, lower-alpha) ") ";
  counter-increment: item;
}

ol.bracketed-list li li li:before {
  content: "(" counter(item, lower-roman) ") ";
  counter-increment: item;
  width: 2em;
}

ol.bracketed-list li li li li:before {
  content: "(" counter(item, upper-alpha) ") ";
  counter-increment: item;
  font-size: 90%;
  width: 1.5em;
}

ol.bracketed-list li.with-an-a:before {
  content: "(" counter(item) "A) ";
}

dl.dl_no-float {
  display: block;
  float: none;
}

dl.dl_no-float dt,
dl.dl_no-float dd {
  display: block;
  float: none;
  width: auto;
}

dl.dl_no-float dt {
  margin: 1em 0 0;
}

dl.dl_no-float dd {
  margin: 0 0 0 2em;
}

.next-prev-navigation {
  border-top: 1px solid #c8c8c8;
  margin: 4em -20px 0;
  padding: 1em 20px 0;
}

.next-prev-navigation .previous-page,
.next-prev-navigation .next-page {
  display: block;
  width: 45%;
}

.next-prev-navigation .previous-page {
  float: left;
}

.next-prev-navigation .next-page {
  float: right;
  text-align: right;
}

.next-prev-navigation .return-to {
  clear: both;
}

.vid-rate img {
margin-left: 5px;
}