p {margin: 9px 0;}
td {
  padding: 0 10px;
}

/*remove annoying edit controls */
div.icons {display:none;}

td.conscience {border-right:0px solid black;}

.nn_sliders.accordion, .accordion {
margin-bottom: 0;
}

.questionnaire .table td {border:0}

@media (max-width: 600px) {

    .questionnaire table tr > *{
        display: block;
    }
    .questionnaire table tr {
        display: table-cell;
    }

}

/* Diagonal rotate of table headers */
/*.tablesaw th {
  -o-transform: rotate(300deg); 
  -moz-transform: rotate(300deg); 
  -ms-transform: rotate(-120deg);
  -webkit-transform: rotate(300deg); 
  transform: rotate(300deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  white-space: nowrap;
}

.tablesaw th {
  height: 140px;
  white-space: nowrap;
}*/

/*.tablesaw th > div {
  transform: translate(8px, 12px) rotate(300deg);
   -o-transform: translate(8px, 12px) rotate(300deg); 
  -moz-transform: translate(8px, 12px) rotate(300deg); 
  -ms-transform: translate(8px, 12px) rotate(-120deg); 
  -webkit-transform: translate(8px, 12px) rotate(300deg); 
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); 
  -ms-writing-mode: bt-lr;
  writing-mode: bt-lr;
  width: 5px;
}*/


/* need different borders for diagonal text */
#results th {border-left:0}

/* END ROTATE */

/* Alternate column shading */
td.col-6 {background-image: url(../images/80-transparent.png);}
/*th.rotate.col-2 span,th.rotate.col-4 span,th.rotate.col-6 span,th.rotate.col-8 span,th.rotate.col-10 span {border-bottom:3px solid #bbb;}
*/

.highlight {
  background-image: url(../images/80-transparent.png);
}
/* END ALTERNATE COLUMN SHADING */


body.site {padding:0;border-top:0;background-color:#2679a4}

/* Global navigation bar */
#topwrap .topwrap-inner {margin:0 auto; max-width:700px;}
#topwrap {padding:0;background:#252525;border-top:none;border-bottom:none;color:#fff;height:30px}
#topwrap a{color:#776455;text-shadow:none;line-height:30px;}
#topwrap a:hover{color:#ccc}
#topwrap ul{list-style-type: none;margin:0;}
#topwrap ul li a{float:left;margin:0 50px 0 0;color:#fff;}
#topwrap ul li a:hover{background:none;color:#ccc}
#topwrap ul li.active a{background:none;color:#776455}
#topwrap li.top-active {font-weight:bold;}
@media (max-device-width: 700px)  {
	#topwrap {display:none}
}
/* END GLOBAL NAVIGATION */

.body .container { margin-top: 20px;}


.list-multi { margin: 0; -moz-column-count: 4; -moz-column-gap: 2.5em; -webkit-column-count: 4; -webkit-column-gap: 2.5em; column-count: 4; column-gap: 2.5em; }
.list-multi>li { -webkit-column-break-inside: avoid; break-inside: avoid; list-style:none;}
.list-multi>li>ul { margin-left:0; list-style:none;}
.list-multi .alphabet { font-weight: bold; list-style:none;}
	
.list-multi-one { margin: 0; -moz-column-count: 1; -moz-column-gap: 2.5em; -webkit-column-count: 1; -webkit-column-gap: 2.5em; column-count: 1; column-gap: 2.5em; }
.list-multi-one>li { -webkit-column-break-inside: avoid; break-inside: avoid; list-style:none;}
.list-multi-one>li>ul { margin-left:0; list-style:none;}
.list-multi-one .alphabet { font-weight: bold; list-style:none;}


/* Electorate finder form */
.field {float:left; margin-right: 4px;}
.shortinput {
    width: 42px !important;
}
#street_type {
    width: 150px !important;
}

#district label {
    color: #1E1E1E;
	padding-left:7px;
    font-size: 1.231em;
    line-height: 1.125em;
	display:block;
	padding-bottom:3px;

}

#district p.notes {
	padding-left:8px;
}

#district input[type="text"] {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    color: #1E1E1E;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    margin: 0 6px 6px 3px;
    padding: 7px 13px 9px 14px;
    width: 122px;
}

#district #suburbs {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    color: #1E1E1E;
    font-size: 16px;
    height: 18px;
    line-height: 18px;
    margin: 0 6px 6px 3px;
    padding: 7px 13px 9px 14px;
    width: 163px;
}

#district .postcode {
    width: 42px !important;
}

#district select {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 2px solid #CCCCCC;
    border-radius: 20px 20px 20px 20px;
    color: #1E1E1E;
    font-size: 16px;
    height: 38px;
    line-height: 26px;
    margin: 0 0px 6px 0px;
    padding: 3px 9px 3px 7px;
    width: 198px;
}

#district input[type="button"], .showmap {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
   
    -webkit-appearance: none;

    background-color: #6F7D13;
    border-color: #AEBC21;
    
    border-image: none;
    border-radius: 20px 20px 20px 20px;
    border-style: solid;
    border-width: 0 1px 1px;
    color: #fff;
    cursor: pointer;
    float: right;
    font-size: 18px;
    height: 38px;
    line-height: 30px;
    margin: 0;
    margin-right: 10px;
    padding: 0 0 3px;
    width: 90px;
    margin-top: 20px;
}

#district input[type="button"]:focus {
    text-decoration: underline;
}


#district input[type="button"]:hover {
     background: #AEBC21;
    text-decoration: underline;    
}

#district input[type="button"].resetbtn {
    background-color: #C95108;
    border-color: #EE5108;
}

#district input[type="button"].resetbtn:hover {
    background: #D95000;
    text-decoration: underline;    
}


#district p {
    font-size: 1.4em;
    padding-bottom: 9px;
}
/* END ELECTORATE FINDER FORM */


/* Steps - 1,2,3 on candidate responses */
.steps {
  padding-left: 0;
  list-style: none;
  font-size: 18px;
  line-height: 1;
  margin: 30px auto;
  border-radius: 3px;
  width:100%;
  float:left;
}

.steps strong {
  font-size: 14px;
  display: block;
  line-height: 1.4;
}

.steps>li {
  position: relative;
  display: block;
  /* border: 1px solid #ddd; */
  padding: 12px 25px 8px 50px; 
  width: 110px;
  height: 40px;
  
}

@media (min-width: 768px) {
  .steps>li { float: left; }
  .steps .past { color: #666; background: #ececec; }
  .steps .present { color: white; background: #08c;}
  .steps .future { color: #777; background: #efefef; }

  .steps li > span:after,
  .steps li > span:before {
    content: "";
    display: block;
    width: 0px;
    height: 0px;
    position: absolute;
    top: 0;
    left: 0;
    border: solid transparent;
    border-left-color: #f0f0f0;
    border-width: 30px;
  }

  .steps li > span:after {
    top: -5px;
    z-index: 1;
    border-left-color: white;
    border-width: 34px;
  }

  .steps li > span:before { z-index: 2; }

  .steps li.past + li > span:before { border-left-color: #ececec; }
  .steps li.present + li > span:before { border-left-color: #08c; }
  .steps li.future + li > span:before { border-left-color: #efefef; }

  .steps li:first-child > span:after,
  .steps li:first-child > span:before { display: none; }

  /* Arrows at start and end */
  .steps li:first-child i,
  .steps li:last-child i {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    border: solid transparent;
    border-left-color: white;
    border-width: 30px;
  }

  .steps li:last-child i {
    left: auto;
    right: -30px;
    border-left-color: transparent;
    border-top-color: white;
    border-bottom-color: white;
  }
}

/* Upper house table */
tr.party {background-color: #ececec;cursor: pointer;}
tr.active {background-color: #08c; }
tr.party.active td:nth-child(3) {color:white}

#uhresults td:nth-child(1), #uhresults th:nth-child(1) {display:none;}
#uhresults td:nth-child(2), #uhresults th:nth-child(2) {display:none;}
#uhresults tr.party td:nth-child(3) span:before {
  display: inline-block;
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
  content: "\2a";
  color: #08c;
  margin:0 2px 0 0;
}
#uhresults tr.party.active td:nth-child(3) span:before {
  display: inline-block;
  font-family: 'IcoMoon'; 
  speak: none;
  font-style: normal;
  content: "\4b";
  color: white;
  margin:0 2px 0 0;
}


/* Print */
@media print {
  #uhresults td:nth-child(1), #uhresults th:nth-child(1) {display:block;}
  #uhresults td:nth-child(2), #uhresults th:nth-child(2) {display:block;}
}
/* END UPPER HOUSE TABLE */

/* Party Responses accordion table */
/*tbody.category {
  cursor: all-scroll;
}


#party h3:before {
  display: inline-block;
  font-family: 'IcoMoon';
  font-style: normal;
  speak: none;
  content: "\2a";
  color: #08c;
  margin:0 5px 0 0;
}
#party .ui-state-active h3:before {
  display: inline-block;
  font-family: 'IcoMoon'; 
  speak: none;
  font-style: normal;
  content: "\4b";
  color: #08c;
  margin:0 5px 0 0;
}
*/

#party td:first-child {
  min-width:100px;
}

/* Score colors */
.scoreLightGreen {background-color: #cbef7d;}
.scoreYellow {background-color: #fffc32;}
.scoreYellowyOrange {background-color: #ffcd02;}
.scoreOrange {background-color: #FF6700;}
.scoreLightRed {background-color: #eddde3;}
.scoreDarkGreen {background-color: #92d050;}


.full { /*display full name*/
    display: inline;
    }
.abbr { /*hide abbreviation*/
    display: none;
}

#set-nn_sliders-1 div.accordion-inner {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

@media screen and (max-width:980px){
#set-nn_sliders-1 div.accordion-inner {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}
}

@media screen and (max-width:650px){
#set-nn_sliders-1 div.accordion-inner {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

#party tbody.category td {
  text-align:center; 
}
#party tbody.category td.title {
  text-align:left; 
}


@media screen and (max-width:767px){
.full {
    display: none;
    }
.abbr { /*show abbreviated name*/
    display: inline;
}
}

/* END PARTY RESPONSES ACCORDION TABLE */


/* Column toggle */
[data-icon]:before {
	font-family: normal;
	content: none;
	speak: none;
}

/* END COLUMN TOGGLE */

/* Right column */
.well {
  padding: 0;
  background-color: transparent;
  border: 0;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}

.row-fluid .span9 {
	width: 60%;
}

.row-fluid .span3 {
	width: 37%;
}

/* END RIGHT COLUMN */

/* Question heading */
.questionheader {
  color: darkgoldenrod;
  font-weight: normal;
  font-size: 1.2em;
  float: left;
  padding-right: 10px;
  line-height: 1.1em;
}
/* END QUESTION HEADING */

/* Footer */

footer.footer {
  background-color: black;
  margin-top: 40px;
  color: white;
}

/* END FOOTER */

/* Quote */

blockquote {
  padding: 0 0 0 15px;
  margin: 10px 0 18px;
  border-left: 5px solid #08c;
  font-style: italic;
  font-size: 1.1em;
}

blockquote:before {
  color: #ccc;
  content: open-quote;
  font-size: 3.5em;
  line-height: 0.1em;
  margin-right: 0.25em;
  vertical-align: -0.45em;
}
blockquote:after {
  color: #ccc;
  content: close-quote;
  font-size: 3.5em;
  line-height: 0.1em;
  margin-left: 0.1em;
  vertical-align: -0.45em;
}

/* END QUOTE */

/* Logos */
img.smalllogo {
  width: 16px;
  padding-right: 2px;
  padding-bottom: 2px;
}

/* END LOGOS */

/* Tooltips override */
.nn_tooltips-link {
  display: inline;
}

/* END TOOLTIPS */

/* START 10 Questions */
div.questions {
    -webkit-column-count: 3;
    -moz-column-count: 3;
    column-count: 3;
}

@media screen and (max-width:720px){
div.questions {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
}

}
@media screen and (max-width:500px){
div.questions {
    -webkit-column-count: 1;
    -moz-column-count: 1;
    column-count: 1;
}
}

div.questions p {
  display:inline-block;
}

div.questions div {
  display:inline-block;
}


/* END 10 Questions */

/* Fixing tablesaw responsive table */

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn {
width:40px;
height:40px;
}

.tablesaw-enhanced .tablesaw-bar .btn {
    border: 1px solid #aaa;
    background-color: #FF6700;
}

.tablesaw-enhanced .tablesaw-sortable-switch .btn {
  background-color: #fff;
}

.tablesaw-bar .btn.btn-micro {
    font-size: 32px;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.right:before {
    left: 20px;
    border-left: 5px solid #fff;
}

.tablesaw-bar .tablesaw-advance a.tablesaw-nav-btn.left:before {
    left: 20px;
    border-right: 5px solid #fff;
}

.tablesaw-advance-dots {
    margin: 20px;
}

.tablesaw-enhanced .tablesaw-bar .btn:hover, .tablesaw-enhanced .tablesaw-bar .btn:focus {
    background-color: #FF4400; 
    outline: none;
}

.tablesaw-enhanced .tablesaw-sortable-switch .btn:hover, .tablesaw-enhanced .tablesaw-sortable-switch .btn:focus {
    background-color: #fff; 
    outline: none;
}

.tablesaw th {
    line-height: 1.3em;
}

.tablesaw-sortable-switch {
  margin-top:20px;
}

/* END tablesaw */


.btn-primary {
margin: 10px;
}

.container {
	width: 90%;
	max-width:90%;
	}