/********************/
/****CUSTOM STYLES***/
/********************/
ul{
    list-style:none;
    
}
body,html {margin:0; padding:0; }

#pfx_container{
    width:533px;
    height:100%;
    float:left;
}

#mapCanvas{
    position:absolute;
    top:0;
    left:0;
    right:0;
    bottom:0;
    z-index:0;
}

#pfx_volette{
    width:150px;
    text-align: center;
    position:absolute;
    z-index:999;
    font-family:arial;
    color:#303030;
    font-size:13px;
    font-weight: bold;
    line-height:18px;
    padding:15px;
    display:none;
    background: rgb(255, 255, 255); /* The Fallback */
    background: rgba(255, 255, 255, 0.9);
      -moz-border-radius: 4px; /* Firefox */
      -webkit-border-radius: 4px; /* Safari, Chrome */
      border-radius: 4px; /* CSS3 */

}

.pfx_darkScheme{
    background: rgb(48, 48, 48)!important; /* The Fallback */
    background: rgba(48, 48, 48, 0.9)!important;
    color:white!important;
}

.pfx_cntryName{
    font-weight:bold;
    font-size:13px;
}

.pfx_lft{
    float:left;
}
.pfx_rt{
    float:right;
}

#pfx_volette .pfx_pointer{
    clear:left;
    display:block;
    font-size:12px;
    font-style:italic;
}

#pfx_volette ul.pfx_nmbrs{
    margin:0 auto;
    list-style:none;
    width:200px;
}
#pfx_volette ul.pfx_nmbrs li{
    display:inline;
}

#pfx_sidebar{
    width:220px;
    margin-left:20px;
    height:100%;
    float:left;
    font-family:arial,sans-serif;
    font-size:13px;
    color:#303030;
}

#pfx_sidebar .pfx_headline{
    font-family:arial,sans-serif;
    font-weight:bold;
    font-size:14px;
}

#pfx_sidebar .pfx_descr p{
    font-size:13px;
    line-height:16px;
}

.pfx_nmb_i,.pfx_nmb_k{
    float:left;
    display:inline;
}

.pfx_nmb_i{
    position:absolute;
    top:117px;
    left:67px;
    font-size:18px;
    
}
.pfx_nmb_k{
    position:absolute;
    top:115px;
    right:70px;
    font-size:16px;
    
}


.pfx_state{
    margin:0 auto;
    width:100%;
    text-align: center;
    font-weight:bold;
    font-size:16px;
}

.pfx_incidents{
    text-align:center;
    text-decoration:underline;
}

.pfx_incidents_nmb{
    text-align:center;
    margin-top:10px;
    margin-bottom:5px;
    font-size:18px;
}

.pfx_inj,.pfx_kld{
    text-decoration:underline;
}
#pfx_secHeader{
    font-family:"TitlingGothicFBStandCond","Arial Narrow",Arial,sans-serif;
    font-size:23px;
    float:left;
    margin-top:40px;
}

#pfx_legend, #pfx_legend2{
    width: 215px;
    /*height: 60px;*/
    border: 1px solid #BBBABA;
    position: absolute;
    z-index: 999;
    font-family: arial,sans-serif;
    font-size: 13px;
    padding-right: 4px;
    padding-top: 4px;
    padding-bottom: 4px;
    padding-left: 10px;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 0 13px #999;
    -webkit-box-shadow: 0 0 13px #999;
    box-shadow: 0 0 13px #999;
    background-color: white;
    background-color: rgba(255, 255, 255, .85);

}
#pfx_legend2 .pfx_legendBox{
    width: 42px;
    text-align: center;
}

#circle_box{
    margin-left:10px;
    margin-top:5px;
}

#circle_box span{
    font-size:10px;
    margin-left:88px;
    color:#9400D3;
}

ul#pfx_legendColors{
    padding:0;
    margin:7px 0 15px 0;
    padding-left:27px;
}

.pfx_colorCode{
    float:left;
    display:inline;
    width:28px;
    height:15px;
    background-color:coral;
    margin-right:1px;
    }
.pfx_color0{
    background-color:#ccc;
}
.pfx_color1{
    background-color:#A1DAB4;
}
.pfx_color2{
    background-color:#41B6C4;
}
.pfx_color3{
    background-color:#2C7FB8;
}
.pfx_color4{
    background-color:#253494;x
}

.pfx_tick{
    width:1px;
    border-left:1px solid #ccc;
    height:10px;
    margin-right:3px;
}

.pfx_lgdNum{
    margin-right:14px;
}
.pfx_lgdNumA{
    margin-right:54px;
}
.pfx_hideMe{
    visibility:hidden;
}
#pfx_countryBox{
    width:960px;
    margin-top:40px;
    float:left;
}
#pfx_countryLeftBox{
    float:left;
    width:45%;
}
#pfx_countryRightBox{
    float:right;
    width:45%;
}
.pfx_country{
    width:100%;
    margin-bottom:10px;
    height:210px;
}
.pfx_countryLeft{
    float:left;
}
.pfx_countryRight{
    float:right;
}
.pfx_imageBox{
    float:left;
    height:100%;
}
.pfx_countryHead{
    font-family:"TitlingGothicFBStandCond","Arial Narrow",Arial,sans-serif;
    font-size:23px;
    margin-bottom:5px;
}
.pfx_countryText{
    font-family:Arial,sans-serif;
    font-size: 12px;
    line-height: 15px;
}
#pfx_countryRightBox .pfx_imageBox{
    float:right;
}

#pfx_countryRightBox .pfx_textBox{
    text-align:right;
}
#pfx_source{
    bottom:0;
    position:absolute;
    height:14px;
    background-color:white;
    width:100%;
    font-family: arial;
    font-size: 12px;
    padding: 2px 5px 2px 2px;
    color: #0E0E0E;
    text-align:right;
    right: 0;
}
#pfx_source a{
    color:#0E0E0E;
}
.pfx_legendBox{
    width:35px;
    height:20px;
    float:left;
    display:inline;
}
#pfx_source a:hover{
    color:#ee3224;
}
.pfx_colorBox{
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter: alpha(opacity=75);
  -moz-opacity: 0.75;
  -khtml-opacity: 0.75;
  opacity: 0.75;
  }
#pfx_entry0{
    background-color:#FEE5D9;
}
#pfx_entry1{
    background-color:#FCBBA1;
}
#pfx_entry2{
    background-color:#FC9272;
}
#pfx_entry3{
    background-color:#FB6A4A;
}
#pfx_entry4{
    background-color:#DE2D26;
}
#pfx_entry5{
    background-color:#A50F15;
}
#pfx_entry6{
    background-color:#c51b8a;
}
#pfx_entry7{
    background-color:#31a354;
}
#pfx_entry8{
    background-color:#08519c;
}
#pfx_entry9{
    background-color:#d95f0e;
}
#pfx_entry10{
    background-color:#8856a7;
}
.pfx_clearFix{
    clear:both;
}
.pfx_lgndNumber{
    font-family:arial, sans-serif;
    font-size:10px;
    text-align: right;
}
.pfx_right{
    text-align: right
}
.pfx_legendIntro{
    font-weight:bold;
    padding-top:5px;
    padding-bottom: 5px;
}
.pfx_legendText{
    font-family:arial, sans-serif;
    font-size:10px;
    font-style: italic;
}
#pfx_rdrBox{
    width: 209px;
    height: 75px;
    padding: 10px;
    background-color: white;
    background-color: rgba(255, 255, 255, .85);
    position: absolute;
    top: 90px;
    right: 5px;
    z-index: 10;
    border: 1px solid #CCC;
    -moz-box-shadow: 0 0 13px #999;
    -webkit-box-shadow: 0 0 13px #999;
    box-shadow: 0 0 13px #999;
}
.pfx_adrsBox{
    text-align:center;
}
.pfx_adrsBox #pfx_inputField{
    width:152px;
}
.pfx_radioBox{
    font-family:Arial,sans-serif;
    font-size:12px;
    padding-left:8px;
}
.pfx_obama{
    color:#1889E0;
}
.pfx_romney{
    color:#E23636;
}
.textField{
    color:black;
}

.textFieldActive { 
    color: #848484; 
}