/*  
 * Search page base CSS
 *
 *
 *
 */
body {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/body-fill-bg.gif) repeat scroll 0 0}

  #districtlevelbox {margin: 10px 0 0 0}
  #districtlevelbox  li.headerLabel {margin-bottom: 0; text-align: left; padding-left: 0; padding-top: 7px; padding-right: 5px}
 
  #districtbox {
	float:left;
	padding:0 25px 0 0;
  }
  
 #scoreCanvas { margin-right: 15px; border-width: 0 2px 0 0 !important; position:absolute; top: 45px;  width: 100%; bottom: 0; left: 0;}
 


  
  
  .colHeader {
  text-align:center;
  padding: 15px 0 ;
  background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/body-divider-vert-white.png) 0 0 repeat-y;
   font-style: italic;
   color: #fff;
   font-weight: bold;
   letter-spacing: -0.02em;
  }
  
  .colHeader .measure-help-icon {
  margin-right: 3px; 
  padding-bottom:2px;
vertical-align:middle;
  }
  
  .scoreColumn {
	float:left;
	width:24%;
  
  }

     
  
  .scoreColumn.first  {width: 28%}

  
  .scoreColumn.last {*width: 22%}
  

  
   .scoreCell {
	padding:0;
	height: 265px;
	text-align:center;
  position:relative;
  width: 100%;
  border-bottom: 1px solid #e0e0e0
  }

    
   .scoreInnerCell {
  position:absolute;
  bottom:5px;
  left:0;
  width: 100%
  }
  
  
  .scoreCell.odd { background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/top10cellbg_odd.gif) 0 -1320px no-repeat}
  .scoreCell.even {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/top10cellbg_even.gif) -0 -1320px no-repeat}
  
    .dtypeC .first .scoreCell  {
     background-position: 0 0 
     }
    .dtypeSU .first .scoreCell   {
     background-position: 0 -329px 
     }
    .dtypeSL .first .scoreCell  {
     background-position: 0 -658px 
     }     
    .dtypeL .first .scoreCell {
     background-position: 0 -987px 
     }
     
  .scoreRanking {
    position: absolute;
    left: -37px;
    top: 34px;
    font-size: 28px;
    font-weight: bold;
    color: #737474;
    width: 50px;
    text-align:right;
    }
    
  
      .scoreCell  img {padding:20px 0 ; margin-top: 10px;}
        .scoreColumn.first .scoreCell img {}
    .scoreMeta {width: 98%; clear: both}
    .scoreDistName { font-size: 16px; margin: 5px 0 0 15px; text-align:left; font-weight:bold}
    .scoreLegName {font-size: 11px; margin: 5px 0 0 15px; text-align:left;}
    .scoreDistScore {float:right; margin: 23px 15px 0 10px; font-size: 10px; color: #aaa}
    .scoreMapLink { display:block; text-align:left; font-size: 12px; margin: 5px 0 0 15px; padding-bottom: 15px;}
  
  #alignBottom{
	margin: 85% 0 0 0;
  }
  
  #rightBody {
  left: 260px;
  position:absolute;
  right: 15px; 
  bottom: 30px;
  top: 50px;
  
  }
  
  
   
 #rightColumn {margin-left: 280px; margin-top: 20px; padding-left: 25px; max-width: 975px;}
  
    #scoreTypeHeader {margin: 16px 0 0 55px; position: absolute; left:0; font-size: 10px; height: 33px; font-style: italic; color: #555658; font-weight:bold; text-indent: -5px; padding-top: 3px}
    .dtypeC  #scoreTypeHeader {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/scorearrow-congress.png) bottom left no-repeat;}
    .dtypeSU  #scoreTypeHeader {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/scorearrow-upper.png) bottom left no-repeat;}    
    .dtypeSL  #scoreTypeHeader {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/scorearrow-lower.png) bottom left no-repeat;}
    .dtypeL #scoreTypeHeader {background: url(http://cdn.azavea.com/com.redistrictingthenation/images/national/scorearrow-local.png) bottom left no-repeat;}
    
  #districtlevelbox {padding-top: 0; position:absolute; right: 0; font-size: 15px;}
  
  #footer {
bottom:0;
font-size:10px;
padding-bottom:10px;
position:absolute;
right:15px;
margin:0
  }
  
   .hoverDistrict  {
	background: #AACCAA;	
  }
  
  .selectedDistrict  img {
	background: #ccc url(http://cdn.azavea.com/com.redistrictingthenation/images/national/body-fill-bg.gif) repeat scroll 0 0; border: 2px dashed  #666; margin-top: 8px; margin-bottom: -2px
  }
	
  
 #anchorList {float: left; margin-right: 15px; margin-top: 15px;}
 #anchorList a {display:block;  color: #fff; background: #999; text-align: center; margin: 1px 1px 0 0; text-decoration: none; width: 30px; height; 26px; line-height: 26px; font-size: 12px}
 #anchorList a:hover {background: #666}
 #anchorList a:active {background: #444}
 #anchorList1 {float:left}
  #anchorList2{float:left}  
  
  
#jumpto {margin: 6px 0 2px 0px; background: #333; padding: 3px}
	

	#scoreHeaderWrap { z-index: 100; clear:left; height: 47px;margin-left: 50px; padding-right: 16px; position:absolute; right: 0px; left: 0; font-size: 13px}
 #scoreColumnFoot{ z-index: 100; position: absolute; bottom:0; height: 2px;right: 0; left: 50px}
  #scoreColumnWrap {clear:left; overflow: auto;  right: 0; padding-left: 50px; position:absolute; top: 47px; bottom: 2px; left: 0}