/* The DIV containing all the VGT content */
/* Insulating styles help VGT defend against global styles set by affiliate templates */
div#vgt {
  position: relative;
  width: 490px;
}

div#vgt, div#vgt td {
  font-family: Trebuchet MS, Trebuchet, Verdana, Arial, sans-serif;
  font-size: 12px;
  line-height: 1.1;
}

div#vgt a:link, div#vgt a:visited, div#vgt a:active {
  font-weight: inherit;
  text-decoration: underline;
}

/* Global VGT styles */
div#vgt div, div#vgt li, div#vgt ol, div#vgt ul, div#vgt form, div#vgt table {
  position: relative;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

div#vgt a, div#vgt span {
  font-family: inherit;
  font-size: inherit;
  color: inherit;
}

div#vgt ol, div#vgt ul {
  padding: 0px 0px 0px 40px;
  margin: 12px 0px;
}

div#vgt h1, div#vgt h2, div#vgt h3, div#vgt h4, div#vgt h5, div#vgt h6 {
  color: inherit;
  font-weight: inherit;
  font-size: inherit;
}

div#vgt img {
  border: none;
  padding: 0px;
  margin: 0px;
}

div#vgt table {
  border-collapse: separate;
  margin: 0px;
  padding: 0px;
  width: auto;
}

div#vgt table td, div#vgt table th {
  padding: 0px;
  margin: 0px;
  width: auto;
}

div#vgt form {
  margin: 0px;
}

div#vgt form input {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 12px;
}

div#vgt form select {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
}

div#vgt div.vgt-row {
  padding: 6px 0px 0px 0px;
  width: 100%;
  clear: left;
}

div#vgt div.vgt-row.vgt-first {
  padding: 0px 0px 0px 0px;
}

div#vgt div.vgt-row * {
  float: left;
}

div#vgt div.vgt-row option {
  float: none;
}

div#vgt form.standard div.vgt-row {
  padding: 2px 0px 2px 0px;
}

div#vgt form.standard div.vgt-row * {
}

div#vgt form.standard div.vgt-row label {
  width: 150px;
  text-align: right;
  margin: 2px 8px 0px 10px;
}

div#vgt form *.formimage {
  cursor: pointer;
  border: none;
}

div#vgt form input.vgt-submit-disabled, a.submit-disabled img {
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
  cursor: progress;
}

div#vgt ul li, div#vgt ol li {
  border: none;
  padding: 0px;
  margin: 0px;
  background: none;
  list-style-position: inherit;
}

div#vgt h1, div#vgt h2, div#vgt h3, div#vgt h4, div#vgt h5, div#vgt h6, div#vgt h7 {
  border: none;
  padding: 0px;
  margin: 0px;
  font-size: inherit;
  font-weight: inherit;
  text-transform: none;
}

div#vgt .hidden {
  visibility: hidden;
}

div#vgt .display-none {
  display: none;
  width: 0px; height: 0px;
  overflow: hidden;
  visibility: collapse;
}

/* Helps with float:left and float:right */
div#vgt .vgt-clearfix-lr, div#vgt .vgt-clearfix {
}

div#vgt .vgt-clearfix-lr:after, div#vgt .vgt-clearfix:after {
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

div#vgt .vgt-clearfix:after {
  clear: left;
}

div#vgt .vgt-clearfix-lr:after {
  clear: both;
}

/* For error pages like "Guide not yet published" page */
div#vgt div.vgt-error {
  font-family: Verdana, Helvetica, Arial;
  font-size: 13px;
  color: black;
  background-color: white;
  text-align: left;
}

div#vgt div.vgt-error div.content {
  text-align: left;
  padding: 10px 10px 20px 10px;
  background-color: #EEEEEE;
  border: #CCCCCC 1px solid;
}

div#vgt div.vgt-error div.content h1 {
  margin: 2px 0px 4px 0px;
  font-size: 16px;
  font-weight: bold;
  color: #CC0000;
}

div#vgt div.vgt-error div.content h2 {
  margin: 2px 0px 10px 0px;
  font-size: 14px;
  font-weight: bold;
  color: #333333;
}

/* For inline errors such as form validation errors */
div#vgt ul.vgt-error-messages {
  background: #FFEEDD url(/images/warning.png) no-repeat 10px 10px;
  font-family: "Trebuchet MS", Arial; font-size: 14px; color: #993300;
	line-height: 18px;
  padding: 7px 7px 9px 7px;
  margin: 10px 0px 10px 0px;
  min-height: 26px;
}

div#vgt ul.vgt-error-messages li { margin-left: 52px; }

/* Indicates previewing the guide from the HQ */
div#vgt div.vgt-preview-ctrl {
  padding: 4px;
  border: 1px solid #79afd9;
  background-color: #cceeff;
  margin-bottom: 4px;
  color: #666666;
  font-size: 12px;
}

/* VGT graphical elements and controls */

/* A panel container */
div#vgt div.vgt-panel {
  font-size: 12px;
}

div#vgt div.vgt-panel a:link, div#vgt div.vgt-panel a:visited {
  color: #005aa3;
}

/* A panel header */
div#vgt div.vgt-panel div.vgt-header {
  border: solid #79afd9;
  border-width: 1px 1px 0px 1px;
  background-image: url(/images/voter/header-bg.gif);
  background-color: #84C8EC;
  color: white;
  font-size: 18px;
  padding: 5px 10px 4px 9px;
}

/* The panel header close button */
div#vgt div.vgt-panel div.vgt-header span.vgt-header-close {
  float: right;
  padding: 4px 0px 0px 0px;
  z-index: 10;
  position: relative;
}

div#vgt div.vgt-panel div.vgt-header span.vgt-header-close input {
  background-image: url(/images/voter/header-close.gif);
  width: 9px;
  height: 9px;
}

/* Links in a panel header */
div#vgt div.vgt-panel div.vgt-header span.vgt-header-links {
  float: right;
  font-size: 10px;
  padding-top: 6px;
  z-index: 10;
  position: relative;
}

div#vgt div.vgt-panel div.vgt-header span.vgt-header-links a {
  color: white;
  font-size: 10px;
}

div#vgt div.vgt-panel div.vgt-subheader {
  padding: 5px 10px 5px 9px;
  background-image: url(/images/voter/subheader-bg.gif);
  background-color: #B0EAFF;
  border-top: 1px solid #a8a8a8;
  border-bottom: 1px solid #ffffff;
  font-size: 15px;
  line-height: 17px;
  color: #004455;
}

div#vgt div.vgt-panel div.vgt-subheader h2 {
  padding: 0px; margin: 0px;
}

/* Panel border */
div#vgt div.vgt-panel div.vgt-panel-body {
  border: solid;
  border-width: 0px 1px 1px 1px;
  border-color: #a8a8a8 #a8a8a8 #bbbbbb #a8a8a8;
  clear: both;
}

div#vgt div.vgt-panel div.vgt-panel-footer {
  border: solid #a8a8a8;
  border-width: 0px 1px 1px 1px;
  background-color: #d5d5d5;
  font-size: 11px;
  clear: both;
}

div#vgt div.vgt-panel div.vgt-panel-footer div {
  border: 1px solid #e7e7e7;
  border-width: 1px 0px 0px 1px;
  padding: 2px 10px 3px 5px;
  text-align: right;
}

div#vgt div.vgt-panel div.vgt-panel-footer a, div#vgt div.vgt-panel div.vgt-panel-footer a:visited {
  text-decoration: none;
  color: black;
  font-family: Gill Sans, Lucida Sans, sans-serif;
}

div#vgt div.vgt-panel div.vgt-panel-footer img {
  vertical-align: -1px;
  padding: 0px 1px 0px 2px;
}

/* Extra panel border to give it visual depth */
div#vgt div.vgt-panel div.vgt-panel-body div.vgt-panel-body-bd {
  border-left: 1px solid white;
}

/* The main content pane for a panel */
div#vgt div.vgt-panel div.vgt-panel-content {
  padding: 10px 10px 10px 9px;
  background-color: #eeeeee;
}

/* A panel content area stylized for instructions */
div#vgt div.vgt-panel div.vgt-panel-instructions {
  background-color: #f5f5f5;
  padding: 10px 10px 8px 9px;
}

/* A panel content area stylized to follow instructions */
div#vgt div.vgt-panel div.vgt-panel-afterinstr {
  padding: 10px 10px 10px 9px;
  background-color: #ebebeb;
}

/* A panel content area stylized to contain a note */
div#vgt div.vgt-panel div.vgt-note {
  padding: 8px;
  background-color: #ffffd1;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  margin: 10px 0px 10px 0px;
  color: #808080;
}

div#vgt div.vgt-panel div.vgt-note b {
  color: black;
  font-weight: normal;
}

/* Modal dialog and mask */
div#vgt div.vgt-modal {
  position: absolute;
  left: 0px;
  top: 0px;
  z-index: 20;
}

div#vgt div.vgt-modal-mask {
  position: absolute;
  left: 0px;
  top: 0px;
  background-color: #666666;
  opacity: 0.5;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
	filter: alpha(opacity=50);
}

/* The ballot navigation bar */

div#vgt div.vgt-ballot-nav {
  background-color: #e2e2e2;
  padding: 8px 9px 9px 9px;
  border-top:1px solid #eeeeee;
  line-height: 14px;
}

div#vgt div.vgt-ballot-nav .vgt-ballot-endorse {
  font-weight: bold;
  background: transparent url(/images/warning.png) no-repeat 2px center;
  padding: 4px 6px 4px 38px;
}

/* Vertical spacing for the navigation bar */
div#vgt div.vgt-ballot-nav img.vgt-bnav-vert {
  width: 1px;
  height: 21px;
}

div#vgt div.vgt-ballot-nav ol {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  float: left;
  display: inline-block;
  z-index: 10;
}

div#vgt div.vgt-ballot-nav ol li {
  float: left;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc a {
  text-decoration: none;
  color: black;
}

/* An indexed navigation element */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-index {
  border: 1px solid #cccccc;
  background-color: white;
  padding: 3px 4px 2px 4px;
  margin-right: 2px;
  text-align: center;
  float: left;
  font-size: 12px;
  cursor: pointer;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-index.hover {
  background-color: #FFFFBB;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-index a {
  text-decoration: none;
}

/* An ellipsis navigation element */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-elip {
  float: left;
  font-size: 12px;
  margin-right: 2px;
  padding: 3px 0px 2px 0px;
  color: #666666;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-elip a {
  color: #666666;
  text-decoration: none;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-elip a:hover {
  color: #000000;
}

/* The navigation element for the current page */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-this {
  border: none;
  background-color: transparent;
  font-weight: bold;
  padding: 4px 4px 3px 4px;
  cursor: default;
}

/* A navigation element for a completed page */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-done {
  background-color: transparent;
}

/* The previous, next and done navigation elements */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc {
  border: 1px solid;
  border-color: #cccccc #b3b3b3 #b3b3b3 #cccccc;
  margin-right: 10px;
  float: left;
  color: #808080;
  z-index: 10;
}
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc.next {
  margin-left: 4px;
  margin-right: 6px;
}
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc.done {
  margin-left: 0px;
  margin-right: 0px;
}

/* Border for the previous, next and done navigation elements */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc div.vgt-bnav-incbd {
  border: solid #eeeeee;
  border-width: 1px 0px 0px 1px;
  padding: 2px 5px 2px 4px;
  background-color: #cccccc;
  cursor: pointer;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc div.vgt-bnav-incbdoff {
  cursor: default;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc div.vgt-bnav-incbd.hover {
  background-color: #e4e4cc;
}

/* Highlight the next button when the page is complete */
div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc div.vgt-bnav-incbd.vgt-bnav-ready {
  background-color: #BBFFCC;
}

div#vgt div.vgt-ballot-nav ol li.vgt-bnav-inc div.vgt-bnav-incbd.vgt-bnav-ready.hover {
  background-color: #88FFAA;
}

/* Link to add more races to the ballot */
div#vgt div.vgt-add-more {
  float: left;
  padding-top: 3px;
  padding-left: 8px;
  z-index: 10;
}

div#vgt div.vgt-panel div.vgt-add-more a {
  color: #ff2626;
  margin-right: 5px;
  padding: 2px 0px 0px 21px;
  height: 18px;
  background-image: url(/images/voter/warn.gif);
  background-repeat: no-repeat;
  float: left;
}

/* The main race content page */

/* The race title on the main page */
div#vgt div.vgt-race h1 {
  font-size: 16px;
  font-weight: bold;
  padding: 0px 0px 4px 0px;
  margin: 0px;
}

div#vgt div.vgt-pdfex {
  float: right;
  z-index: 10;
  background: url(/images/voter/pdf16.gif) no-repeat;
  padding-left: 20px;
  padding-top: 2px;
  height: 16px;
  font-size: 11px;
}

div#vgt a.vgt-pdfex-icon {
  background: url(/images/voter/pdf16.gif) no-repeat;
  width: 16px; height: 16px;
  display: inline-block;
  vertical-align: bottom;
}

/* The race description */
div#vgt div.vgt-race div.vgt-ballot-itemdescr {
  font-size: 12px;
  color: #666666;
  padding: 4px 0px 4px 0px;
}

/* The "My Notes" control */
div#vgt div.vgt-mynotes {
  padding: 8px;
  background-color: #ffffd1;
  font-size: 12px;
  border: 1px solid #d9d9d9;
  margin: -8px 0px 4px 0px;
  color: #808080;
}

div#vgt div.vgt-mynotes b {
  color: black;
  font-weight: normal;
}

div#vgt div.vgt-mynotes a {
  color: #ff2626;
  font-size: 10px;
}

div#vgt div.vgt-mynotes input.text {
  width: 275px;
}

/* Pushes the page down when there is no race displayed */
div#vgt #vgt-empty-spacer {
  width: 1px;
  height: 450px;
}

/* The candidate list */

div#vgt ul.vgt-candidate-list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  display: inline-block;
  width: 100%;
}

div#vgt ul.vgt-candidate-list li {
  float: left;
  padding: 6px 0px 6px 0px;
  border-bottom: 1px solid #d9d9d9;
  border-top: 1px solid white;
  width: 100%;
}

div#vgt ul.vgt-candidate-list li.vgt-first {
  border-top: none;
}

div#vgt ul.vgt-candidate-list li.vgt-last {
  border-bottom: none;
  padding-bottom: 2px;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor {
  width: 100%;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td {
  vertical-align: middle;
  border: 1px solid #EEEEEE;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td.vgt-name {
  padding: 2px 12px 2px 2px;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td.vgt-sel {
  padding: 8px 0px 8px 0px;
  width: 79px;
  text-align: center;
  cursor: pointer;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td td {
  vertical-align: top;
  border: none;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td.vgt-targeted {
  background-color: #FFFFE5;
  border: 1px solid #FFFFCC;
  cursor: pointer;
}

div#vgt .vgt-candidate-colhead {
  margin: 12px -10px 0px -9px;
  border-bottom: 1px solid #FAFAFA;
}

div#vgt .vgt-candidate-colhead .vgt-colhead-bd {
  border-bottom: 3px solid #7FB9E4;
}

div#vgt .vgt-candidate-colhead table {
  width: 100%;
}

div#vgt .vgt-candidate-colhead .vgt-colhead-bd div {
  display: inline-block;
  background-color: #83C4EA;
  padding: 3px 8px 2px 14px;
  color: white;
  font-size: 10px;
  font-weight: bold;
  font-family: "Lucida Sans", "Arial", sans-serif;
  background-image: url(/images/voter/colhead-down.gif);
  background-repeat: no-repeat;
  border-right: 1px solid #79AFD9;
}

div#vgt .vgt-candidate-colhead .vgt-colhead-comp {
  text-align: left;
  padding-left: 87px;
}

div#vgt .vgt-candidate-colhead .vgt-colhead-choose {
  text-align: right;
  padding-right: 23px;
}

div#vgt ul.vgt-candidate-list table.vgt-race-hor td.vgt-name-targeted {
  /*background-image: url(/images/voter/add-to-compare.gif);*/
  /*background-position: bottom right;*/
  /*background-repeat: no-repeat;*/
}

/* The candidate images */
div#vgt .vgt-candidate-image, div#vgt .vgt-candidate-image-empty {
  margin-right: 10px;
  width: 68px;
}

div#vgt div.vgt-hor-layout .vgt-candidate-image, div#vgt div.vgt-hor-layout .vgt-candidate-image-empty {
  margin-right: 4px;
}

div#vgt .vgt-candidate-image div {
  padding: 3px;
  background-color: white;
  border: 1px solid #d9d9d9;
  text-align: center;
}

div#vgt .vgt-candidate-image-empty div {
  padding: 3px;
  border: none;
}

/* Area for the candidate name and occupation */
div#vgt .vgt-candidate-details {
  padding: 5px 0px 0px 0px;
  color: #666666;
  font-size: 12px;
}

/* The candidate name */
div#vgt .vgt-candidate-details h3 {
  font-size: 14px;
  color: black;
  margin: 0px;
}

/* The candidate occupation */
div#vgt .vgt-candidate-details h4 {
  padding: 4px 0px 2px 0px;
  font-size: 12px;
  margin: 0px;
}

/* Hide/show candidate control */
div#vgt .vgt-candidate-control {
  margin-top: 20px;
  font-size: 10px;
  padding: 0px 0px 2px 0px;
  height: 12px;
}

div#vgt div.vgt-candidate-control a {
  color: #ff2626;
}

div#vgt div.vgt-candidate-control img {
  margin-right: 4px;
  background-image: url(/images/voter/candidate-hide.gif);
  width: 6px; height: 6px;
}

/* Instructions for how many to candidates to choose */
div#vgt div.vgt-choose-count {
  text-align: right;
  font-size: 10px;
  color: #666666;
  padding: 2px 4px 2px 0px;
}

/* The candidate selection checkbox container */
div#vgt div.vgt-candidate-check {
}

div#vgt div.vgt-candidate-check *.formimage {
  width: 25px;
  height: 25px;
  background-image: url(/images/voter/select-off.gif);
}

div#vgt div.vgt-candidate-check *.formimage.over {
  background-image: url(/images/voter/select-over.gif);
}

div#vgt div.vgt-candidate-check *.formimage.on {
  background-image: url(/images/voter/select-on.gif);
}

/* The collapsed (hidden) candidate container */
div#vgt div.vgt-candidate-collapsed {
  padding: 5px 0px 5px 78px;
}

div#vgt div.vgt-candidate-collapsed b {
  font-size: 14px;
  color: black;
}

div#vgt div.vgt-candidate-collapsed a {
  font-size: 10px;
  color: #ff2626;
}

/* Candidate comparison area */

div#vgt div.vgt-comparison-div {
  height: 1px;
  overflow: hidden;
  background-color: #e2e2e2;
}

div#vgt div.vgt-comparison {
}

/* Contains all the question containers */
div#vgt div.vgt-comparison ol#vgt-questions {
  background-color: #eeeeee;
  list-style-type: none;
  margin: 0px;
  padding: 0px;
  width: 100%;
}

/* A single question and answer container */
div#vgt div.vgt-comparison ol#vgt-questions li {
  border: solid #cccccc;
  border-width: 1px 0px 0px 0px;
  width: 100%;
}

/* The header */
div#vgt div.vgt-comparison div.vgt-comparison-head {
  padding: 8px 9px 8px 11px;
  color: black;
  background-color: #e2e2e2;
}

div#vgt div.vgt-comparison div.vgt-comparison-head.hover {
  background-color: #f2f2e2;
  cursor: pointer;
}

div#vgt div.vgt-comparison div.vgt-comparison-head span {
  float: right;
  position: relative;
}

div#vgt div.vgt-comparison div.vgt-comparison-head div {
  padding: 0px 24px 2px 0px;
}

div#vgt div.vgt-comparison div.vgt-comparison-head div.vgt-qbg, div#vgt table.vgt-hor-layout tr.vgt-rowq div.vgt-qbg {
  margin-top: 8px;
  font-style: italic;
  color: #555555;
}

/* The expand/collapse header image */
div#vgt div.vgt-comparison div.vgt-comparison-head img.vgt-excol {
  border: 1px solid #cccccc;
  width: 13px;
  height: 13px;
  background-image: url(/images/voter/compare-expand.gif);
}

div#vgt div.vgt-comparison div.vgt-comparison-head img.vgt-excol.vgt-excol-collapse {
  background-image: url(/images/voter/compare-collapse.gif);
}

div#vgt div.vgt-comparison div.vgt-comparison-section {
  background-color: #E0E9EA;
  font-weight: bold;
  padding: 5px 9px 3px 11px;
  border-bottom: 1px solid #e0faff;
  font-size: 13px;
}

div#vgt div.vgt-comparison div.vgt-comparison-section.hover {
  cursor: default;
  background-color: #d5e5e5;
}

/* The answer container */
div#vgt div.vgt-comparison div.vgt-comparison-answer {
  padding: 8px 10px 8px 10px;
}

/* An individual answer */
div#vgt div.vgt-comparison div.vgt-comparison-answer div.answer {
  color: #666666;
  width: 47%;
  float: left;
}

div#vgt div.vgt-comparison div.vgt-comparison-answer div.answer.answer0 {
  padding-right: 10px;
}

div#vgt div.vgt-comparison div.vgt-comparison-answer div.answer.answer1 {
  padding-left: 10px;
}

div#vgt div.vgt-comparison div.vgt-comparison-answer div.answer.answerOf1 {
  width: 100%;
  padding-right: 0px; padding-left: 0px;
}

div#vgt div.answer object.vgt-youtube {
  margin-top: 4px;
  display: block;
}

/* Make YouTube videos larger when displayed with only one candidate. */
div#vgt div.answer.answerOf1 object.vgt-youtube, div#vgt div.answer.answerOf1 object.vgt-youtube embed {
  width: 309px;
  height: 250px;
}

div#vgt div.vgt-comparison div.vgt-comparison-answer div.answer b {
  color: black;
  font-weight: normal;
}

div#vgt div.vgt-bio-pair {
  margin-left: 12px;
  padding: 0px 0px 6px 0px;
  text-indent: -12px;
}

div#vgt div.vgt-bio-pair span.dt {
  font-size: 11px;
  font-weight: bold;
  color: black;
  padding-right: 1px;
}

div#vgt div.vgt-bio-pair span.dd {
}

div#vgt div.vgt-bio-pair span.dd_EMAIL, div#vgt div.vgt-bio-pair span.dd_URL {
  white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis; // works on IE and Saf
  display: block;
  text-indent: 0px;
}

div#vgt object.vgt-youtube, div#vgt object.vgt-youtube embed {
  width: 220px;
  height: 178px;
  vertical-align: top;
}

div#vgt div.vgt-youtube-after {
  padding-top: 4px;
}

div#vgt span.vgt-bio-empty {
  color: #b2b2b2;
}

div#vgt .vgt-answer-support {
  background-image: url(/images/voter/answer-support.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  min-height: 16px;
  margin-top: 2px;
}

div#vgt .vgt-answer-oppose {
  background-image: url(/images/voter/answer-oppose.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  min-height: 16px;
  margin-top: 2px;
}

div#vgt .vgt-answer-nopos {
  background-image: url(/images/voter/answer-nopos.gif);
  background-repeat: no-repeat;
  padding-left: 20px;
  min-height: 16px;
  margin-top: 2px;
}

/* All answers are rendered invisible on the page */
div#vgt div.vgt-comparison div.vgt-answer-cache {
  display: none;
}

/* The select box choosers */
div#vgt div.vgt-comparison div.vgt-comparison-choosers {
  padding: 6px 0px 0px 0px;
  width: 100%;
}

div#vgt div.vgt-comparison div.vgt-comparison-choosers div.rightcol, div#vgt div.vgt-comparison div.vgt-comparison-choosers div.leftcol {
  width: 48%;
  float: left;
}

div#vgt div.vgt-comparison div.vgt-comparison-choosers div.rightcol {
  padding-left: 18px;
}

div#vgt div.vgt-comparison div.vgt-comparison-choosers div.leftcol div,
div#vgt div.vgt-comparison div.vgt-comparison-choosers div.rightcol div {
  float: left;
}

/* The comparison select box */
div#vgt select.vgt-comparison-sel {
  width: 135px;
}

/* The candidate image well in the comparison area */
div#vgt div.vgt-comparison-drop {
  background-color: #999999;
  border: none;
  position: relative;
  padding: 0px;
}

/* An empty image well */
div#vgt div.vgt-comparison-drop img.blank {
  width: 60px;
  height: 80px;
}

/* The "Get Started" dialog */

div#vgt .vgt-get-started-dialog {
  width: 410px;
}

/* The button and links at the bottom, in two columns */
div#vgt div.vgt-get-started-actions {
  width: 100%;
}

/* The "Find My Races" button */
div#vgt div.vgt-get-started-actions input, div#vgt div.vgt-get-started-actions a img {
  float: left;
  width: 157px;
  height: 33px;
  background-image: url(/images/voter/btn-find-my-races.gif);
}

div#vgt div.vgt-get-started-actions div {
  padding-top: 4px;
  float: right;
  text-align: right;
  color: #808080;
  font-size: 12px;
  line-height: 14px;
}

div#vgt #vgt-address-form .vgt-row {
}

div#vgt #vgt-address-form .vgt-row label {
  margin: 4px 10px 0px 16px;
  width: 90px;
  text-align: right;
  white-space: nowrap;
}

div#vgt #vgt-address-form .vgt-row label.contd {
  margin-left: 10px;
  width: 25px;
}

/* Specific form elements */
div#vgt #vgt-address-form #vgt-input-address {
  width: 255px;
}

div#vgt #vgt-address-form #vgt-input-city {
  width: 120px;
}

div#vgt #vgt-address-form #vgt-input-zip {
  width: 84px;
}

/* The race index page (and build ballot pages) */

div#vgt div.vgt-filtersearch {
  margin-bottom: 8px;
}

div#vgt div.vgt-filtersearch input.vgt-search {
  width: 200px;
}

div#vgt div.vgt-filtersearch #filterStatus {
  font-size: 11px;
  vertical-align: baseline;
  padding-left: 8px;
  color: #666666;
}

/* The race category title */
div#vgt div.vgt-raceindex-category {
  font-size: 14px;
  padding: 4px 0px 0px 0px;
}

/* Padding around races */
div#vgt ol.vgt-raceindex-catitems {
  padding: 6px 0px 6px 6px;
  list-style-type: none;
  margin: 0px;
}

div#vgt ol.vgt-raceindex-catitems ol {
  list-style-type: none;
  padding: 4px 0px 0px 30px;
  margin: 0px;
}

div#vgt ol.vgt-raceindex-catitems.no-indent {
  padding-left: 0px;
}

/* A single race */
div#vgt ol.vgt-raceindex-catitems li {
  padding: 2px 0px 16px 0px;
}

div#vgt ol.vgt-raceindex-catitems li li {
  padding: 2px 0px 3px 0px;
  text-indent: -16px;
  margin-left: 16px;
}

/* The candidate index page */

div#vgt ol.vgt-alphabet {
  margin: 0px 0px 20px 0px;
  padding: 0px;
  list-style-none: none;
}

div#vgt ol.vgt-alphabet li {
  display: inline-block;
  padding: 0px 3px;
  border-right: 1px solid #CCCCCC;
}

div#vgt ol.vgt-alphabet li.vgt-off {
  color: #999999;
}

div#vgt ol.vgt-alphabet li:last-child { 
  border-right: none;
}

/* Padding around a group */
div#vgt ol.vgt-candidateindex-items {
  list-style-type: none;
  margin: 0px;
  padding: 6px 0px 6px 6px;
}

div#vgt ol.vgt-candidateindex-items a.vgt-letter {
  float: left;
  color: #666666;
  font-size: 18px;
}

div#vgt ol.vgt-candidateindex-items ol {
  list-style-type: none;
  padding: 0px 0px 0px 30px;
  margin: 0px;
}

/* A single candidate */
div#vgt ol.vgt-candidateindex-items li {
  padding: 2px 0px 16px 0px;
}

div#vgt ol.vgt-candidateindex-items li li {
  padding: 2px 0px 3px 0px;
}

div#vgt ol.vgt-candidateindex-items li li div {
  padding: 2px 0px 0px 16px;
  color: #666666;
}

/* Build ballot pages */

/* Instruction block */
div#vgt div.vgt-buildballot-instr {
  font-weight: bold;
  padding: 4px 0px 12px 0px;
}

/* Content block */
div#vgt div.vgt-buildballot-content {
  padding: 2px 0px 12px 16px;
}

/* Continue to next step block */
div#vgt div.vgt-buildballot-next {
  padding: 8px 6px 6px 6px;
}

div#vgt div.vgt-buildballot-content div.vgt-buildballot-indent {
  padding: 8px 0px 12px 10px;
}

div#vgt div.vgt-buildballot-content div.vgt-buildballot-descr {
  color: #666666;
  padding: 2px 0px 6px 0px;
}

div#vgt div.vgt-buildballot-content div.vgt-buildballot-error {
  padding: 0px 12px 8px 0px;
  color: #997744;
  font-size: 11px;
  font-style: italic;
}

div#vgt div.vgt-buildballot-content div.vgt-buildballot-error a {
  color: #665522;
}

/* Confirm districts page */

div#vgt div.vgt-address-section {
  padding: 0px 0px 8px 12px;
}

/* A district row */
div#vgt div.vgt-address-section div.vgt-row {
  padding: 2px 0px 2px 0px;
}

div#vgt div.vgt-address-section div.vgt-row label {
  width: 175px;
}

div#vgt div.vgt-address-section div.vgt-row b {
  margin-left: 8px;
}

div#vgt #vgt-address-error-form {
  border: #ffcccc 1px solid;
  background-color: #ffeeee;
  margin: 6px 0px 0px 0px;
  padding: 10px;
  color: #cc0000;
}

div#vgt div.vgt-address-section select {
  width: 200px;
}

div#vgt div.vgt-address-section textarea {
  width: 250px;
  height: 80px;
}

div#vgt div.vgt-address-section textarea.readonly {
  height: 30px;
  color: #666666;
  background-color: #eeeeee;
}

/* The Yahoo Maps map container */
div#vgt div#map {
  border: 1px solid #a8a8a8;
  text-align: center;
  overflow: hidden;
  margin-top: 4px;
  height: 235px; /* width and height repeated in HTML for Google Maps to render properly */
  width: 430px;
}

div#vgt div.vgt-hor-layout {
  background-color: #eeeeee;
}

/* Horizontal layout */
div#vgt table.vgt-hor-layout {
  border-collapse: collapse;
  width: 100%;
  height: 100%;
  table-layout: fixed;
}

div#vgt table.vgt-hor-layout tr.vgt-rowsec td, div#vgt table.vgt-hor-layout tr.vgt-rowq td {
  padding: 8px 9px 8px 11px;
  color: black;
  background-color: #e2e2e2;
  border-top: 1px solid #cccccc;
}

div#vgt.vgt-horcolmx-5 {
  width: auto;
}

div#vgt table.vgt-hor-layout table.vgt-candimg {
  height: 100%;
}

div#vgt table.vgt-hor-layout td.vgt-rowsplit {
  min-width: 155px;
  overflow: hidden;
}

div#vgt table.vgt-hor-layout td.vgt-rowsplit table td.vgt-sel {
  vertical-align: bottom;
  text-align: center;
  padding: 8px 0px 4px 0px;
}

div#vgt table.vgt-hor-layout .vgt-candidate-details {
  text-align: center;
}

div#vgt table.vgt-hor-layout td {
  vertical-align: top;
  border-spacing: 0px;
}

div#vgt table.vgt-hor-layout td.vgt-rowsplit {
  padding: 5px 5px 5px 11px;
}

div#vgt table.vgt-hor-layout-1 {

}

div#vgt table.vgt-hor-layout-2 {

}

div#vgt table.vgt-hor-layout-2 td.vgt-rowsplit {
  width: 50%;
}

div#vgt table.vgt-hor-layout-3 {

}

div#vgt table.vgt-hor-layout-3 td.vgt-rowsplit {
  width: 33%;
}

div#vgt table.vgt-hor-layout-4 {

}

div#vgt table.vgt-hor-layout-4 td.vgt-rowsplit {
  width: 23%;
}

div#vgt.vgt-horcolmx-5 table.vgt-hor-layout-4 td.vgt-rowsplit {
  width: auto;
}

/* Ballot end page sequence */

/* Content block */
div#vgt div.vgt-last-content {
  padding: 20px 20px 24px 20px;
  font-size: 14px;
}

/* Description block */
div#vgt div.vgt-last-desc {
  padding: 0px 0px 16px 0px;
}

/* Warning block */
div#vgt div.vgt-last-warn {
  font-weight: bold;
  padding: 0px 0px 16px 0px;
}

/* Skip this step block */
div#vgt div.vgt-last-skip {
  font-size: 12px;
  padding: 16px 0px 16px 52px;
}

/* Start ballot over block */
div#vgt div.vgt-last-startover {
  font-size: 12px;
  color: #666666;
  padding: 24px 0px 0px 0px;
}

/* List of skipped races */
div#vgt ol.vgt-last-skipped {
  list-style-type: none;
  padding: 0px 0px 0px 20px;
  margin: 0px;
}

div#vgt ol.vgt-last-skipped li {
  font-weight: normal;
  padding: 2px 0px 0px 0px;
}

div#vgt div.vgt-last-page input.text, div#vgt div.vgt-last-page textarea {
  width: 250px;
}

div#vgt *.vgt-img-continue {
  background-image: url(/images/voter/btn-continue.gif);
  width: 114px;
  height: 33px;
}

div#vgt *.vgt-img-back {
  background-image: url(/images/voter/btn-back.gif);
  width: 64px;
  height: 33px;
}

/* Privacy policy page */

div#vgt #vgt-privacy {
  padding: 10px;
}

/* Chat */

div#vgt iframe#vgt-chat-frame {
  width: 100%;
  height: 550px;
  border: 0px;
}

div#vgt div.vgt-last-page.chat .vgt-last-desc a div {
  margin-top: 4px;
  background-image: url(/images/voter/btn-continue.gif);
  width: 114px;
  height: 33px;
  cursor: pointer;
}

div#vgt div.vgt-panel.chat-container div.vgt-panel-content {
  padding: 0px;
}

/* Used in Help */

div#vgt .vgt-help-topic {
  font-size: 14px;
  font-weight: bold;
  padding-top: 100px;
}

div#vgt .vgt-help-q {
  font-weight: bold;
  padding-top: 15px;
}

div#vgt .vgt-help-a {
  padding-top: 6px;
}

/* Used in Survey */

body#vgt.vgt-popup {
  font-family: "Trebuchet MS", Arial;
  font-size: 12px;
  color: black;
  line-height: 14px;
  background-color: white;
  margin: 10px 10px 10px 10px;
}

body#vgt.vgt-popup h1 {
  font-size: 15px;
  font-weight: bold;
  color: #333333;
}

body#vgt.vgt-popup h2 {
  font-size: 13px;
  font-weight: bold;
  color: #333333;
}

/* jQuery hintbox plug-in */
div#vgt .hintbox_list_container ul {
	background-color: #FFFFFF;
	padding: 0;
	margin: 0;
	border: 1px solid #7F9DB9;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}

div#vgt .hintbox_list_container ul li {
	margin: 0;
	padding: 2px 5px 2px 5px;
	border: 0;
}

div#vgt .hintbox_input {
	margin: 0;
	padding: 1px 18px 1px 4px;
	width: 160px;
	border: 1px solid #7F9DB9;
}

div#vgt .hintbox_loading {
	background: url(../images/ajax-loader.gif) no-repeat center right;
}

div#vgt form.vgt-search {
  position: relative;
  float: right;
  margin: 1px -2px 0px 8px;
  z-index: 11;
  font-size: 10px;
}

div#vgt form.vgt-search input {
  -moz-box-sizing: content-box;
  height: 14px;
  margin-right: 17px;
  width: 65px;
  border: 1px solid #66AACC;
  font-size: 10px;
  vertical-align: top;
  padding: 1px 3px;
}

div#vgt form.vgt-search button {
  position: absolute;
  background: transparent url(/images/voter/search.gif) no-repeat center center;
  top: 0px; right: 0px;
  height: 18px;
  width: 18px;
  cursor: pointer;
  margin: 0px; padding: 0px;
  vertical-align: top;
  border: 1px solid #6699FF; border-width: 1px 1px 1px 0px;
}

div#vgt ol.vgt-search-results li {
  padding: 4px 0px 10px 0px;
}

div#vgt ol.vgt-search-results li div {
  padding-top: 4px;
  color: #666666;
}

div#vgt ol.vgt-search-results li div b {
  color: #000000; font-weight: bold;
}

div#vgt .vgt-callout-outer {
  font-size: 12px;
  position: absolute;
  background-color: white;
  top: 100px; left: 100px;
  padding: 5px 8px;
  border: 1px solid #cccccc;
}

div#vgt .vgt-callout {
  position: absolute;
  left: -8px; top: 14px;
  width: 8px; height: 15px;
  background-image: url(/images/voter/like-callout.gif);
  background-repeat: no-repeat;
  background-position: 0px 0px;
}

div#vgt .vgt-fblike h2 {
  margin-bottom: 8px;
  font-size: 16px;
  font-weight: bold;
}

div#vgt .vgt-fblike .vgt-fblike-ignore {
  text-align: right;
  margin-top: 8px;
  float: right;
  z-index: 10;
}

div#vgt .vgt-fblike .vgt-fblike-next {
  margin-top: 8px;
}

div#vgt .vgt-debate-entry {
  margin-bottom: 16px;
}

div#vgt .vgt-debate-entry .ts {
  color: #999999;
  font-size: 11px;
}

div#vgt .vgt-debate-response {
  margin-left: 20px;
  margin-top: 8px;
}

div#vgt a.vgt-l10n {
  background-image: url(/images/globe1-blue16.png);
  width: 16px;
  height: 16px;
  display: inline-block;
  vertical-align: top;
  margin: -2px 0px 0px 4px;
}

div#vgt .vgt-l10n-popup ul {
  padding: 0px;
  margin: 0px 0px 0px 20px;
}

div#vgt .vgt-l10n-popup ul li {
  list-style: none;
  margin: 2px 0px;
  padding: 0px;
}

div#vgt .vgt-l10n-popup ul li label {
}

div#vgt a.vgt-abusive {
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/voter/abusive.png);
  margin: -1px 0px -16px 4px;
  vertical-align: top;
  opacity: 0.75;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
	filter: alpha(opacity=75);
}

div#vgt a.vgt-abusive:hover {
  opacity: 1.0;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: alpha(opacity=100);
}

div#vgt .vgt-abuse textarea {
  width: 250px;
  height: 40px;
}

div#vgt .vgt-abuse h2 {
  margin-bottom: 8px;
  font-size: 14px;
  font-weight: bold;
}

div#vgt .vgt-abuse div {
  margin-top: 8px;
}
