/*CAPS-specific CSS added by MSR*/
.cand{background:url(/img/icons/candidates.png) left top no-repeat;background-size:50px;margin-top:20px}
.bal{background:url(/img/icons/ballots.png) left top no-repeat;background-size:50px;margin-top:20px}
.cont{background:url(/img/icons/contributors.png) left top no-repeat;background-size:50px;margin-top:20px}
.adv{background:url(/img/icons/advanced.png) left top no-repeat;background-size:43px;margin-top:20px}
.btnRow{margin:0!important}
legend{font-size:1.5em!important}

/*CAPS-specific CSS added by ADE */
.note{font-size:85%;margin-top:25px;font-weight:bold;padding:5px;border:1px solid #D78622}
.fig{font-size:85%;margin: 5 0;font-weight:bold}
hr.brandhr {border: 0;height: 1px;background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(2, 99, 47, 1), rgba(0, 0, 0, 0));}
.brand{text-align:center;margin:25px 0px 10xp 0px;padding:15px 0px 15px 0px;line-height:0px;background:#fff}
/*    *****************************       */


aside .frmCtnr{margin:0 0 20px 0!important}
aside label{text-align:left!important}

/*add to generic CSS eventually...*/
.browserupgrade{background:#f5e9e9;text-align:center;padding:10px;border:2px solid #981B1f}

/*influenced from original caps.css*/
.center{text-align:center}
.left{float:left}
.clear_both{clear:both}
.caps_radio1,.caps_radio2,.caps_radio3,.caps_radio4,.caps_radio5,.caps_radio6{margin-right:10px}
.caps_select1,.caps_select3{border:2px solid #ccc}
label,.caps_everything_box,.caps_label4,.caps_sidebar_title{font-weight:bold}
.font_input{margin-bottom:10px}
#caps_filter_box{background:#ebebeb;border:2px solid #ccc;padding:5px;margin:10px 0}
.caps_select4{margin:0 10px}
#caps_cycles_box{clear:both;float:left}
.caps_hr1{clear:both}
hr{margin:20px 0!important;height:2px!important}
#caps_cycles_box div{clear:both}
#caps_reset_btn{margin-right:10px;line-height:5em;}
.caps_everything_box{float:none!important}

/*desktop vs. mobile*/

@media only screen and (max-width: 599px) {
/*.caps_select1{width:100%!important}*/
}
@media only screen and (max-width: 699px) {
.caps_text1{width:235px!important}
.caps_text2{width:105px!important}
.caps_select1{width:280px!important}
.caps_select3{width:262px!important}
}
@media only screen and (max-width: 799px) {
aside{margin-top:10px!important}
}
@media only screen and (min-width: 700px) {
.caps_text2{width:105px!important}
.caps_select3{width:82%!important}
}
@media only screen and (min-width: 1000px) {
.caps_select1,.caps_select3{width:200px}
#caps_cycles_box{margin-left:20px}
.caps_select3{margin-left:24px}
}
/*
@media (min-width:700px) and (max-width:1185px){
}
@media only screen and (min-width:1185px) { 
}*/

/*adopted*/
#caps_table_box{
  overflow:auto;
}

#caps_search_btn1{
  float:right;
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 14px Arial, Helvetica, sans-serif;
  margin:0 0 9px;
  padding:12px 17px 12px 17px;
}

#caps_search_btn1:hover{
  color:#fff;
  background:#124161;
}

#caps_search_btn2{
  /*float:right;*/
  text-align:right;
  clear:both;
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 17px Arial, Helvetica, sans-serif;
  margin:0 0 9px;
  padding:10px 15px 10px 15px;
}

#caps_search_btn2:hover{
  color:#fff;
  background:#124161;
}

#caps_update_btn{
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 15px Arial, Helvetica, sans-serif;
  margin:0 4px;
  padding:2px 6px 2px 6px;
}

#caps_update_btn:hover{
  color:#fff;
  background:#124161;
}

#caps_field_btn{
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 15px Arial, Helvetica, sans-serif;
  margin:0 4px;
  padding:2px 6px 2px 6px;
}

#caps_field_btn:hover{
  color:#fff;
  background:#124161;
}

#caps_previous_btn{
  width:140px;
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 17px Arial, Helvetica, sans-serif;
  margin:0 20px 0 0;
  padding:10px 15px 10px 15px;
}

#caps_previous_btn:hover{
  color:#fff;
  background:#124161;
}

#caps_next_btn{
  width:140px;
  background:#e6ecf0;
  color:#124161;
  border:2px solid #124161;
  font:bold 17px Arial, Helvetica, sans-serif;
  margin:0 0 0 20px;
  padding:10px 15px 10px 15px;
}

#caps_next_btn:hover{
  color:#fff;
  background:#124161;
}

.download_csv{
  background:#e6ecf0;
  border:2px solid #124161;
  font: bold 14px/22px Arial, Helvetica, sans-serif;
  color:#124161;
  margin:0 0 0 8px;
  padding:0px 29px 0 4px;
  text-decoration: none;
  display: inline-block;
  vertical-align: middle;
  position:relative;
}
.download_csv:before{
  position:absolute;
  right:9px;
  top:4px;
  content:'';
  background:url(/img/sprite01.png) no-repeat;
  width:13px;
  height:13px;
}
.download_csv:hover{
  color:#fff;
  background:#124161;
}
.download_csv:hover:before{
  background-position:-22px 0;
}

.qs_search_dropbox{
  position:absolute;
  display:none;
  max-width:400px;
  border-radius: 0px;
  margin-top:-20px;
  padding:0px;
  /*background:#FFFFFF; commented out by MSR*/
  z-index:9999;
  overflow:auto;
}

.caps_search_dropbox{
	position:absolute;
  display:none;
  max-width:190px;
  margin-left:4px;
  margin-top:-8px;
  margin-bottom:8px;
  padding:0px;
  background:#FFFFFF;
  border-radius:0px;
  overflow:auto;
}

.input_border{border:2px solid #CCCCCC;}

#caps_current_page_btn{
  background:#fff;
  color:#124161;
  border:0;
  font:bold 26px Arial, Helvetica, sans-serif;
  margin:0 8px 0 8px;
  padding:2px;
}

.caps_page_btn{
	background:#fff!important;
  border:0!important;
  font:bold 16px Arial, Helvetica, sans-serif;
  margin:0 8px 0 8px;
  padding:2px;
}

.caps_page_btn:hover{
  color:#000!important
}